Come "mantenere" lo stato "premuto" di un pulsante

**kipper** · 18-09-2010, 14:45

Ciao a tutti!

Dovrei risolvere una cosa che non riesco a capire e che, nonostante ricerche non ha trovato soluzione...

Ho dei pulsanti con i 3 stadi ognuno associato ad un' immagine *.png; - i soliti "Over - Active etc...

La domanda agli esperti è:

Che classe devo mettere (o come dovrei fare...) per farsì che dopo aver premuto il pulsante (aprendo la pagina alla quale è linkato...) tale pulsante rimanga evidenziato (con un'altra immagine *.png; associata...) rispetto agli altri in modo che l'utente, visualizzando i pulsanti stessi, sa a colpo d'occhio in quale menu si trova per il fatto che rimane evidenziato (permanente...) dopo il click rispetto agli altri?

Grazie

Ciao
Kipper

**codencode** · 20-09-2010, 09:55

Il codice del tuo menu è unico per le varie pagine o è duplicato in ciascuna pagina?

**kipper** · 20-09-2010, 11:30

ciao codencode!

é un codice unico per una pagina... per me è sufficente avere un esempio anche con due pulsanti, l'importante è che dopo averne premuto uno, rimane (e resta fisso...) di colore diverso rispetto a quell'altro...

Ma come si fa ad ottenere questo effetto che ho cercato e non ho trovato nulla? ...forse ci vuole Jscript?

Se mi risolvi questo problema te ne sarei grato...

Grazie

Ciao
kipper

**Myaku** · 20-09-2010, 13:48

Originariamente inviato da kipper
Ma come si fa ad ottenere questo effetto che ho cercato e non ho trovato nulla? ...forse ci vuole Jscript?

no, ti basta applicare una id al link o all'elemento[*] che lo contiene (se vuoi proprio la voce disabilitata)

codice:

<ul>[*]voce menu
<li id="current">voce menu 2[/list]

oppure (io però preferisco la prima soluzione)

<ul>[*]voce menu[*]voce menu 2[/list]

e quindi passargli lo stile

edit: se poi vuoi attribuire l'id dinamicamente a seconda della pagina (se ad esempio hai un menu incluso lato server), allora ti serve anche un po' di programmazione

**kipper** · 20-09-2010, 16:23

Grazie per le risposte, ma il menu a pulsanti deve essere uno ...ho una pagina con 2 frame dove al frame superiore ci sta il menu e quando si clicca una voce di menu cambia la pagina sottostante e rimane EVIDENZIATO il pulsante es, "Chi Siamo" rispetto agli altri...

Spero di essermi spiegato...

Grazie

Ciao
Kipper

**kipper** · 28-09-2010, 23:52

Il Menu è questo:

*********************************

<html>

<head>

<style>
#menu02o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
}
#menu02o ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu02o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu02o a:link, #menu02o a:visited{
float:left;
background: url(menu2b.jpg) center top no-repeat;
background-color: #DFDBDB;
color: #000;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
text-decoration:none;
border-right: 1px solid #fff;
}
#menu02o a:hover, #menu02o a:focus, #menu02o a:active{
color: #fff;
background: url(menu2a.jpg) center top no-repeat;
background-color: #000;
}
</style>

</head>

<body>
<div id="menu02o">
<ul>[*]Link 1[*]Link 2[*]Link 3[*]Link 4[*]Link 5[/list]
</div>

</body>

</html>

***********************************

Ciao
Kipper

**kipper** · 28-09-2010, 23:58

...ma il problema che non riesco a risolvere è come disporre i pulsanti su 2 file... una sopra e l'altra sotto, senza spezzare la catena dell'effetto premuto...

Qualche suggerimento?

Grazie

Ciao
kipper

Discussione: Come "mantenere" lo stato "premuto" di un pulsante

Strumenti discussione

Ricerca discussione

Visualizza

Come "mantenere" lo stato "premuto" di un pulsante

[Risolto]

Permessi di invio