PHP

Fermé
Utilisateur anonyme - Modifié par MariamTun le 4/09/2013 à 14:36
 Utilisateur anonyme - 4 sept. 2013 à 23:02
Bonjour .

dans ma page web , j'ai crée un lien1 et un lien2 et un text1 et un text2
lorsque on clique sur lien1 , text1 va affiche
lorsque on clique sur lien 2 , text2 va affiche

jusq maintenant le code fonctionne mais le prob c'est lorsque je clique sur lien2 par exemple il faut queeee text1 DISPARAÎTRE et text2 affiche et lorsque je clique sur lien1 par exemple il faut queeee text2 DISPARAÎTRE et text1 affiche

(le prob c qu'il faut text2 dispraitre lorsque je clique sur lien1 et le contraire ... , avec ce code lorsque je clique sur lien2 (par exemple)text2 s'affiche mais text1 ne disparaitre pas :'( :'( )

SVP une reponse

voici mon code
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>Nouvelle page 1</title>

<script>

function vi(thingId)
{

var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;

} else {
targetElement.style.display = "none" ;

}

}

function visibilite(thingId)
{

var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}


</script>
</head>

<body>

<a href="" onclick=" javascript:visibilite('id_div_1'); return false; ">Lien</a>

<div id="id_div_1" style="display:none;"> Texte1</div>

<a href="" onclick="javascript:vi('id_div_2'); return false;" >Lien </a>

<div id="id_div_2" style="display:none;"> Texte2</div>


</body>
</html>
A voir également:

1 réponse

MichaelOfCourse Messages postés 87 Date d'inscription jeudi 21 juin 2012 Statut Membre Dernière intervention 2 septembre 2016 6
4 sept. 2013 à 19:34
Ne t'embete pas avec JavaScript, utilise directement JQuery.

$("#lien1").click(function () {
				$("#id_div_1").show("slow");
				$("#id_div_2").hide("slow");
		});
$("#lien2").click(function () {
				$("#id_div_2").show("slow");
				$("#id_div_1").hide("slow");
		});


Il suffit d'ajouter a tes liens des id, et d'inclure la librairie Jquery :)
0
Utilisateur anonyme
4 sept. 2013 à 23:02
dacord :) je v esseyer ça
merciiiiiiiiiiiii Michael
0