Discussion :

[princesse95]

Bonjour,

Je cherche à réaliser quelque chose de pas super compliqué; mais je suis pas développeuse du tout..
Donc au final je voudrais faire 2 boutons (je l'ai déjà cette page). Quand je clique sur un bouton, ça m'affiche plusieurs informations.
Quand je clique sur le deuxième bouton, ça doit m'afficher d'autres informations..

Je précise que ces informations ne sont pas saisies d'un formulaire.

En gros j'ai déjà ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<FORM action="outil.html" Method="POST">
<p>
<input type="image" src="button-sites.png" alt="ok" onclick=je sais pas quoi mettre>
<BR><BR>
<input type="image" src="button-bdd.png" alt="ok">
</p>
</FORM>

Par contre quand je clique sur le bouton, il faut que les informations s'affiche dans la page ou j'ai déjà les boutons mais genre plus à droite....

Les informations peuvent être par exemple des noms de films...

Pouvez-vous m'éclairer?
Merci

[andry.aime]

Bonjour princesse95
D'où viennent les informations à afficher?
Sont-elles statiques ou dynamiques?

[princesse95]

En fait les informations ne viennent pas d'une base ou de ce qu'un utilisateur aurait saisie. Ce sont des informations statiques que je vais moi même rentrer...
Elles ne changeront jamais

[andry.aime]

Re,
Tu peux les mettre dans des div cachés ensuite afficher selon le bouton cliqué en jouant sur l'attribut style.display="none" et style.display="block"

[princesse95]

Mon problème c'est que je ne vois pas comment afficher quelques choses quand je clique sur mon bouton.
J'arrive à afficher une fenetre style pop up mais je vois pas comment afficher des informations dans la même page..

Je suis pas très connaisseuse de php en fait...et j'ai beau parcourir des sites, je ne trouve malheureusement pas grand chose

Je sais que ça se joue dans onclick mais après pour quoi mettre dans cet évènement..je vois pas
Tu pourrais me donner quelques indications?

Merci pour ton aide

[andry.aime]

Re,
Un petit bout de code pour te donner des idées .

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function cache(id)
{
  if(document.getElementById(id).style.display!="none")
     {
        document.getElementById(id).style.display="none";
      }
}
else
     {
        document.getElementById(id).style.display="block";
      }

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<input type="button" value="afficher/cacher" onclick="cache('div1')" />
<div id="div1" style="display:none">DIV 1</div> <br/>
<input type="button" value="afficher/cacher" onclick="cache('div2')" />
<div id="div2">DIV 2</div> <br/>