La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  J'aurais besoin d'une petite aide
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: J'aurais besoin d'une petite aide  (Lu 7805 fois)
J'aurais besoin d'une petite aide
« sur: le 30-05-2015 a 15:34:52 »
Scorpio63
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  

Re:J'aurais besoin d'une petite aide
« Répondre #1 sur: le 30-05-2015 a 19:19:26 »
pppplus
Habitué
***

Hors-Ligne

Messages: 482



php / mysql

Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

capsules rechargeables Dolce Gusto et Nespresso
jeux flash gratuits avec la plus grosse boutique cadeaux du net
Accessoires cuisine pratiques
Re:J'aurais besoin d'une petite aide
« Répondre #2 sur: le 30-05-2015 a 20:10:26 »
Scorpio63
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:J'aurais besoin d'une petite aide
« Répondre #3 sur: le 30-05-2015 a 20:54:32 »
pppplus
Habitué
***

Hors-Ligne

Messages: 482



php / mysql

Voir le Profil    WWW
Répondre avec citation

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';

Rapporter au modérateur  

capsules rechargeables Dolce Gusto et Nespresso
jeux flash gratuits avec la plus grosse boutique cadeaux du net
Accessoires cuisine pratiques
Re:J'aurais besoin d'une petite aide
« Répondre #4 sur: le 30-05-2015 a 21:44:46 »
Scorpio63
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

Je ni met pas de la mauvaise volonté mais je ne comprend pas.

Bien cordialement.
Scorpio

Rapporter au modérateur  
Re:J'aurais besoin d'une petite aide
« Répondre #5 sur: le 30-05-2015 a 21:49:53 »
pppplus
Habitué
***

Hors-Ligne

Messages: 482



php / mysql

Voir le Profil    WWW
Répondre avec citation

C'est peut-être moi qui n'ai pas compris votre problématique.
Vous avez un exemple en ligne ? Ce serait plus facile.

Rapporter au modérateur  

capsules rechargeables Dolce Gusto et Nespresso
jeux flash gratuits avec la plus grosse boutique cadeaux du net
Accessoires cuisine pratiques
Re:J'aurais besoin d'une petite aide
« Répondre #6 sur: le 30-05-2015 a 22:24:25 »
Scorpio63
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:J'aurais besoin d'une petite aide
« Répondre #7 sur: le 30-05-2015 a 22:31:32 »
pppplus
Habitué
***

Hors-Ligne

Messages: 482



php / mysql

Voir le Profil    WWW
Répondre avec citation


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

Rapporter au modérateur  

capsules rechargeables Dolce Gusto et Nespresso
jeux flash gratuits avec la plus grosse boutique cadeaux du net
Accessoires cuisine pratiques
Re:J'aurais besoin d'une petite aide
« Répondre #8 sur: le 30-05-2015 a 22:56:12 »
Scorpio63
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg