afficher des informations à l'aide de l'évenement "onclick" sur un bouton input

Version imprimable

Voir 40 message(s) de cette discussion en une page

Oups

Oui, je n'ai pas réfléchi. :oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function cache(numero_div)
{
    if(numero_div == "1")
    {
        document.getElementById("div1").style.display="block";
        document.getElementById("div2").style.display="none";
    }
 
    else
    {
        document.getElementById("div1").style.display="none";
        document.getElementById("div2").style.display="block";
     }
}

avec dans les onclick:

Code:

1
2
3
4
 
cache("1"); //pour le bouton 1
 
cache("2"); //pour le bouton 2

J'ai bien compris le truc...je vais regarder parce qu'ils se passent plus rien. Les clic ne donnent rien :(

Code:

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
function cache(numero_div)
{
    if(numero_div == "1")
    {
        document.getElementById(id1).style.display="none";
        document.getElementById(id2).style.display="block";
    }
 
    else
    {
        document.getElementById(id2).style.display="none";
        document.getElementById(id1).style.display="block";
     }
}
 
</SCRIPT>
</head>
<body bgcolor="#D7E1DF">
<center>OUTIL GESTION SITE - BASE DE DONNEES</center>
<BR><BR>
 
<FORM id="bouton" name="bouton" action="outil.html" Method="POST" >
<p>
<img src="button-sites.png" onclick="cache("1")">
	<div id="div1"> Test informations 1..... </div> <br/>
 
<img src="button-bdd.png" onclick="cache("2")">
	<div id="div2"> Test informations 2..... </div> <br/>
 </p>
 
</FORM>

Princesse,

Ici vous avez un problème avec les chaines de caractères:
Code:

1 2 onclick="cache("1")"
Vous ouvrez une chaine de caractères mais vous la refermez après la première parenthèse. Dans ce cas-ci, vous devez jouer avec les quotes et guillemets:
Code:

1 2 3 4 onclick="cache('1')" // et plus bas onclick="cache('2')"
Ensuite, faites-bien attention, j'ai modifié des choses dans la fonction. Regardez ce que j'ai mis dans les getElementById:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function cache(numero_div) { if(numero_div == "1") { document.getElementById("div1").style.display="block"; document.getElementById("div2").style.display="none"; } else { document.getElementById("div1").style.display="none"; document.getElementById("div2").style.display="block"; } }
Quant au fait que les div doivent être caché au chargement de la page, c'est parce que vous avez enlevez ceci sur vos div:
Code:

1 2 style="display:none"

16/03/2010, 15h19
princesse95

Ca fonctionne..merci beaucoup
Effectivement j'avais peut-être été un peu vite, j'avais pas vu le changement

Merci

Voir 40 message(s) de cette discussion en une page