Foros del Web » Programando para Internet » Javascript »

Agregar varios estilos .css con Javascript

Estas en el tema de Agregar varios estilos .css con Javascript en el foro de Javascript en Foros del Web. Buenos días Tengo esta función que oculta y pone visible una DIV así: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script type = "text/javascript" ...
  #1 (permalink)  
Antiguo 05/03/2015, 10:40
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Pregunta Agregar varios estilos .css con Javascript

Buenos días

Tengo esta función que oculta y pone visible una DIV así:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function ocultar(){
  3. document.getElementById('pestana0').style.display = 'none';}
  4.  
  5. function mostrar(){
  6. document.getElementById('pestana0').style.display = 'block';}
  7. </script>

¿Cómo agrego mas propiedades .css en ".style.display = 'block" como por ejemplo "margin-left: 10px"?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 05/03/2015, 10:52
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Agregar varios estilos .css con Javascript

buenas...
el concepto lo tienes mal. style es un objeto que contiene todas las propiedades CSS. luego de style pones la propiedad que deseas manipular. debes seguir una convensión bien sencilla para los nombres de las propiedades. una lista de como se escriben http://www.sitestepper.be/en/css-pro...rence-list.htm
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 05/03/2015, 11:32
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Respuesta: Agregar varios estilos .css con Javascript

Hola zerokilled
Ok, agregué la propiedad "style.marginLeft" y funcionó

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function ocultar(){
  3. document.getElementById('pestana0').style.display = 'none';}
  4.  
  5. function mostrar(){
  6. document.getElementById('pestana0').style.display = 'block';
  7. document.getElementById('pestana0').style.marginLeft = '160px';}
  8. </script>

Gracias por tu ayuda
__________________
Diseñador Gráfico publicitario

Etiquetas: css, estilos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:06.