2007-11-21

breadcrumb o como saber donde estas

Es muy común en portales de internet del uso de una línea de texto en donde se indica claramente la posición actual dentro de la jerarquía de la web. Algo así como:

Inicio > categoría 1 > subcategoría 1 > aquí

Hay varias formas de realizar esta línea de texto o mediante lenguaje de programación en el lado del servidor o lo mismo pero en el lado del cliente. Yo me quedaría con la opción del lado del servidor. En mi caso php, pero también puede resultar interesante realizarlo en javascript. Este es el caso de breadcrumb. Un sencillo script con todas las funcionalidades requeridas ( creo) y que os podéis bajar desde aquí: BreadCrumbs.js

Sólo hay que colocar un div :

<div id="BreadCrumbBar"></div>

Colocar el js:

<script type="text/javascript" language="javascript1.5" src="/depts/research/includes/BreadCrumbs.js"></script>

Y utilizar los estilos necesarios:

#BreadCrumbBar
{
margin-top: 7px;
margin-right: 10px;
font-size: .75em;
color: #FFFFFF;
text-shadow: #000000 2px 2px 2px;
background-color: #34251F;
}
#BreadCrumbBar
{
float: left;
margin-left: 15px;
}
.breadCrumb
{
display: inline;
}


Y ya tendréis el breadcrumb

No hay comentarios: