Tek Sayfada Soru Cevap ( Yardım )

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Tek Sayfada Soru Cevap ( Yardım )

01/Nis/23 04:59 Kısayol Şikayet Özel Mesaj

karakutu

Kayıt Tarihi: 30/Ağustos/2005

şöyle bir şey yapmaya çalışıyorum ama beceremedim, (jquery)

örnek olarak;

Sayfaya girilince öncelikle bir karşılama mesajı belirecek "merhaba" sonra fadeout olarak yok olacak sonrasında ise "hazır mısın" altta bir button belirecek butona basılınca sorular gelecek örnek "isminiz" cevaplanınca arından "memleketiniz" gibi böyle sırasıyla sorular gelecek ama ilk sorudan sonrasını yapamadım :( . cevapladıkça yeni soruları gösteremiyorum.

küçük bir örnekle yardım edecek bir murid aranıyor :(
karakutu tarafından 27/Nis/23 22:13 tarihinde düzenlenmiştir

Mevzu derin | Papikolas Planet

Alıntı yap
01/Nis/23 05:22 Kısayol Şikayet Özel Mesaj

cybermole

Kayıt Tarihi: 29/Mart/2016

https://sweetalert2.github.io/sweetalert2-webpack-demo/

https://sweetalert2.github.io/

senin işi sweetalert çözer..

Alıntı yap
01/Nis/23 05:29 Kısayol Şikayet Özel Mesaj

karakutu

Kayıt Tarihi: 30/Ağustos/2005

cybermole bunu yazdı

https://sweetalert2.github.io/sweetalert2-webpack-demo/

https://sweetalert2.github.io/

senin işi sweetalert çözer..

çok iyi çok teşekkür ederim.

Mevzu derin | Papikolas Planet

Alıntı yap

01/Nis/23 06:24

Kısayol

Şikayet

Özel Mesaj

Antikky

Kayıt Tarihi: 01/Mayıs/2003

<html>
<head>
  <title>Örnek jQuery Scripti</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <style>
    #hosgeldiniz-mesaji,
    #soru-1-girdileri,
    #soru-2-girdileri {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    
    #hosgeldiniz-mesaji {
      display: none;
    }
    
    #soru-1-girdileri,
    #soru-2-girdileri {
      display: none;
    }
  </style>
</head>
<body>
  <div id="hosgeldiniz-mesaji">
    <p>Hoşgeldiniz</p>
    <button id="hosgeldiniz-butonu">Başlamak için Tıklayın</button>
  </div>
  
  <div id="soru-1-girdileri">
    <label>Soru 1:</label>
    <input type="text" id="soru-1">
    <br>
    <button id="soru-1-gonder-butonu">Sonraki Soru</button>
  </div>
  
  <div id="soru-2-girdileri">
    <label>Soru 2:</label>
    <input type="text" id="soru-2">
    <br>
    <button id="soru-2-gonder-butonu">Bitir</button>
  </div>
  
  <script>
    $(document).ready(function() {
      // hoşgeldiniz mesajını göster
      $('#hosgeldiniz-mesaji').fadeIn(1000);
      
      // hoşgeldiniz butonuna tıklandığında
      $('#hosgeldiniz-butonu').click(function() {
        // hoşgeldiniz mesajını gizle
        $('#hosgeldiniz-mesaji').fadeOut(1000, function() {
          // soru 1'i göster
          $('#soru-1-girdileri').fadeIn(1000);
        });
      });
      
      // soru 1 gönder butonuna tıklandığında
      $('#soru-1-gonder-butonu').click(function() {
        // soru 1'i gizle
        $('#soru-1-girdileri').fadeOut(1000, function() {
          // soru 2'yi göster
          $('#soru-2-girdileri').fadeIn(1000);
        });
      });
      
      // soru 2 gönder butonuna tıklandığında
      $('#soru-2-gonder-butonu').click(function() {
        // soru 2 girdisinin değerini al
        var soru2 = $('#soru-2').val();
        
        // soru 2'nin cevabını konsola yazdır
        var cevap2 = 'Soru 2 için cevap: ' + soru2;
        console.log(cevap2);
      });
    });
  </script>
</body>

Antikky tarafından 01/Nis/23 06:26 tarihinde düzenlenmiştir

Umursamaz Tavrımın Hastası Olunuz.

Alıntı yap

02/Nis/23 00:49 Kısayol Şikayet Özel Mesaj

karakutu

Kayıt Tarihi: 30/Ağustos/2005

Antikky bunu yazdı

Hoşgeldiniz
< id="hosgeldiniz-butonu">Başlamak için Tıklayın

Soru 1: < id="soru-1" ="text" />
< id="soru-1-gonder-butonu">Sonraki Soru

Soru 2: < id="soru-2" ="text" />
< id="soru-2-gonder-butonu">Bitir

işte bu Allah razı olsun hocam

Mevzu derin | Papikolas Planet

Alıntı yap

Toplam Hit: 1152 Toplam Mesaj: 5
j query

Cevapla