• 30-05-2021, 22:00:16
    #1
    Merhabalar.

    Bi projemde kullanmam gereken bir özellik için yardım istiyorum. Projemde butona tıklandığında Sweetalert form acılacak. Tarih gün sayısı ve veri tipi istenecek. girilen veriler veri.php ye yönlendirilip orda işlem yapılacak. SweetAlet ile böyle birşey yapmak mümkün müdür? örnek bir SweetAlert2 kodlaması bırakıyorum. yardımlarınızı rica ediyorum.

        $("#veri").click(function (){
    
    const { value: veri } = Swal.fire({
      title: 'Veri türü seçiniz!',
      input: 'select',
      inputOptions: {
        'v1': 'Veri 1 Kullan!',
        'v2': 'Veri 2 Kullan!',
      },
    
      showCancelButton: true,
      confirmButtonColor: 'green',
      cancelButtonColor: 'red',
      confirmButtonText: '<font color="white"><b>Onayla!</b></font>',
      cancelButtonText: '<font color="white"><b>Vazgeç!</b></font>',
      inputValidator: (value) => {
        return new Promise((resolve) => {
          if (value === 'v1') {
            window.location.href = `veri.php`
          } else {
            window.location.href = `veri.php`
          }
        })
      }
    })
    
    });
  • 02-06-2021, 01:06:50
    #2
    biraz araştırma neticesinde buldum ve şu şekilde yaptım. Belki lazım olan bir arkadaş olabilir.
    <button class="btn btn-danger btn-lg" id="veri">
                <i class="fas fa-minus-circle"></i> <b>Veri Gir!</b></button>
    <script>
    
        $("#veri").click(function (){
    
    Swal.fire({
    title: 'Veri Kayıt',
    confirmButtonColor: 'red',
    confirmButtonText: '<font color="white"><b>Vazgeç!</b></font>',
    html: ' <form action="verial.php" method="POST"><b>Veri Türü:</b><br><select class="form-control" name="tur" required><option value="v1">Veri 1</option><option value="v2">Veri 2</option></select><br><b>Tarih:</b><br><input type="date" class="form-control" name="tarih" required><br><b>Veri Süresi:</b><br><input type="text" class="form-control" name="verisuresi" autocomplete="off" required><br> <button type="submit" class="btn btn-block btn-success btn-lg"><i class="fas fa-check-circle"></i> <b>Kaydet!</b></button></form>'
    })
    });
    </script>