PHP
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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>
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:
- PHP
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Retour à la ligne php ✓ - Forum PHP
- Alert php - Forum PHP
- Retour a la ligne php ✓ - Forum PHP
1 réponse
Ne t'embete pas avec JavaScript, utilise directement JQuery.
Il suffit d'ajouter a tes liens des id, et d'inclure la librairie 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 :)
merciiiiiiiiiiiii Michael