Categoría: JavaScript - Webeame Snippets


Añadir snippet

Últimos snippets en JavaScript



jQuery - mostrar un botón si hay almenos dos elementos seleccionados

Incluye un pequeño ejercicio de selección de objetos por name, id... y de jQuery en general. 
  1. jQuery(document).ready(function() {
  2.  
  3. 	// Cuando cambie un select de la página... 
  4. 	jQuery('select').change(function () {
  5.  
  6. 		var sumSelecteds = 0;
  7.  
  8. 		// ... para cada select con el value seleccionado que no sea -1 ...
  9. 		jQuery('select').each(function (i) {
  10.                          // ... incrementamos un contador
  11. 			if( jQuery(this).attr("value") != -1 ) sumSelecteds++;
  12. 		 });
  13.  
  14. 		if(sumSelecteds > 1) {
  15.  
  16. 		       // Mostramos todos los TD cuyo id contenga berserk
  17. 			jQuery("td[id*='berserk']").fadeIn(1000);
  18. 			// Mostramos todos los TD cuyo name contenga berserk
  19.                         jQuery("td[name*='berserk']").fadeIn(1000);
  20. 		        // Esto hace lo mismo que el anterior
  21. 			jQuery('td').each(function (i) {
  22. 				jQuery("td[name*='berserk']").fadeIn(1000);
  23. 			 });
  24. 		}
  25.  
  26. 	});				
  27. });

En JavaScript jQuery selectores por ethereal_song hace on 22/12/08 | Comentarios



jQuery - booleano elemento existe en el DOM

Método para ver si existe un elemento dentro del DOM con jQuery: 
  1. if( $('#myid').attr('id') == 'myid' )
La mayoría de webs proponen: 
  1. if ( $("#myid").length > 0 ) {
  2. //do something
  3. }
pero en muchos casos no funciona, da error javascript ($("#myid") no existe)

En JavaScript jQuery DOM exists por ethereal_song hace on 22/12/08 | Comentarios



Esquinas redondeadas con Prototype

  1. <script>
  2.  
  3. var Rounded = Class.create();
  4.   Rounded.prototype = {
  5.     initialize : function(el){
  6.       var x, el = $(el), background = el.style.backgroundColor;
  7.  
  8.       for(x=0;x<11;x++){
  9.         var d = "<div style='background: " + background + "; border-style: solid; border-color: white; height: 1px; overflow: hidden; border-width: 0 " + this.index[x] + "px'>&nbsp;</div>";
  10.         new Insertion.Top(el, d);
  11.         new Insertion.Bottom(el, d);
  12.       }
  13.     },
  14.     index : new Array(0,1,1,1,2,2,3,4,5,7,10)
  15.   }
  16.  
  17.   new Rounded('blah');
  18.  
  19. </script>

En JavaScript esquinas prototype por admin hace on 30/1/08 | Comentarios