• 19-01-2014, 15:57:08
    #1
    Merhaba arkadaşlar, çok aradım taradım ama problemime çözüm bulamadım o yüzden de yeni konu açmaya karar verdim.

    Elimde bir kod var vebir düğmeye bağlı olarak AJAX GET komutu ile çalışıyor. Benim istediğim bu düğmenin yanına bir checkboz koymak ve bu checkbox işaretlenmeden devam edilememesi. Checkbox işaretli olmadan düğmeye basıldığında ise en üst satırda ya da hemen düğmenin üstünde bir uyarı vermesi.

    Elimdeki orjinal kod:
    <div class="buttons">
      <div class="right">
        <a id="button-confirm" class="button"><span><?php echo $button_confirm; ?></span></a>
      </div>
    </div>
    
    <script type="text/javascript"><!--
    $('#button-confirm').bind('click', function() {
    	$.ajax({
    		type: 'GET',
    		url: 'index.php?route=payment/bank_transfer/confirm',
    		success: function() {
    			location = '<?php echo $continue; ?>';
    		}
    	});
    });
    //--></script>
    Benim düzenlediğim hali:

    <div class="buttons">
      <div class="right">
        Şartları kabul ediyorum.<input type="checkbox" value="1" /><a id="button-confirm" class="button" ><span><?php echo $button_confirm; ?></span></a>
      </div>
        </div>
    
    <script type="text/javascript"><!--
    $('#button-confirm').bind('click', function() {
      $('#button-confirm').click(function(){
    
      var input = $('input[type=checkbox]:checked').val();
    
        if ( !input ){
            alert('Lütfen checkboxı işaretleyin!');
        } else {
              }
    	$.ajax({
    		type: 'GET',
    		url: 'index.php?route=payment/bank_transfer/confirm',
    		success: function() {
    			location = '<?php echo $continue; ?>';
    		}
    	});
    });
    
    });
    
    
    //--></script>
    Yardımcı olabilecek arkadaşlara şimdiden teşekkür ederim. Konuyu yanlış yere açtıysam mod arkadaşlardan ricam doğru yere taşımaları.
  • 19-01-2014, 16:29:30
    #2
    Çalışan haline buradan bakabilirsiniz http://jsfiddle.net/6r2jF/3/

    HedefB adlı üyeden alıntı: mesajı görüntüle
    Yardımcı olabilecek arkadaşlara şimdiden teşekkür ederim. Konuyu yanlış yere açtıysam mod arkadaşlardan ricam doğru yere taşımaları.
  • 19-01-2014, 17:52:09
    #3
    Dzyn3 adlı üyeden alıntı: mesajı görüntüle
    Çalışan haline buradan bakabilirsiniz http://jsfiddle.net/6r2jF/3/
    İlginize teşekkür ederim. Kod çok güzel çalışıyor.Peki bu alert kısmını popup şeklinde değil de satır içi uyarı olarak nasıl gösterebilirim.

    Açıkçası şuradaki gibi düğmenin yanında görünsün istiyorum ama o kodu benimkine entegre edemedim. http://jsfiddle.net/FghM9/
  • 19-01-2014, 18:17:54
    #4
    http://jsfiddle.net/6r2jF/5/ bu şekilde yapabilirsiniz.

    HedefB adlı üyeden alıntı: mesajı görüntüle
    İlginize teşekkür ederim. Kod çok güzel çalışıyor.Peki bu alert kısmını popup şeklinde değil de satır içi uyarı olarak nasıl gösterebilirim.

    Açıkçası şuradaki gibi düğmenin yanında görünsün istiyorum ama o kodu benimkine entegre edemedim. http://jsfiddle.net/FghM9/
  • 19-01-2014, 18:49:14
    #5
    Dzyn3 adlı üyeden alıntı: mesajı görüntüle
    http://jsfiddle.net/6r2jF/5/ bu şekilde yapabilirsiniz.
    İlginize çok teşekkür ederim tam istediğim gibi oldu.