Bonsoir,
J'ai deux input type="button" visibles
Je voudrais que quand on clique sur le
premier, l'autre se cache et inversement.
J'arrive a en cacher un, mais si je clique
sur l'autre, il ne se cache pas et n'affiche
pas l'autre.
Bonsoir,
J'ai deux input type="button" visibles
Je voudrais que quand on clique sur le
premier, l'autre se cache et inversement.
J'arrive a en cacher un, mais si je clique
sur l'autre, il ne se cache pas et n'affiche
pas l'autre.
Du code, du code, malabarbe, donnez-nous du code. ♫
Entre deux, j'ai réussi a faire exactement
ce que je voulais.
Mais je trouve le code très très lourd.
Est-il optimisable ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47 <html> <head> <style> .hidden { display: none; } .visible { display: inline; } </style> <script> function cache(identifiant) { if (document.getElementById(identifiant).className == "hidden") { document.getElementById(identifiant).className = "visible"; } else { document.getElementById(identifiant).className = "hidden"; } } function affichiche(identifiant) { if (document.getElementById(identifiant).className == "visible") { document.getElementById(identifiant).className = "hidden"; } else { document.getElementById(identifiant).className = "visible"; } } </script> </head> <body> <br><br> <input type="submit" id="AA" onclick="javascript:cache('AA'); javascript:affichiche('BB');" value="M.Perf*+*Filtre A/D" /> <a>-----------</a> <input type="submit" id="BB" onclick="javascript:cache('BB'); javascript:affichiche('AA');" value="Rk Dernière Course" /> </body> </html>
Bonjour,
tu peux enlever les "javascript:" dans les onclick : ça allègera
Sinon, dans la mesure où un des boutons est forcément caché, tu fais des tests inutiles : à mon avis, en utilisant une seule fonction à 2 paramètres, ça suffiraiten appelant
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 function toggle(Aff, Masq) { document.getElementById(Aff).style.display = "inline"; document.getElementById(Masq).style.display = "none"; }A+
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 toggle('AA','BB'); // Ou toggle('BB','AA');
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager