Şimdi Ara

Php yada ajax ile anlık sayfa yenileme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
7
Cevap
0
Favori
1.047
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba arkadaşlar

    ben php de sayfa yenilemek istiyorum

    şöyle ki:

    <select>
    <option>deneme</option>
    <option>deneme2</option>
    </select>

    mesela deneme ye tıklandığında aşağıya onunla ilgili başka form gelecek
    deneme2 ye tıklandığın da onunla ilgili başka form gelecek.
    internette baktım ajaxla ilgili bi konu sanırım ama ajax bilgim fazla yok fikri olan yada bilen bir arkadaş varsa yardımcı olursa çok memnun olurum.



  • ajax la ilgili pek bilgim yok ancak sana basit bir örnek ile yardımcı olmaya çalışayım
    select kısmına onchange özelliği eklediğin zaman bir fonksiyon oluşturup isteğin işi yapabilirsin

     
    <select id="secim" onchange="form_ekle()">
    <option>deneme</option>
    <option>deneme2</option>
    </select>

    <p id="deneme"></p>


    daha sonra şu kodları ekle

     
    <script>
    function form_ekle() {
    var x = document.getElementById("secim").value;
    document.getElementById("deneme").innerHTML = "Seçilen: " + x;
    }
    </script>


    bunu örnek olarak yazzdım sen artık nasıl istersen o şekilde eklemelerini yapabilirsin
  • abdullahtalhacan A kullanıcısına yanıt
    yardımın için teşekkür ederim çok faydası oldu fakat mesela deneme yi seçtiğim zaman aşağıda valusunu değil de başka bir şey getirmek istiyorum bunu nasıl sağlayabilirim misal kullanıcı kayıt formu gelsin eğer deneme2 yi seçtiğinde de kullanıcı girişi gelsin bunu nasıl sağlayabilirim.
  • Kendi kullandığım scripti yazayım sana :
    öncelikle p tagını bu şekilde değiştir
    <p class="sonra" id="deneme"></p>


    daha sonra script i bu şekilde düzenle
     
    <script>
    function form_ekle() {
    var ekle= ' ' +
    '<input type="text" name="adi">';
    $(ekle).insertBefore('.sonra');
    }
    </script>
  • abdullahtalhacan A kullanıcısına yanıt
    dediğin şekilde denedim fakat olmadı bide şöyle düşündüm ben

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function form_ekle() {
    var x = document.getElementById("secim").value;
    if (x == 'deneme')
    {
    document.getElementById("deneme").innerHTML = " <p style='color:#DDDDDD;'>Seçilen:</p> " + x
    }
    else
    document.getElementById("deneme2").innerHTML = " <p style='color:#000;'>Seçilen:</p> " + x;

    }
    </script>
    </head>

    <body>
    <select id="secim" onchange="form_ekle()">
    <option>deneme</option>
    <option>deneme2</option>
    </select>

    <p id="deneme"></p>
    <p id="deneme2"></p>

    </body>
    </html>


    bu şekilde yaptım fakat ikincisini seçtiğim zaman ilk seçtiğim gene ekranda kalıyor önceki seçimimi kaldırmak için bi kod var mı ? clear gibi bi komut yada fonksiyon




  • document.getElementById("deneme").style.display: "none";

    bu sekilde istedigin bir div i gorunmez kilabilirsin.
  • YILDIRIMK Y kullanıcısına yanıt
    Teşekkürler Tüm yardımlarınız için arkadaşlar
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.