Titre: J'aurais besoin d'une petite aide
Posté par: Scorpio63 le le 30-05-2015 a 15:34:52
Bonjour à vous,
Je fais appel a vous car je rencontre un petit soucis
Voila au milieu de ma page j'ai créé plusieurs liens
01 diagramme n1
02 diagramme n2
Quand je clic sur 01 diagramme n1 le contenue se déroule et affiche mon diagramme 1 puis sur Fermer pour fermer le contenue
Quand je clic sur 02 diagramme n2 le contenue se déroule et affiche mon diagramme 2 puis sur Fermer pour fermer le contenue
Le problème est que quand je clic sur Fermer du diagramme 2 celui ci me fais disparaire le lien 01 diagramme n1 je suis obliger de réactualisé la page pour que celui ci se réaffiche
voici se que j'ai fais
Avant </HEAD>
Code:
<script type="text/javascript">
<!--
function masquemod(id){
if(document.getElementById(id).style.display=='none'){
// ouverture div
document.getElementById(id).style.display='block';
document.getElementById('toogle1').style.display='none';
}else{
// fermeture div
document.getElementById(id).style.display='none';
document.getElementById('toogle01').style.display='block';
}
}
-->
</script>
|
|
Puis mes liens
Code:
<a href="" onclick="masquemod('0001');return false;" id="toogle1">01.diagramme n1</a>
<div id="0001" style="display:none;">
<iframe src="./fiches/diagramme1.pdf" width="600px" height="450px"></iframe>
<a href="" onclick="masquemod('0001');return false;" id="toogle01"><br>
<font color="red">Fermer</a></font></p>
</div>
<br>
<br>
<a href="" onclick="masquemod('0002');return false;" id="toogle1">02.diagramme n2</a>
<div id="0002" style="display:none;">
<iframe src="./fiches/diagramme2.pdf" width="600px" height="450px"></iframe>
<a href="" onclick="masquemod('0002');return false;" id="toogle01"><br>
<font color="red">Fermer</a></font></p>
</div>
<br>
<br>
|
|
Ma question est : comment dois je faire pour que quand on referme le contenue d'un lien cela me fasse pas disparais les autre liens .
Merci d'avance
Dans l'attente d'une réponse de votre pars, je vous souhaites une bonne apreme.
Bien cordialement.
Scorpio |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: pppplus le le 30-05-2015 a 19:19:26
vous avez au moins un problème avec les id
Vous avez 2 fois : id="toogle1"
et 2 fois id="toogle01"
un id est toujours unique, et ne peut pas être utilisé 2 fois sur la même page. |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: Scorpio63 le le 30-05-2015 a 20:10:26
Merci,
Je sais bien, mais comment dois je faire
dois je faire comme ceci??
Code:
<script type="text/javascript">
<!--
function masquemod(id){
if(document.getElementById(id).style.display=='none'){
// ouverture div
document.getElementById(id).style.display='block';
document.getElementById('toogle1').style.display='none';
document.getElementById('toogle2').style.display='none';
}else{
// fermeture div
document.getElementById(id).style.display='none';
document.getElementById('toogle01').style.display='block';
document.getElementById('toogle02').style.display='block';
}
}
-->
</script>
|
|
Code:
<a href="" onclick="masquemod('0001');return false;" id="toogle1">01.diagramme n1</a>
<div id="0001" style="display:none;">
<iframe src="./fiches/diagramme1.pdf" width="600px" height="450px"></iframe>
<a href="" onclick="masquemod('0001');return false;" id="toogle01"><br>
<font color="red">Fermer</a></font></p>
</div>
<br>
<br>
<a href="" onclick="masquemod('0002');return false;" id="toogle2">02.diagramme n2</a>
<div id="0002" style="display:none;">
<iframe src="./fiches/diagramme2.pdf" width="600px" height="450px"></iframe>
<a href="" onclick="masquemod('0002');return false;" id="toogle02"><br>
<font color="red">Fermer</a></font></p>
</div>
<br>
<br>
|
|
En faisant ceci quand je clic sur fermer du lien diagramme 1 ou diagramme 2 sa me fais disparaître les deux liens. Donc pour les réafficher je suis obliger de faire F5 se qui n'est pas pratique
Merci d'avance
Bien cordialement.
Scorpio |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: pppplus le le 30-05-2015 a 20:54:32
Il me semble qu'un id ne doit pas être numérique, mais texte.
Donc id="0001" est peut-être invalide (à vérifier - vous pouvez mettre "s001" par exemple)
Dans votre javascript, vous demandez de masquer le menu : document.getElementById('toogle1').style.display='none';
Donc, ça masque le menu.
Pour masquer l'iframe, il faut plutôt :
document.getElementById('0001').style.display='none';
|
Titre: Re:J'aurais besoin d'une petite aide
Posté par: Scorpio63 le le 30-05-2015 a 21:44:46
Je ni met pas de la mauvaise volonté mais je ne comprend pas.
Bien cordialement.
Scorpio |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: pppplus le le 30-05-2015 a 21:49:53
C'est peut-être moi qui n'ai pas compris votre problématique.
Vous avez un exemple en ligne ? Ce serait plus facile. |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: Scorpio63 le le 30-05-2015 a 22:24:25
désolé je suis en local pas en ligne mais voici en captures si cela peut t'aider
On clic sur 01.diagramme n1 et on obtient ceci
Quand on clic sur Fermer en rouge cela me ferme bien mon diagramme mais les liens on disparu
et on est obliger de faire F5 pour les faire réapparaître
Bien cordialement.
Scorpio |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: pppplus le le 30-05-2015 a 22:31:32
else{
// fermeture div
document.getElementById(id).style.display='none';
document.getElementById('toogle01').style.display='block';
document.getElementById('toogle02').style.display='block';
}
toogle01 au lieu de toogle1
toogle02 au lieu de toogle2 |
Titre: Re:J'aurais besoin d'une petite aide
Posté par: Scorpio63 le le 30-05-2015 a 22:56:12
Merci sa fonctionne
Par contre quand je referme 01.diagramme n1 il y a un gros vide, je dirais au moins 10 sauts de ligne entre les liens 01.diagramme n1 et 02.diagramme n2
il se remet pas en 2 sauts de ligne comme sur l'image 1 de mon précédant message
Bien cordialement.
Scorpio |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|