[URGENT]Javascript

Résolu/Fermé

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 - 6 janv. 2010 à 20:20
lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 - 7 janv. 2010 à 21:49

bonsoir,

Voila j'ai un code qui ce présente comme ceci :
<table id="Tableau_01" width="250" height="350" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="images/organisation_10.gif" width="230" height="40" alt="" onclick="javascript:visibilite('comite_directeur');">
</td>
</tr>
</table>

<div id="comite_directeur" align="center" style="display:none;"><b><font color="White">Comite Directeur</font></b><br><br>
<a href="index.php?page=comite_directeur"><b>Voir Le Comité Directeur</b></a>
</div>

et j'en ai plusieur comme sa sur la méme page, il s'agit d'un organigramme a chak click sur une image un texte en desous s'affiche.

Le probléme est : Si je clique sur une image puis sur une autre, le texte de la premiére image ne disparait pas et ce rajoute donc au texte de la deuxiéme image. Comment faire pour que quand je clique sur une autre image le texte de l'ancienne s'efface automatiquement ?

MERCI DE VOTRE AIDE..

A voir également:

[URGENT]Javascript
Telecharger javascript - Télécharger - Langages
Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
Erreur #125 javascript - Forum Mozilla Firefox
Node.js javascript runtime virus ✓ - Forum Virus
A javascript error occurred in the main process - Forum Handicap / Accessibilté

9 réponses

Réponse 1 / 9

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
6 janv. 2010 à 20:32

met ta fonction javascript ici pour qu'on puisse la corriger, et met aussi le code ou on voit 2 images à cliquer

Réponse 2 / 9

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 1
6 janv. 2010 à 21:09

Voila code js :

<script type="text/javascript">
function visibilite (thingId)
{
var targetElement;
targetElement = document.getElementById(thingId);
if (targetElement.style.display == "none")
{
targetElement.style.display="";
}
else
{
targetElement.style.display="none" ;
}
}
</script>

Réponse 3 / 9

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
6 janv. 2010 à 21:25

Une autre question : est-ce que chaque image à son propre div dans sa partie inférieure pour afficher son texte,
ou est-ce que c'est une seule div commune pour toutes les images ?

Réponse 4 / 9

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 1
6 janv. 2010 à 21:39

Non chaque image a son propre div

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 1
7 janv. 2010 à 06:51

Aidez moi svp :'(

Réponse 6 / 9

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
7 janv. 2010 à 12:25

met ton code entier de la page, je te le resoud en moins de 15 min

Réponse 7 / 9

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 1
7 janv. 2010 à 20:08

http://pastebin.com/m4a421566 voila le code est a ce lien, Merci d'avance

Réponse 8 / 9

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 47
7 janv. 2010 à 21:39

Voici la solution (fait copier-coller tout le code:):
<html>
<head>
</head>
<body>


<script type="text/javascript">
function visibilite (id)
{
numero=id.substring(7);

for(n=0;n<=7;n++)
{
if(n==numero)
{
obj=document.getElementById("idTexte"+n);
obj.style.display="block";
}

else if(n!=numero)
{
obj=document.getElementById("idTexte"+n);
obj.style.display="none";
}

}

}
</script>



<table id="Tableau_01" width="250" height="350" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3">
<img src="images/organisation_01.gif" width="250" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="16">
<img src="images/organisation_02.gif" width="10" height="346" alt=""></td>
<td>
<img src="images/organisation_03.gif" width="230" height="40" alt="" id='idImage0' onclick="javascript:visibilite(id);"></td>
<td rowspan="16">
<img src="images/organisation_04.gif" width="10" height="346" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_05.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_06.gif" width="230" height="40" alt="" id='idImage1' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_07.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_08.gif" width="230" height="40" alt="" id='idImage2' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_09.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_10.gif" width="230" height="40" alt="" id='idImage3' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_11.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_12.gif" width="230" height="40" alt="" id='idImage4' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_13.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_14.gif" width="230" height="40" alt="" id='idImage5' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_15.gif" width="230" height="6" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_16.gif" width="230" height="40" alt="" id='idImage6' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_17.gif" width="230" height="5" alt=""></td>
</tr>
<tr>
<td>
<img src="images/organisation_18.gif" width="230" height="21" alt="" id='idImage7' onclick="javascript:visibilite(id);"></td>
</tr>
<tr>
<td>
<img src="images/organisation_19.gif" width="230" height="4" alt=""></td>
</tr>
</table>
<div id="idTexte2" align="center" style="display:none;">
<b><font color="White">Afrique</font></b><br>
<b>Président :</b> Elhadji Ndour Malick<br>
<b>Vice Président :</b> Madouni Houcine<br>
<b><font color="White">Europe</font></b><br>
<b>Président :</b> Marc Lamberti<br>
<b><font color="White">Asie</font></b><br>
<b>Président :</b> Dai Bui Van<br>
</div>
<div id="idTexte0" align="center" style="display:none;"><b><font color="White">Comite Directeur</font></b><br><br>
<a href="index.php?page=comite_directeur"><b>Voir Le Comité Directeur</b></a>
</div>
<div id="idTexte1" align="center" style="display:none;"><b><font color="White">Direction Technique</font></b><br><br>
<a href="index.php?page=direction_technique"><b>Voir La Direction Technique</b></a>
</div>
<div id="idTexte5" align="center" style="display:none;"><b><font color="White">Pays Membres</font></b><br><br>
<a href="index.php?page=pays_membres"><b>Voir Les Pays Membres</b></a>
</div>
<div id="idTexte4" align="center" style="display:none;">
<b><font color="White">Algérie :</font> Madouni Houcine</b><br>
<b><font color="White">France :</font> Dai Bui Van</b><br>
</div>
<div id="idTexte7" align="center" style="display:none;"><b><font color="White">Clubs</font></b><br><br>
<a href="index.php?page=Clubs"><b>Voir Le Comité Directeur</b></a>
</div>

<div id="idTexte3" align="center" style="display:none;"><b><font color="White">Secrétariat</font></b><br><br>
<a href="index.php?page=Clubs"><b>Voir Le Secrétariat</b></a>
</div>

<div id="idTexte6" align="center" style="display:none;"><b><font color="White">Départements</font></b><br><br>
<a href="index.php?page=Clubs"><b>Voir Les Départements</b></a>
</div>

</body>
</html>

Réponse 9 / 9

lirycs78 Messages postés 103 Date d'inscription vendredi 7 juillet 2006 Statut Membre Dernière intervention 7 janvier 2010 1
7 janv. 2010 à 21:49

hmmmm comment te dire...

MERCI 1000 fois :D

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

Faire un echo dans un script JS

afficher un tableau JS en HTML