Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/11/2012, 07:03
Avatar de Albuss
Albuss
 
Fecha de Ingreso: enero-2012
Ubicación: Coruña
Mensajes: 475
Antigüedad: 13 años
Puntos: 30
Respuesta: CSS de objeto dinámico

Ejemplo para cambiar "dinamicamente" css mediante jsvascript :

Código Javascript:
Ver original
  1. document.getElementById('id').style.(propiedad)
  2.  
  3. /*El id puedes crearlo mediante un node, la propiedad puede ser cualquiera de CSS3 (en chrome) ne firefox y en IE hay reestricciones.*/
  4.  
  5. document.getElementById('id').style.backgroundImage = 'parametro'
  6.  
  7. //el parametro tiene que ir entre comillas simples, no como en un array.
¿Que pasa si quiero añadir valores tipo int/float? , me alegra que me hagas esa pregunta (de nada, brais) gracias brais!** xD , veamos un ejemplo :
Código Javascript:
Ver original
  1. document.getElementById('id').style.webkitTransform ='translateX('+(valor)+'px)';
  2. /*simplemente utilizamos el digno de concatenar elementos , es decir + a la apertura y al cierre.
  3. ejemplo completo : */
  4. document.getElementById('divCAJABOX').style.webkitTransform ='translateX('+(120)+'px)';



Espero que te sea de ayuda. Recuerda que Javascriopt es un lenguaje imperativo y el termino "dinamico" es pura redundancia.


ps. **me llamo brais, era una pequeña irreverencia por mi parte.

Última edición por Albuss; 19/11/2012 a las 07:10