Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?

Bu konudaki kullanıcılar: 1 misafir

9
Cevap 318
Tıklama 0
Öne Çıkarma

1. sayfa

Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?

Cevap Yaz

nickislemi

8 yıl

Çavuş

Konu Sahibi

<!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 >

nickislemi

8 yıl

Çavuş

Konu Sahibi

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 >

bersgurs

8 yıl

Binbaşı

Jquery kullanarak bu şekilde yapabilirsin.

var liste = $('#ogrenciListe'); 
  var ogrenciAdi = $('#ogrenciText'); 
  liste.append('<li><p>Yeni Eklenen Ogrenci Adi Soyadi :' + ogrenciAdi.val() + '</p></li>')

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @nickislemi

nickislemi

8 yıl

Çavuş

Konu Sahibi

quote:

Orijinalden alıntı: bersgurs

Jquery kullanarak bu şekilde yapabilirsin.
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 ?

Bu mesaja 1 cevap geldi.

funky-nd

8 yıl

Yarbay

yalnız bu java degil javascript hocam

Bu mesaja 1 cevap geldi.

nickislemi

8 yıl

Çavuş

Konu Sahibi

valla aliskanlik :) herseye java ...

yardimci olabilecek yok mu ? :S

ElwinVanDyke

8 yıl

Yarbay

$(document).read(function () {

if($("#ogrenciListe").children().lenght <= 0)
{

$("#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 mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @nickislemi

nickislemi

8 yıl

Çavuş

Konu Sahibi

quote:

Orijinalden alıntı: L[A]hor

$(document).read(function () {

if($("#ogrenciListe").children().lenght <= 0)
{

$("#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

Bu mesaja 2 cevap geldi.

Tuğkan-0153

8 yıl

Yarbay

< body onload ="kontrol_li()" > ile
< Resime gitmek için tıklayın >
önceden "li"varmı yokmu kontrol ediyor. Denedim calıştı.

ElwinVanDyke

8 yıl

Yarbay

quote:

Orijinalden alıntı: nickislemi

quote:

Orijinalden alıntı: L[A]hor

$(document).read(function () {

if($("#ogrenciListe").children().lenght <= 0)
{

$("#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

Evet yukarıdaki kod jquery.

JS ile de şu şekilde deneyebilir misin ?

var c = document.getElementById("ogrenciList");

if(c.childNodes.length <= 0)
{

c.innerHTML ="Henüz kayıt yok!";
}

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?