Şimdi Ara

Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
10
Cevap
0
Favori
317
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • <!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 >




  • nickislemi N kullanıcısına yanıt
    Jquery kullanarak bu şekilde yapabilirsin.

    var liste = $('#ogrenciListe'); 
    var ogrenciAdi = $('#ogrenciText');
    liste.append('<li><p>Yeni Eklenen Ogrenci Adi Soyadi :' + ogrenciAdi.val() + '</p></li>')
  • 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 ?
  • yalnız bu java degil javascript hocam
  • valla aliskanlik :) herseye java ...


    yardimci olabilecek yok mu ? :S
  • nickislemi N kullanıcısına yanıt
    $(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.
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
  • 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
  • < body onload ="kontrol_li()" > ile
     Javadscript ile Programi gelisitremedim. Yardimci olur musuuz ?
    önceden "li"varmı yokmu kontrol ediyor. Denedim calıştı.
  • 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!";
    }




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.