Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

bouton flip flop dans formulaire php

4 réponses
Avatar
Dave
Bonjour,

J'aimerai mettre un bouton flip flop dans un formulaire "rouge/vert" (quand
je clique un fois sur mon image je la passe en rouge et un autre clique la
passe en vert)
ma question est comment faire ça ?

Merci pour celui qui me fournira un exemple

4 réponses

Avatar
SAM
Le 7/19/09 11:17 AM, Dave a écrit :
Bonjour,

J'aimerai mettre un bouton flip flop dans un formulaire "rouge/vert" (quand



On dit aussi : "bascule" ou "toggle" en anglish
(ggogle aurait pu t'aider avec 'toggle' j'imagine)

je clique un fois sur mon image je la passe en rouge et un autre clique
la passe en vert)
ma question est comment faire ça ?

Merci pour celui qui me fournira un exemple




css:
.flip { background: url(flip.jpg)no-repeat center center #f00; }
.flop { background: url(flop.jpg)no-repeat center center #090; }
.flip, .flop { color: white}

JS:
function ff(what) {
what.clasName = what.className=='flip'? 'flop' : 'flip';
}

HTML:
<span class="flip" onclick="ff(this)">test flip-flop</span>


et sans image
(donc sans css ni fonction JS)
mais ça risque de ne pas fonctionner partout :

<span style="color:white;background:green;cursor:pointer"
onclick="this.style.backgroundColor =
this.style.backgroundColor=='green'? 'red' : 'green';">
test flip-flop </span>


--
sm
Avatar
Dave
"Dave" a écrit dans le message de
news:4a62e491$0$12628$
Bonjour,

J'aimerai mettre un bouton flip flop dans un formulaire "rouge/vert"
(quand
je clique un fois sur mon image je la passe en rouge et un autre clique la
passe en vert)
ma question est comment faire ça ?

Merci pour celui qui me fournira un exemple




j'ai trouvé la solution
Avatar
Mickaël Wolff
Dave a écrit :

j'ai trouvé la solution



Si tu as trouvé *une* solution, tant mieux. Mais tu pourrais au moins
en faire part Usenet, et celui qui t'a répondu.

--
Mickaël Wolff aka Lupus Michaelis
http://lupusmic.org

Seeking for a position <http://lupusmic.org/pro/>
Avatar
SAM
Le 7/24/09 3:21 AM, Mickaël Wolff a écrit :
Dave a écrit :

j'ai trouvé la solution



Si tu as trouvé *une* solution, tant mieux. Mais tu pourrais au moins
en faire part Usenet, et celui qui t'a répondu.



Vu que la question a été posée un peu partout (et même hors usenet) ...
(chez Orange)

M'enfin il semblerait que ce pourrait être qque chose du genre :

<img state=true src="flip.jpg" alt=""
onclick="this.src=(this.state=!this.state)?'flip.jpg':'flop.jpg';">

et au diable tte notion de doctype ou même de html, hop la!

--
sm