Hola amigos, estoy haciendo mi web personal con un poco de php.
Se me ha ocurrido que sería interesante que según vas pinchando en los diferentes enlaces del menú de la web, estos se queden iluminados según la sección en la que estés.
Es decir, que si pinchas en "fotos", por ejemplo, pues al cargar la página "fotos.php", se quede iluminado o marcado el enlace "fotos" en el menú.
Vamos que la idea es: "Cómo iluminar o hacer que destaque un enlace de un menú, creado con la típica lista "<ul></ul>" según la sección de la web en la que se esté, y en la que está dicho menú."
He creado un pseudocódigo, y aquí es donde necesito vuestra ayuda para escribirlo en php sin cometer errores en la sintaxis de PHP. Yo no se apenas php, por eso necesito vuestra ayuda.
Seguramente sea un código muy "redundante", pero si me ayudais a escribirlo bien luego podemos ir mejorandolo y "automatizarlo" muchisimo mas, hacerlo mas escalable y utilizable en miles de situaciones.
Os dejo el pseudocódigo, por favor echadle un vistazo a ver como podemos empezar a escribirlo:
PSEUDOCODIGO:
Código PHP:
funcion seccion_Seleccionada (){
$url = HTTP geturl;
//aquí mi url será la url de la web: "http://www.nombreweb.com/paginas/lapaginaquesea.php", así que:
$direccionweb = "la cadena de texto de $url menos lo que haya a partir de 'paginas/'";
//aquí la idea es concatenar $direccionweb con la pagina correspondiente a cada sección y meter todo en
//diferentes variables que corresponden a las diferentes secciones de la web.
$portada = $direccionweb."portada.php";
$inicio = $direccionweb."inicio.php";
$personal = $direccionweb."personal.php";
$foto = $direccionweb."foto.php";
$ilustracion = $direccionweb."ilustración.php";
$contacto = $direccionweb."contacto.php";
//por lo tanto:
if (){
$portada = $url
echo "<div class='fnd_cabecera'></div>"
echo "<div class='base_cabecera'>"
echo "<div class='logotipo'></div>"
echo "<div class='menu_cabecera' align='right'>"
echo "<ul>"
//pues en este if, si $portada es igual a la direccion que tiene $url se iluminaría o tendría
//un efecto especial este elemento <li> de la lista que genera el menu, y así con cada opción.
echo "<li><a href='portada.php' target='_self' title='portada' class='menucab_e1 verdana_es'>portada</a></li>"
echo "<li><a href='inicio.php' target='_self' title='inicio' class='menucab_e1 verdana_es'>inicio</a></li>"
echo "<li><a href='personal.php' target='_self' title='personal' class='menucab_e1 verdana_es'>personal</a></li>"
echo "<li><a href='foto.php' target='_self' title='foto' class='menucab_e1 verdana_es'>foto</a></li>"
echo "<li><a href='ilustracion.php' target='_self' title='ilustración' class='menucab_e1 verdana_es'>ilustración</a></li>"
echo "<li><a href='contacto.php' target='_self' title='contacto' class='menucab_e1 verdana_es'>contacto</a></li>"
echo "</ul>"
echo "</div>"
echo "</div>"
}
else {
$inicio = $url
echo "<div class='fnd_cabecera'></div>"
echo "<div class='base_cabecera'>"
echo "<div class='logotipo'></div>"
echo "<div class='menu_cabecera' align='right'>"
echo "<ul>"
echo "<li><a href='portada.php' target='_self' title='portada' class='menucab_e1 verdana_es'>portada</a></li>"
//aquí en este "else" se iluminaría o destacaría el <li> de "inicio".
echo "<li><a href='inicio.php' target='_self' title='inicio' class='menucab_e1 verdana_es'>inicio</a></li>"
echo "<li><a href='personal.php' target='_self' title='personal' class='menucab_e1 verdana_es'>personal</a></li>"
echo "<li><a href='foto.php' target='_self' title='foto' class='menucab_e1 verdana_es'>foto</a></li>"
echo "<li><a href='ilustracion.php' target='_self' title='ilustración' class='menucab_e1 verdana_es'>ilustración</a></li>"
echo "<li><a href='contacto.php' target='_self' title='contacto' class='menucab_e1 verdana_es'>contacto</a></li>"
echo "</ul>"
echo "</div>"
echo "</div>"
}
else {
$personal = $url
bla bla bla, el codigo con los echos...
//aquí en este otro "else" se iluminaría o destacaría el <li> de "personal".
bla bla bla, el codigo con los echos...
}
else {
$foto = $url
bla bla bla, el codigo con los echos...
//aquí en este "else" se iluminaría el <li> de "foto".
bla bla bla, el codigo con los echos...
}
else {
$ilustracion = $url
bla bla bla, el codigo con los echos...
//aquí en este "else" se iluminaría el <li> de "ilustracion".
bla bla bla, el codigo con los echos...
}
else {
$contacto = $url
bla bla bla, el codigo con los echos...
//y finalmente, aquí, en este "else" se iluminaría el <li> de "contacto".
bla bla bla, el codigo con los echos...
}
Conclusión, la idea es que se muestre un diseño de menu u otro dependiendo de la url en la que se esté.
finalmente con un include, pues incluimos el menu en cualquier página php del sitio y listo!
Se que seguramente esto se pueda hacer con javascript o algun otro lenguaje, pero no sabría hacerlo, y además con javascript si alguien tiene desactivado el javascript en su navegador el efecto ya no funcionaría.
Con PHP es mucho mejor.
^_^