¿Estás harto del SPAM? ¿Cada día tienes más mensajes de SPAM que comentarios? Pues puedes evitarlo de una forma muy original con un drag&drop, nada de Captchas molestos y que ensucian la página.
A simple vista le veo un problema de accesibilidad considerable, ya que obliga a que el navegador disponga de Javascript, pero como opción, es tan válida como las demás.
Código
En el ejemplo podemos ver, que se ha usado jQuery para realizar la funcionalidad.
<script type="text/javascript">
$(document).ready(function(){
jQuery('#draggable-handle-div').draggable({
helper: 'clone',
opacity: 0.6,
dragPrevention: 'a,input,textarea',
handle:'div'
});
jQuery("#dropbox").droppable({
accept: '#draggable-handle-div',
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
tolerance: 'touch',
drop:
function(ev, ui) {
if (jQuery('.commname').val() == '') {
alert('You must fill in your name!');
} else {
var name = jQuery('.commname').val();
}
if (jQuery('.commtext').val() == '') {
alert('You can\'t submit an empty comment!');
} else {
var text = jQuery('.commtext').val();
}
if (jQuery('.commname').val() != '' && jQuery('.commtext').val() != '') {
var currentTime = new Date();
jQuery("<li><p class='comment-text'>"+ text +"</p><p class='comment-username'>by "+ name +"</p><p class='comment-date'>Posted "+ currentTime +"</p></li>").appendTo(".comments").fadeIn(2000);
jQuery('.commname').val('');
jQuery('.commtext').val('')
}
}
}
);
});
</script>
4 comentarios, 1 referencias
+
#