Newsgroup: it.comp.lang.javascript
Titolo: Led che cambia stato.

__________________________________________________________________ Sbobbas
Sbobbas ICQ#: 346691020 Current ICQ status: + More ways to contact me Get
ICQ! __________________________________________________________________
Salve vorrei realizzare uno script javascript che mi permetta di attivare o
disattivare un immagine.
Mi spiego meglio, date due immagini A e B, vorrei che alla pressione di un
pulsante inserito nella pagina l'immagine cambiasse, per esempio da rosso a
verde e viceversa premendo nuovamente il tasto diventasse da verde a rosso.
Per chi fosse interessato ad aiutarmi gli  posso inviare le immagini.
Grazie per chi voglia aiutarmi.

 verde e viceversa premendo nuovamente il tasto diventasse da verde a rosso.
onclick='this.style.backgroundColor=(this.style.backgroundColor=="green"?"red":"green")'
-- 
"Affacciati affacciati benedici, guardaci
 guardaci...guardaci!
 Tanto sono quasi duemila anni che stai a guardare!"
									    E.B.
--

 onclick='this.style.backgroundColor=(this.style.backgroundColor=="green"?"red":"green")'
con quanto sopra setti il background del button...
se intendevi cambiare il colore all'immagine non puoi farlo (forse esiste
qualche filtro strano di IE ma nulla di cross-browser). Creati le 2
immagini e onclick cambi l'src, del tipo (dette le 2 immagini a.gif e
b.gif)
onclick='document.images["nametuaimg"].src=(document.images["nametuaimg"].src.indexOf("a.gif")==-1?"a.gif":"b.gif")'
-- 
"Emancipate yourselves from mental slavery;
None but ourselves can free our minds"
									    B.M.
--



basicamente si tratta di impostare la proprieta' src dell'oggetto image,
desumendo il suo stato attuale (acceso/spento) tramite l'url dell'immagine
attualmente visualizzata o, meglio, una proprieta' creata appositamente
(active, nell'esempio):
<script type="text/javascript">
<!--
	function toggle()
	{
		var ledImg = document.getElementById('led');
		ledImg.src = ledImg.active ? 'artemis_off.png' : 'artemis_on.png';
		ledImg.active = !ledImg.active;
	}
//-->
</script>
<img id="led" src="artemis_off.png" />
<input type="button" name="toggler" value="On/Off" onClick="toggle();" />
-- 
artemis.alpeia
/me listens to "Radiohead - Paranoid Android"

 onclick='document.images["nametuaimg"].src=(document.images["nametuaimg"].src.indexOf("a.gif")==-1?"a.gif":"b.gif")'
LOL per la serie "il primo passo nello sviluppo del software e' far capire
al committente cosa esattamente desidera"
-- 
#!/usr/bin/artemis.alpeia
/me listens to "Oasis - D'you know what I mean?"

 al committente cosa esattamente desidera"
Ullamadonna, dici che è così criptico?
Dò per scontate delle sintassi per me più che basilari che invece dici sono
sintassi complesse?
Questa forma di if (di cui non ricordo il nome, forse operatore ternario?)
esiste da sempre (addirittura ce l'ha vb-vba, il che è tutto dire!)


 esiste da sempre (addirittura ce l'ha vb-vba, il che è tutto dire!)
no, no :)
mi riferivo al fatto che Sbobbas ha detto dapprima
"attivare o disattivare un immagine"
poi le immagini diventano due:
"date due immagini A e B"
era assolutamente chiaro che avesse in mente un indicatore attivo/inattivo
e che per realizzarlo fossero necessarie almeno due immagini, solo notavo
una leggera confusione tra il cosa (l'indicatore) e il come (la coppia di
immagini)
-- 
<img src="artemis.alpeia" />
/me listens to "La Oreja de Van Gogh - Pesadilla"

"artemis.alpeia" <it.i...@alpeia.artemis> ha scritto nel messaggio
news:ca76mo$h4m$1...@polaris.cc.upv.es...

Senti artemis ho provato ad inviarti le immagini per una prova ma mi dice
che il tuo
indirzzo e mail non funziona.
mi daresti un indirizzo funzionante.

"artemis.alpeia" <it.i...@alpeia.artemis> ha scritto nel messaggio
news:ca79g8$iqc$1...@polaris.cc.upv.es...

Vi ringrazio entrambi sono riuscito a farlo funzionare.
Grazie Ciao

 mi daresti un indirizzo funzionante.
non e' necessario che mi mandi le immagini, qualunque coppia va bene.
Per far funzionare il tutto devi semplicemente sostituire i nomi delle tue
immagini.
Lo riscrivo in modo piu' chiaro:
function toggle()
{
	/**
	 *	Sostituire i nomi delle immagini
	 */
	var IMG_ATTIVA = 'percorso/della/tua/immagine/attiva.png',
	    IMG_INATTIVA = 'percorso/della/tua/immagine/inattiva.png';
	/**
	 *	Non modificare il codice sottostante
	 */
	var ledImg = document.getElementById('led');
	ledImg.src = ledImg.active ? IMG_INATTIVA : IMG_ATTIVA;
	ledImg.active = !ledImg.active;
}
-- 
$artemis[$alpeia]
/me listens to "Tom Jobim - A Garota de Ipanema"