Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/11/2009, 02:46
Operadormail
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 9 meses
Puntos: 1
mostrar ocultar capas DOM

Hola a todos

Tengo la siguiente funcion para mostrar u ocultar capas haciendo click en unas pestañas (el menu)

Código:
function afficherOnglets(nbrOnglets, id_onglet) 
{	
	var tab = id_onglet.split('ong'); 
	
	for (i=1;i<=nbrOnglets;i++){
		if(tab[1] == i){
			mon_element = document.getElementById(id_onglet);
			
			mon_element.setAttribute("class","cursorPointer current"); 
			mon_element.setAttribute("className","cursorPointer current"); 
			document.getElementById('content_onglet_'+i).style.display='block';
			
		}else{
			
			mon_element = document.getElementById("ong"+i);
			
			mon_element.setAttribute("class","cursorPointer"); 
			mon_element.setAttribute("className","cursorPointer"); 
			document.getElementById('content_onglet_'+i).style.display='none';
			
		}
	}
}
En las pestañas tengo el siguiente código

Código:
<ul>
<li  id='ong1' class='cursorPointer current' onclick='afficherOnglets(5,this.id)' ><a>Pestaña 1</a></li>
<li id='ong2' class='cursorPointer ' onclick='afficherOnglets(5,this.id)' ><a>Pestaña 2</a></li>
<li id='ong3' class='cursorPointer ' onclick='afficherOnglets(5,this.id)' ><a>Pestaña 3</a></li>
<li id='ong4' class='cursorPointer ' onclick='afficherOnglets(5,this.id)' ><a>Pestaña 4</a></li>	
<li id='ong5' class='cursorPointer ' onclick='afficherOnglets(5,this.id)' ><a>Pestaña 5</a></li>		
</ul>
Hasta aqui todo funciona perfectamente. Cuando entro en la página se muestra la primera capa y las demás está ocultas. Si hago click en la segunda pestaña del menu, se muestra la segunda y se oculta la primera...
Lo que necesito es poder entrar en la página y poder indicar mediante un valor en la URL la capa a mostrar por ejemplo: www.midominio.com/pagina.php?pestana=2 y que se muestre la pestaña 2... Esto no se como hacerlo... ¿Alguna sugerencia?