Foros del Web » Programando para Internet » Javascript »

estilos css con javascript

Estas en el tema de estilos css con javascript en el foro de Javascript en Foros del Web. hola tengo esto @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original <style type = "text/css" > .prueba {     width : 800px ;     height ...
  #1 (permalink)  
Antiguo 09/04/2011, 16:33
(Desactivado)
 
Fecha de Ingreso: enero-2011
Mensajes: 66
Antigüedad: 13 años, 10 meses
Puntos: 2
Pregunta estilos css con javascript

hola
tengo esto
Código CSS:
Ver original
  1. <style type="text/css">
  2. .prueba{
  3.     width:800px;
  4.     height:500px;
  5.     background:#f7f7f7; color:#333; border:#333 9px solid;
  6. }
  7. </style>
Código Javascript:
Ver original
  1. function obtEstilos(clase) {
  2.     var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
  3.     for(var x=0;x<classes.length;x++) {
  4.         if(classes[x].selectorText==clase) {
  5.             (classes[x].cssText) ? alert(classes[x].cssText) : alert(classes[x].style.cssText);
  6.         }
  7.     }
  8. }
  9. obtEstilos('.prueba'); // esta funcion me obtiene todas las reglas que tiene la
  10. //clase de estilo [B].prueba[/B]
  11.  
  12. //-> quiero esto
  13. function obtieneEs(dt) { //-> [B][U]este--..[/U][/B]
  14.     var ob=document.getElementById(dt);
  15.     an=ob.style.width;
  16.     alert(an);
  17. }
Código HTML:
Ver original
  1. <div id="an" class="test">
  2.     se anima
  3. </div>

con esta función obtieneEs() quiero que al pasarle una id al obtieneEs('id_De_Div') pedirle por ejemplo
objetoID.style.width me lo devuelva sin necesidad de definirlo en la etiqueta
  #2 (permalink)  
Antiguo 09/04/2011, 16:41
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, 6 meses
Puntos: 1485
Respuesta: estilos css con javascript

buenas,
lo que estas buscando es el valor computado de una propiedad de css. busca informacion acerca de getComputedStyle (DOM) y currentStyle (iexplorer).

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 09/04/2011, 16:56
(Desactivado)
 
Fecha de Ingreso: enero-2011
Mensajes: 66
Antigüedad: 13 años, 10 meses
Puntos: 2
De acuerdo Respuesta: estilos css con javascript

Cita:
Iniciado por zerokilled Ver Mensaje
buenas,
lo que estas buscando es el valor computado de una propiedad de css. busca informacion acerca de getComputedStyle (DOM) y currentStyle (iexplorer).

perfecto... eso quería
y buscado por Internet edite esto

Código Javascript:
Ver original
  1. function obtEstilo(id,propiedad){var id=$(id); var rtn='';
  2.     if(id.currentStyle){rtn=id.currentStyle[propiedad];}
  3.     else if (window.getComputedStyle){rtn=document.defaultView.getComputedStyle(id,null).getPropertyValue(propiedad);}
  4.     else {rtn=id.style[propiedad]}
  5.     return rtn;
  6. }

no se si estara bien pero me da lo que exactamente pido..XD

va el karma ..:)
  #4 (permalink)  
Antiguo 10/04/2011, 05:13
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 5 meses
Puntos: 310
Respuesta: estilos css con javascript

Por cierto, en IE hay algunas propiedades como height y width (no sé si otras) que devuelven "auto" si no están específicamente declaradas, para estas dos puedes usar offsetWidth y offsetHeight.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: css, dukejonell, 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 10:19.