Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    434

    Colorare link a seconda della pagina

    Ciao,
    avrei la necessità di colorare in modo diverso i link presenti in un semplice menu a seconda della pagina in cui si trova l'utente.

    Mi spiego meglio: se ad esempio ho un menu di questo tipo:

    Pippo
    Paperino
    Paperone

    e mi trovo sulla pagina PIPPO, voglio che Pippo sia colorato in verde, mentre i rimanenti 2 in nero.

    Se poi mi sposto su PAPERONE, Pippo deve tornare nero e Paperone verde.


    Il menu è presente in una pagina menu.htm richiamata con un iframe all'interno di tutte le altre pagine.

    Volevo evitare di scrivere su ogni pagina le varie voci, visto che se ci dovessero essere cambiamenti alla struttura, dovrei modificare ogni volta tutte le pagine..

    E' possibile fare questo?

    Grazie in anticipo
    Sifr

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    uno spunto x risolvere lato client, devi valutare eventuali eccezioni

    da menu.htm controlli la location del parent, cicli per i link presenti nel menu' alla ricerca di quello che ha href identico alla location del parent (qui varie eccezioni: hash e querystring, considerare il nomedominio o meno etc) e setti opportunamente il className di quel link
    codice:
    <style type="text/css">
    <!--
    .current {
    	background-color:#0f0;
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    window.onload=function(){
    	var loc=parent.location.href;
    	var theUrls=document.getElementById('menu').getElementsByTagName('A');
    	for(var k=0;k<theUrls.length;k++){
    		if(theUrls[k].href==loc){
    			theUrls[k].className='current'
    		}
    	}
    }
    //-->
    </script>
    dove x es. il menu' e' cosi' composto
    <ul id="menu">[*]pippo[*]pluto[*]paperino[/list]

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    434
    Ciao, scusa se ti rispondo in ritardo, in ogni caso ho provato il tuo script ed ha funzionato alla perfezione. praticamente non ho dovuto cambiare nulla! Grazie mille!!
    Sifr

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.