Contenido

Protejete del SPAM con un Drag&Drop

24 oct

+ 5

¿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.

dropcomment.png

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>

Via 

  • Parece ser muy util la verdad, aunque no tenga ningun blog (espero tenerlo algun día, eso si) tomo nota y me gustaría leer algun comentario con alguna experiencia a ver que tal.

    Un saludooo!!!

  • Excelente sistema :)

    El problema, como dices, es que hay muchos problemas de compatiblilidad, en mi caso, tengo NoScript y lo bloquea, ok, habilito el JS para ese sitio y aun sigue sin funcionar :)

    Solo me funciona en iExplorer

    no tengo forma de probar en firefox 2, que alguien nos de el dato ;)

  • Me ha parecido interesante el tema y asu vez me ha planteado una duda…

    El Analytics de google detecta el porcentaje de usuarios que tienen el JavaScript deshabilitado? si es así no lo veo.

    Lo único que encuentro es un sitio en la pestaña usuario de compatibilidad del navegar con Java.

    Gracias.

  • Buenas Clazzo, lamentablemente Google Analytics requiere JS para funcionar por lo tanto todos los usuarios que él contabiliza disponen de javascript.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.