giovedì 24 maggio 2012

Evidenziare i link di un menù

Come evidenziare il link cliccato in un menù

Esempio se ho cliccato link2:



Per far funzionare correttamente questo semplice script, che utilizza il  $_GET(), è necessario avere una pagina di tipo PHP.
Ad esempio se la nostra pagina si chiama: example.html, dovremo cambiare l'estensione da .html a .php.
Quindi la nostra pagina si dovrà necessariamente chiamare:  example.php

Vediamo il codice necessario per colorare il link del nostro menù
<ul>
 <li style="display:inline;">
  <a href="?v=1"<?php if($_GET["v"]==1){echo' style="color:red"';}?>>
   link1
  </a> | 
 </li>
 <li style="display:inline;">
  <a href="?v=2"<?php if($_GET["v"]==2){echo' style="color:red"';}?>>
   link2
  </a> | 
 </li>
 <li style="display:inline;">
  <a href="?v=3"<?php if($_GET["v"]==3){echo' style="color:red"';}?>>
   link3
  </a>
 </li>
</ul>

Spieghiamo:

  1. Ho creato una struttura con <ul> e <li> per visualizzare i link, che chiaramente può essere realizzata con il codiche HTML che si preferisce;
  2. Imposto l'href del link con ?v=
    Se ad esempio il link1 dovesse collegare la pagina home.php, il link sarebbe: home.php?v=1
  3. Recupero con $_GET["v"] il valore dal link;
  4. Coloro il link che ha il $_GET corrispondente al link cliccato.

Nessun commento:

Posta un commento