<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <section><h1>Ogrenci Listesi</h1> <ul id="ogrenciListe"></ul> <label>Ogrenci Adi Soyadi </label> <input type="text" id="ogrenciText" value="" /><br/> <button onclick="ogrenciEkle()">Ekle</button> </section> <noscript>Sistem Java Script ile calismaktadir. Lutfen java eklentisini aktive ediniz</noscript> <script> function ogrenciEkle() { var liste = document.getElementById("ogrenciListe"); var yeniElement = document.createElement("li"); var ogrenciAdi = document.getElementById("ogrenciText"); yeniElement.textContent = "Yeni Eklenen Ogrenci Adi Soyadi :" +ogrenciAdi.value; liste.appendChild(yeniElement); } </script> </body> </html>
yapmak istedigim , fonskiyon aktif oldugunda li elementlerinin indexini kontrol etsin. eger index degeri null ise ekrana `henuz kayit yok` mesaji versin. Ama bunu yapamdim. For la li elementinin length ini alsam dedim ona da kafam yatmadi.
nasil bir yol izlemeliyim. tesekkurler.
< Bu mesaj bu kişi tarafından değiştirildi nickislemi -- 16 Eylül 2016; 22:23:58 >
Soyle birsey daha yaptim. Elementlere etki etme gibi bir olay. eklemesini yaptim. Removechild metodu ile silebilirsiniz ... veya replace ile degistirebilirsiniz. yeni baslayan arkadaslara yardimci olur umarim
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <section id="sectionid"> <h1>Tikladikca artacak < p > elementi </h1> <P>Ilk Yazimiz burada basliyor </P> </section> <button id="btnEkle" onclick="pEkle()">P elementi Ekle</button> <script> var sayac = 0; function pEkle() { var babaTag = document.getElementById("sectionid"); var yeniP = document.createElement("p"); yeniP.textContent = sayac+ ". defa "+" yeni P elementi Eklendi"; babaTag.appendChild(yeniP); sayac++; } </script>
</body> </html>
bu arada sorunu hala asamadim ilk post daki :S nasil yapicam anlamadim ... hangi attirbute kullanilmali ? donguye mi sokulmali anlamadim.
progrma aciklamasi :
burada baba (parent) yani kapsayici tag section oluyor (HTML 5 ile geldi)
Bunu yapmamizin sebebi, Section taginin arasinda tanimladigimiz <P> elementlerini `createElement` metodu ile , referansini aldigimiz baba taginin icine appendChild metodu ile koyuyoruz.
bu kadar.
< Bu mesaj bu kişi tarafından değiştirildi nickislemi -- 16 Eylül 2016; 7:16:13 >
var liste = $('#ogrenciListe'); var ogrenciAdi = $('#ogrenciText'); liste.append('<li><p>Yeni Eklenen Ogrenci Adi Soyadi :' + ogrenciAdi.val() + '</p></li>')
var liste = $('#ogrenciListe'); var ogrenciAdi = $('#ogrenciText'); liste.append('<li><p>Yeni Eklenen Ogrenci Adi Soyadi :' + ogrenciAdi.val() + '</p></li>')
tesekkurler.
ilk mesajdaki sorunu cozmeye yardimci olabilir misin ?
$("#ogrenciListe").text("Henüz kayıt yok!"); } });
Yukarıda yazdığımı dene istersen. İstediğin böyle bir şey sanırım. Sayfa açıldığında veya yenilendiğinde liste içerisi boşsa "henüz kayıt yok" yazacak. Dolu olursa başka bir şey istiyorsan yardımcı olabilirim.
$("#ogrenciListe").text("Henüz kayıt yok!"); } });
Yukarıda yazdığımı dene istersen. İstediğin böyle bir şey sanırım. Sayfa açıldığında veya yenilendiğinde liste içerisi boşsa "henüz kayıt yok" yazacak. Dolu olursa başka bir şey istiyorsan yardımcı olabilirim.
bu jquery sanirim. ben jquerye de gectim lakin javascript olarak nasil cozebilirim ? java icin child metodunun uzunlugunu almayi denedim hata verdi... elements.length yapilmiyor... o sebepten sormustum. amacim kendimi gelistirmek javascriptte
$("#ogrenciListe").text("Henüz kayıt yok!"); } });
Yukarıda yazdığımı dene istersen. İstediğin böyle bir şey sanırım. Sayfa açıldığında veya yenilendiğinde liste içerisi boşsa "henüz kayıt yok" yazacak. Dolu olursa başka bir şey istiyorsan yardımcı olabilirim.
bu jquery sanirim. ben jquerye de gectim lakin javascript olarak nasil cozebilirim ? java icin child metodunun uzunlugunu almayi denedim hata verdi... elements.length yapilmiyor... o sebepten sormustum. amacim kendimi gelistirmek javascriptte
yapmak istedigim , fonskiyon aktif oldugunda li elementlerinin indexini kontrol etsin. eger index degeri null ise ekrana `henuz kayit yok` mesaji versin. Ama bunu yapamdim. For la li elementinin length ini alsam dedim ona da kafam yatmadi.
nasil bir yol izlemeliyim. tesekkurler.
< Bu mesaj bu kişi tarafından değiştirildi nickislemi -- 16 Eylül 2016; 22:23:58 >