css tab menu, problema con tab attiva

[pikkio74]

Ciao a tutti,
leggendo questo articolo, nello specifico la parte finale, per ottenere l'effetto tab attiva viene associata una proprietà css al link attivo, in modo da differenziarlo dal resto delle tabs.

Questo però comporta la manualità dell'operazione, ovvero creare diverse pagine (quindi ripetere ogni volta il codice del menu) in cui ogni pagina presenta un nuovo codice con la classe css associata all'elemento del menu desiserato.

C'è un modo per poter ottenere in maniera automatica il tab attivo? Ovvero fare in modo che questa classe "activelink" sia spostata sull'elemento attivo del menu dopo aver fatto click?

Non so se mi sono capito
Grazie

[Henry.Chinaski]

Il tutto solo per evitare di scrivere di volta in volta nell'html del menù questo?

<li id="activelink">

:master:

Comunque con html e css solamente non credo proprio si possa fare; forse usando un linguaggio lato server è possibile, ma non saprei da che parte iniziare.

[manurat]

Il fatto che tu dica che non vuoi ripetere il codice del menu fa pensare che utilizzi un linguaggio lato server per includere la porzione di codice in tutte le pagine, giusto?
In questo caso ti basterebbe porre delle condizioni per aggiungere l'id "activelink", puoi basarle sull'url della pagina oppure dichiarare nel codice della pagina, prima del menu, una variabile con il nome della pagina stessa e in base al valore di questa variabile assegni il selettore per il link attivo..
Se ti servono altri dettagli però converrebbe spostare la conversazione nella sezione adatta..