Tengo la siguiente funcion para mostrar u ocultar capas haciendo click en unas pestañas (el menu)
Código:
En las pestañas tengo el siguiente códigofunction 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'; } } }
Código:
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...<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>
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?