Crear CSS en el HEADER con JS

Italico76 · #1 (**permalink**) 06/08/2008, 15:48

Hola gente

Necesito modificar / crear un CSS de forma dinamica (ya que no tengo PHP y por tanto) debo hacerlo en JS.

Lo que quiero es poner un fondo de foma condicional: solo cuando estoy en la home page. / como no se cual es la HOME en JS entonces miro la longitud de la url y la comparo con la esperada (que vale 33)

Cita:

#newsidebar-wrapper {
no-repeat center;
margin-left: 4px;
width:520px;
height: 288px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

<script language="javascript">
var callingURL = document.URL;
if (callingURL.length<=33){
document.newsidebar-wrapper.style.backgroundurl = 'http://i201.photobucket.com/albums/aa270/pbozzolo/Beta%20DIR/gave-martin.jpg';
}
</script>

El problema es que eso no hace NADA

Ideas ?

Puede ser que document.newsidebar-wrapper.style.backgroundurl no este bien ?

Tambien he probado esta variacion SIN resultados:

Cita:

document.getElementById('newsidebar-wrapper').style.backgroundurl = 'http://i201.photobucket.com/albums/aa270/pbozzolo/Beta%20DIR/gave-martin.jpg';

HackmanC · #2 (**permalink**) 07/08/2008, 23:39

Hola,

Código:

<style type="text/css" media="screen">
#newsidebar-wrapper {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 4px;
	width: 520px;
	height: 288px;
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
</style>
</head>
<body>
<div id="newsidebar-wrapper">News</div>
<script language="javascript" type="text/javascript"><!--
if(document.URL.match("index.shtml$")) // $ = al final del URL (cuando no exista ?id=x)
 if(o=document.getElementById("newsidebar-wrapper")){o.style.backgroundImage='url(http://i201.photobucket.com/albums/aa270/pbozzolo/Beta%20DIR/gave-martin.jpg)'}
//--></script>
</body>

Espero haber entendido la parte de cuando no estoy en el HOME.

Saludos,

ps:

Por cierto .. hay un foro específicamente para JavaScript no Java/JSP.
No lo había visto :)

Italico76 · #3 (**permalink**) 08/08/2008, 06:40

HackmanC: muchisimas gracias! no esperaba una respuesta asi

Voy a estudiar tu codigo a ver si aprendo JS de una vez

*** gracias ***