Como hacerlo sin onload en el body?

[ferrins]

Hola a todos!

A ver que os parece esto, en el siguiente codigo se cambia la clase css de un <li> segun la pagina en que nos encontremos. El problema es que hasta que no se carga la pagina del todo esto no ocurre, pues tengo la funcion en el onload del Body.

Código:

function control(){
var finestra = window.location.pathname;
var pagina = finestra.substring(finestra.lastIndexOf('/') + 1);
			switch (pagina){
		case "index.php":
			document.getElementById('inici_m').style.display = 'none';
		  break
		case "veure_notis.php":
		  document.getElementById('notis_m').className='sel';
		  break
		case "veure_reviews.php":
		  document.getElementById('reviews_m').className='sel';
		  break
		case "veure_entrevistes.php":
		  document.getElementById('entrevistes_m').className='sel';	
		  break
		case "veure_articles.php":
		  document.getElementById('articles_m').className='sel';	
		  break
		case "veure_concerts.php":
		  document.getElementById('concerts_m').className='sel';	
		  break       
		case "veure_agenda.php":
		  document.getElementById('agenda_m').className='sel';
		  break      
		}
}

Como puedo hacer para que antes de que se cargue la pagina cambiar la clase del <li> y evitar así que se vea el cambio cuando se carga la pagina del todo?

Bueno gracias por leerme!

[Shiryu_Libra]

creo que viene siendo algo asi

document.onload=control()

suerte

[programeitor]

Hola, lo que puedes hacer es darle estilo a esos ids:

#notis_m,............,#agenda_m{lo mismo que .sel}

Saludos

[frijolerou]

Ferrins, lo que necesitas es detectar cuando se haya cargado el DOM (Document Object Model), lo cual te permitiría ejecutar esa acción después que se haya cargado todo el código fuente, pero antes de que haya terminado de cargarse la página.

Los navegadores basados en Mozilla implementaron un evento llamado DOMContentLoaded, que Ópera implementó a partir de la versión 9. Internet Explorer no lo tiene, pero se podría emular habilitando el atributo DEFER del elemento SCRIPT. Como verás, lograr una compatibilidad entre los distintos navegadores podría resultar un tanto complicado.

Lo que yo te recomendaría en ese caso es buscar en Google una librería llamada DOMReady, que te permite detectar la carga del DOM logrando una mejor compatibilidad entre navegadores.

[derkenuke]

Poniendolo al final del documento no se supone que el arbol DOM ya se ha creado entero?

[ferrins]

Gracias compañeros, esto del Dom es lo que mas me sonaba pero no tenia ni idea de por donde cogerlo. Voy a investigar un poco mas eso que el amigo frijolerou dice del DOM ready.
Gracias!!