Şimdi Ara

Php yada ajax ile anlık sayfa yenileme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir Kullanıcı, 2 Masaüstü Kullanıcı
7
Cevap
0
Favori
664
Tıklama
Tüm Forumlar >> Web Tasarım - Programlama >> Yazılım Geliştirme >> PHP / CGI >> Php yada ajax ile anlık sayfa yenileme
Sayfaya Git:
Sayfa:
1
Giriş
Mesaj
  • Onbaşı
    28 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
    _____________________________
  • Onbaşı
    28 Mesaj

    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.
    |
    |
    abdullahtalhacan kullanıcısının, bahsedilen mesajını gör
    _____________________________
  • 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>
    _____________________________
  • Onbaşı
    28 Mesaj

    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
    |
    |
    abdullahtalhacan kullanıcısının, bahsedilen mesajını gör
    _____________________________




  • Çavuş
    45 Mesaj
    document.getElementById("deneme").style.display: "none";

    bu sekilde istedigin bir div i gorunmez kilabilirsin.
    _____________________________
  • Onbaşı
    28 Mesaj

    Teşekkürler Tüm yardımlarınız için arkadaşlar
    |
    |
    YILDIRIMK kullanıcısının, bahsedilen mesajını gör
    _____________________________
HızlıCevap
Sayfaya Git:
Sayfa:
1
Reklamlar
Bey Azura
son dakika
Mobilya Takımları
üniversite
Bu sayfanın
Mobil sürümü
Mini Sürümü

BR4
0,297
1.2.165

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