Bonjour,

J'ai créé un petit menu de 3 boutons. En dessous il y a 3 div. En fait j'aimerais afficher seulement la div en fonction du bouton appuyé :

Voici le bout de code utile :
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
<?php
echo"<div id=\"encadre\">";
        echo"<table id=\"tab_menu\">";
                echo"<tr>";
                        echo"<td><a href=\"index.php\" onClick=\"Cacher(\"statut\");\" >Statut</a></td>";
                        echo"<td><a href=\"index.php\" onClick=\"Cacher(\"img\");\" >Images</a></td>";
                        echo"<td><a href=\"index.php\" onClick=\"Cacher(\"video\");\" >Vidéos</a></td>";
                echo"</tr>";
        echo"</table>";
        
        echo"<div id=\"statut\">";      
                echo"<textarea rows=\"2\" cols=\"70\" name=\"sta\" ></textarea>";
        echo"</div>";
        
        echo"<div id=\"img\">"; 
                echo"<iframe src=\"http://www.hostingpics.net/iframe_mini.php\" width=\"400\" height=\"100\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\"></iframe>";
        echo"</div>";
        
        echo"<div id=\"video\">";       
                echo"<input type=\"text\" name=\"video\" />";
                echo"<input type=\"submit\" value=\"Envoyer\" />";
        echo"</div>";   
echo"</div>";
?>
et la fonction JS :
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
<script language="JavaScript" type="text/javascript" >
	function Cacher(param)
	{
		if(param=="statut")
		{
			document.getElementById("statut").style.display = "block";
			document.getElementById("img").style.display = "none";
			document.getElementById("video").style.display = "none";
		}
		else if(param="img")
		{
			document.getElementById("statut").style.display = "none";
			document.getElementById("img").style.display = "block";
			document.getElementById("video").style.display = "none";
		}
		else if(param="video")
		{
			document.getElementById("statut").style.display = "none";
			document.getElementById("img").style.display = "none";
			document.getElementById("video").style.display = "block";
		}
	}
	</script>
J'ai mis des alert() dans chaque condition pour vérifier que la fonction était bien appelé etc tout niquel.

Le problème est que rien ne s'affiche ou ne se cache. J'utilise le même genre sur une autre page pour afficher / cacher des images, et ca fonctionne. J'ai essayé avec l'outil de debug google chrome mais pas d'erreur JS. Vous avez une idée ?

merci

edit : En fait ca semble disparaitre une fraction de seconde mais tout se réaffiche directement