Come cambiare aspetto ai pulsanti al cambio pagina ?

[gelova]

Per cambiare colore ai pulsanti quando si passa sopra con il mouse ho utilizzato questo script

[img]bot/home.jpg[/img]

naturalmente ho due pulsanti (home.jpg e home_over.jpg) di colori diversi.
Il tutto funziona benissimo

Il problema che mi pongo ora è il seguente:
Vorrei fare in modo che quando passo da una pag. ad un'altra ad es. da Home a ChiSiamo per fare capire al visitatore che in quale pagina si trova, vorrei fare in modo che il pulsante "ChiSiamo" resti colorato, cioè assuma un colore diverso rispetto agli altri.
Come posso fare ?

[ciucciatiilcalzino]

credo che utilizzi pagine statiche in html,
quindi la soluzione + rapida è che nella pagina chisiamo.html quel cambi l'immagine tipo
src="bot/chisiamo2.jpg"

così in ogni pagina...cambi il bottone di quella pagina con un altro diverso,
su quel bottone puoi anche levare il richiamo alle funzioni javascript

[Max1]

metti nell'onmouseout un'immagine con i colori che vuoi rimagano

[andreamk]

Passavo di qua ...
scusa se mi intrometto ma non ti converrebbe utilizzare i fogli di stile per cambiare aspetto a un pulsante quando ci passi sopra ?

ti risparmieresti js e quindi avresti un sito piu accessibile e l'identico risultato se non migliore.

Andrea

[gelova]

metti nell'onmouseout un'immagine con i colori che vuoi rimagano

Ma vedi che onmouseout viene utilizzato solo per il passaggio del mouse !

[Max1]

onmauseout assegna un'immagine quando esci con il mouse
dall'area sensibile del link e quella rimane fin che non ricarichi la pagina

[H5N1_Aviaria]

ma a e a:hover fanno così schifo?

[Max1]

Originariamente inviato da H5N1_Aviaria
ma a e a:hover fanno così schifo?

No! io infatti uso sempre quelli ma era solo
per rispondere in tono alla richiesta

[gelova]

Max1, ho fatto come mi hai detto tu solo che,l'unico effetto che ho avuto è stato quello
di avere il pulsante colorato in maniera permanente. Ho cambiato così:

[img]bot/home.jpg[/img]

Non ho capito H5N1_Aviaria a cosa si riferisse:

ma a e a:hover fanno così schifo?

[andreamk]

Si riveriva ai fogli di stile appunto.

se definisci uno stile per il tag a e uno stile diverso per il metatag(si chiama cosi ?)
a:hover che identifica lo stato di quando sei col mouse sopra al link appunto
ottieni quello che ti serviva.

prova a fare sta cosa e vedi e' chiaro che puoi tranquillamente cambiare l'immagine di sfondo
ottenendo quello che ti pare.

CSS
#button li a {
        display: block;
        padding: 5px 5px 5px 0.5em;
        border-left: 10px solid #1958b7;
        border-right: 10px solid #508fc4;
        background-color: #333333;
        color: #fff;
        text-decoration: none;
        width: 100%;
}

#button li a:hover {
        border-left: 15px solid #1c64d1;
        border-right: 5px solid #5ba3e0;
        background-color: #2586d7;
        color: #fff;
}

HTML
<div id="button">
    <ul>
        [*][url="#"]Home[/url]
        [*][url="#"]About Us[/url]
        [*][url="#"]Contact Us[/url]
    [/list]
</div>