jueves, 18 de septiembre de 2008

tab navigator con css y masterpages

tab
Existen en muchas formas de realizar un tab navigator con css el que puedo recomendar es el que realiza cambio del id del body en cada página.



codigo html

Código para el estilo del tab navigator:

Todo marchaba bien hasta que necesitamos usar una página masterpage y deseamos que el tabnavigator este solamente en el masterpage, afortunadamente hay una solución utilizando nuestro amigo el javascript.

Los cambios serian los siguientes:

Llevamos el div navigator a la pagina del masterpage y al body le ponemos un nombre temporal por ejemplo <body id=”mpbody”> esto es para poder acceder al id desde el javascript.

Lo siguiente seria poner el siguiente javascript en cada pagina:

<script language=”javascript” type=”text/javascript”>

Document.body.id = “home”;

Nota: recuerden que para cada página tenemos un identificador para este Ej.: home o contact.

No hay comentarios: