Gönder düğmesini gibi davranan bir görüntü düğmesi nasıl devre dışı bırakılacağı

5 Cevap php

Ben bir görüntü düğmesi form gönderme düğmesi gibi davranır şu var:

<a href="#" onClick="submitComment('+[id]+'); return false;"><img class="submitcommentimg" id="submitcommentimg<?php echo $id; ?>" src="/images/check.png" alt="Comment!" border="0"></a>

Için en iyi yolu yanlışlıkla çift tıklayarak önlemek için 'devre dışı' nedir.

5 Cevap

Üzerine tıklayarak üzerine çıpadaki onclick işleyicisi kaldırmak.

Örnek:

<a href="#" onclick="/* .. do all your things ... */ this.onclick = function(){}; return false;">

Böyle bir şey için onclick özelliğini değiştirin:

onclick="submitComment('+[id]+'); this.onclick='return false;'; return false;"

<input type="image" src="/images/check.png" alt="Comment!"> yerine kullanın. Bu JavaScript gerektiren değil ekledi avantajı ile, bir Gönder düğmesi olarak hareket edecektir. HTML zaten gayet iyi yapabileceği şeyleri çoğaltmak için JavaScript kullanmak için iyi bir nedeni var.

Eğer daha fazla bilgiye ihtiyacınız varsa onclick işleyicisi kaldırarak, doğru cevap gibi geliyor nasıl ve ne http://www.quirksmode.org/js/events%5Ftradmod.html gidin lütfen

Iyi yolu "Gönderiliyor ..." resim yapmak ve bu gibi kodunu değiştirmek için:

<a href="#" onclick="this.onclick = "return false;"; this.getElementsByTagName('img')[0].src="/images/submitting.png"; submitComment('+[id]+'); return false;">
    <img class="submitcommentimg" id="submitcommentimg<?php echo $id; ?>" src="/images/check.png" alt="Comment!" border="0">
</a>

... Ya da onun gibi bir şey.

Bu örnekte, görüntü "submitting.png" olarak adlandırılır.

etiketler