Foros del Web » Creando para Internet » CSS »

Css con variables javascript

Estas en el tema de Css con variables javascript en el foro de CSS en Foros del Web. ¿ Alguien sabe como puedo hacer lo siguiente ? Cita: <script type="text/javascript"> var top =100; </script> <style type="text/css"> { top: top /* la de javascript ...
  #1 (permalink)  
Antiguo 25/07/2008, 15:25
 
Fecha de Ingreso: diciembre-2007
Mensajes: 169
Antigüedad: 16 años, 4 meses
Puntos: 6
Pregunta Css con variables javascript

¿ Alguien sabe como puedo hacer lo siguiente ?
Cita:
<script type="text/javascript">
var top=100;
</script>

<style type="text/css">
{
top: top /* la de javascript */
left: 0;
position:fixed;
height: 270px;
width:520px;
z-index: 503;
opacity: 1; /* Safari, Opera */
-moz-opacity:1; /* FireFox */
filter: alpha(opacity=100); /* IE */
}
</style>

Ayuda plis :S
  #2 (permalink)  
Antiguo 25/07/2008, 23:08
 
Fecha de Ingreso: abril-2008
Ubicación: Montevideo - Uruguay
Mensajes: 156
Antigüedad: 16 años
Puntos: 5
Respuesta: Css con variables javascript

Hi !

Podrias hacer lo siguiente (Aunque habria que ver para que quieres implementar eso).

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento</title>
<style type="text/css">
</style>
<script language="javascript">
	function setTop(top) {
		var div = document.getElementById("capita");
		div.style.top = top + "px";
	}
</script>
</head>

<body>
	<div onclick="setTop(500);" id="capita" style=" position:absolute; top:0; left:0; background-color:#0099CC; width:300px;">
		Esto es una capa
	</div>
</body>
</html> 
No es el mejor ejemplo pero quizas te sirve para darte una idea. Espero te ayude :)

-ByE-
__________________
--
Mi Portfolio Online! Visitalo!
--
  #3 (permalink)  
Antiguo 26/07/2008, 16:54
 
Fecha de Ingreso: diciembre-2007
Mensajes: 169
Antigüedad: 16 años, 4 meses
Puntos: 6
Respuesta: Css con variables javascript

Gracias por la respuesta, si conozco aquello ... pero la idea es como usar desde css una variable javascrip!!! bueno grax de todas maneras :D
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 07:56.