Newsgroup: it.comp.www.html
Titolo: Pulsante

Come faccio a fare un piccolo pulsante quadrato in modo che:
iniazialmente č rosso
se ci passo sopra diventa verde
se lo premo diventa nero e una volta premuto restra nero fino a quando no
premo un'altro pulsante
grazie per l'aiuto

 ha scritto nel messaggio
news:bo88mq$m3l$1...@lacerta.tiscalinet.it...

Beh fai un rollover a piů strati o usi le classi css...
CSS
http://courseware.preciso.net/archive/roll/
Rollover classico
http://net.supereva.it/pdenicto/tutorial/rollover/rollover.htm?p
Io ti consiglio i CSS basta che assegni diverse classi per
gli "stati"
Barbara
-- 
http://www.nextgolf.it
Internet per il golfista

PSHD ha scritto:

col javascript puoi sicuramente, coi css non funziona tutto, infatti il 
pulsante non resta nero
<a class="pulsante">Pulsante</a>
..pulsante {
	background-color: red
}
..pulsante:hover {
	background-color: green
}
..pulsante:active {
	background-color: black
}

 ha scritto nel messaggio
news:u1Upb.90698$vO5.3...@twister1.libero.it...
| > se lo premo diventa nero e una volta premuto restra nero fino a quando
no
| > premo un'altro pulsante
| >
| > grazie per l'aiuto
| >
| col javascript puoi sicuramente, coi css non funziona tutto, infatti il
| pulsante non resta nero
|
| <a class="pulsante">Pulsante</a>
|
| ..pulsante {
| background-color: red
| }
|
| ..pulsante:hover {
| background-color: green
| }
|
| ..pulsante:active {
| background-color: black
| }
Visto che, almeno con IE5.5 l'active rimane
solo fino ad un clic fuori campo hover, si
potrebbe fare anche cosě:
..pulsante {
background-color: black
}
a.pulsante{
background-color: red
}
a.pulsante:hover {
background-color: green
}
a.pulsante:active {
background-color: black
Nella pagina attiva non attiverai il link della stessa.
(es se hai aperto la pagina "home" nel menu non linkare il "bottone")
Se invece usi i frame, ciň non vale.
Bye Cico

ok, ho fatto come dici ho inserito nell body di una pagina hatm nuova il
seguente codice:
<SCRIPT LANGUAGE="JavaScript">
<a class="pulsante">Pulsante</a>
..pulsante {
background-color: red
}
..pulsante:hover {
background-color: green
}
..pulsante:active {
background-color: black
}
</SCRIPT>
perň non succede niente, io non conosco il javascript, forse devo assegrare
un pulsante, o qualche cosa che non so perche la pagina mi resta
completamente bianca.


 ha scritto nel messaggio
news:bod7ll$nlu$1...@lacerta.tiscalinet.it...
| ok, ho fatto come dici ho inserito nell body di una pagina hatm nuova il
| seguente codice:
|
:-o
| <SCRIPT LANGUAGE="JavaScript">
| <a class="pulsante">Pulsante</a>
|
| ..pulsante {
| background-color: red
| }
|
| ..pulsante:hover {
| background-color: green
| }
|
| ..pulsante:active {
| background-color: black
| }
| </SCRIPT>
|
| perň non succede niente
....e ti credo.
Questo non č javascript ma sono css.
Metti il seguente codice tra i tag <head></head>:
(N.B. Non so per quale motivo, ma postando al NG il
punto davanti a "pusante" si raddoppia.Sappi che č solo uno)
<style>
..pulsante {
background-color: red
}
..pulsante:hover {
background-color: green
}
..pulsante:active {
background-color: black
}
</style>
Questo tra i tag <body></body>:
<a class="pulsante">Pulsante</a>
Bye Cico

 
infatti non devi scriver cosě devi fare cosě:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html>
<head>
<title>Senza Nome 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style type="text/css">
..pulsante {
background-color: red;
color: #fff;
text-decoration: none
}
..pulsante:hover {
background-color: green;
color: #fff;
text-decoration: none
}
..pulsante:active {
background-color: black;
color: #fff;
text-decoration: none
}
</style>
<body>
<a href="#" class="pulsante">ciao icwh</a>
</body>
</html>

come è possibile fare una serie di pulsanti formati da immagini gif (gia
create) a forma di quadratini rossi che passandoci sopra mi diventano
quadratini verdi (sepre immagini gif gia fatte) e quando ci premo sopra
queste rimangono verdi. Poi quando premo un'altro pulsante quello premuto
prima mi torna rosso e mi diventa verde quello appena premuto

Fai prima a farti tutto da solo con Image Ready o Dreamweaver che a trovare
una cosa del genere già pronta. Se vuoi posso farti un esempio. Fammi
sapere. Ciao