11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour

Après un rapide parcours sur le net, je suis tombé sur ce style de script
http://editeurjavascript.com/scripts/scripts_textes_1_84.php
Ce qui donne pour le code
<SCRIPT LANGUAGE="JavaScript">

function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>


<A HREF="#" onMouseOver="ChangeMessage('prout','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Bla</A>

<!--
CODE DU BLOC QUI VA AFFICHER LE TEXTE QUAND
LE LIEN SERA SURVOLE PAR LA SOURIS
NE COPIER CE CODE QU'UNE FOIS DANS LA PAGE
-->
<DIV ID=ejs_texte></DIV>


Chose qui m'intéresse mais que je voudrais aménager à ma sauce.
Déjà je voudrais que le texte apparaisse non pas au survol du lien, mais au clic. Et donc cela implique une fermeture du DIV au clic également.
Ensuite comme je vais avoir plusieurs liens d'afficher, je voudrais faire en sorte que si un DIV est ouvert via le lien n°1, un clic sur le lien n°2 ferme le DIV puis le ré ouvre avec le texte du lien 2.

Je voudrais donc savoir ce que je dois faire, sachant que le contenu du DIV sera un texte plus ou moins long (en tout cas plus long qu'une simple phrase).

Si vous pouviez me donner des indications Smiley confused

Merci
Fais une recherche sur "toggle" - c'est assez souvent le terme utilisé - et "javascript"... et tu trouveras ton bonheur.
La démarche consiste à afficher les div normalement et à les masquer/afficher ensuite par javascript. Faire l'inverse (les masquer par défaut et les afficher via JS) est à proscrire.

Bonne journée

et hop : sur Gooooooogle
Modifié par Arsene (21 May 2008 - 11:44)