Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1295 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Lien sous un div avec Firefox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Lien sous un div avec Firefox

n°1469069
Profil sup​primé
Posté le 02-11-2006 à 10:22:55  answer
 

Bonjour, :)  
 
J'ai une image représentant la carte de France avec une maparea découpant chacun des départements. Lorsque je clique sur un département j'affiche des infos contenues dans un div.
 
Les div sont cachés par défaut au dessus de la carte.
 
Seulement voilà sous IE j'ai bien accès à mes liens sous mes div, mais sous firefox je ne peux cliquer nul part.
 
Merci d'avance pour votre aide.
 
++

mood
Publicité
Posté le 02-11-2006 à 10:22:55  profilanswer
 

n°1469151
brisssou
8-/
Posté le 02-11-2006 à 11:41:12  profilanswer
 

ton code ?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
n°1469204
Profil sup​primé
Posté le 02-11-2006 à 12:28:13  answer
 

Voici mes deux fonctions javascript, me permettant d'ouvrir et de fermer les DIV correspondants.
 

Code :
  1. <script language="JavaScript" type="text/javascript">
  2. var openDep = false;
  3. function Afficher(n_dep, y, x)
  4. {
  5. if (document.getElementById("dep_"+n_dep).style.display == "none" )
  6. {
  7.  document.getElementById("div_principal" ).style.display = "block";
  8.  document.getElementById("dep_"+n_dep).style.top = y+"px";
  9.  document.getElementById("dep_"+n_dep).style.left = x+"px";
  10.  document.getElementById("dep_"+n_dep).style.display = "block";
  11.  if(openDep != false)
  12.  {
  13.   Afficher(openDep);
  14.  }
  15.  openDep = n_dep;
  16. }
  17. else
  18. {
  19.  document.getElementById("dep_"+n_dep).style.display = "none";
  20.  openDep = false;
  21. }
  22. }
  23. function Masquer()
  24. {
  25. document.getElementById("div_principal" ).style.display = "none";
  26. document.getElementById("dep_"+openDep).style.display = "none";
  27. openDep = false;
  28. }
  29. </script>


 
Mes CSS:
 

Code :
  1. <style type="text/css">
  2. .div_departement {
  3. color:black;
  4. width: 250px;
  5. height:220px;
  6. overflow: auto;
  7. font-size:11px;
  8. font-family: Verdana, Arial, Helvetica, sans-serif;
  9. }
  10. .conteneur {
  11. width: 510px;
  12. height: 480px;
  13. position:absolute;
  14. display:none;
  15. }
  16. </style>


 
Et le reste de ma page:
 

Code :
  1. <div class="conteneur" id="div_principal">
  2. <div id="dep_50" class="div_departement" style="display:none">
  3.  <a href="#" onClick="Masquer(); return false;"><img src="images/fermer_carte.gif" border="0" /></a>
  4.  <br />
  5.  Blablabla...
  6. </div>
  7. <div id="dep_51" class="div_departement" style="display:none">
  8.  <a href="#" onClick="Masquer(); return false;"><img src="images/fermer_carte.gif" border="0" /></a>
  9.  <br />
  10.  Bolobolob...
  11. </div>
  12. </div>
  13. <img src="carte-france.gif" width="465" height="495" border="0" usemap="#Map" href="#" alt="" />
  14. <map name="Map" id="Map">
  15. <area onclick="Afficher(50, 230, 260); return false;" shape="poly" coords="36,131,53,131,61,133" href="#" />
  16. <area onclick="Afficher(51, 230, 260); return false;" shape="poly" coords="128,138,124,127,128,120" href="#" />
  17. </map>


 
Je n'ai laissé que 2 départements au hasard pour l'exemple.
 
Merci d'avance


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Lien sous un div avec Firefox

 

Sujets relatifs
photo plein page avec clic lien.lien vers un div d'une même page
[BATCH] Configuration FirefoxCSS Firefox / Internet Explorer PNG
appel d'une fonction dans un lien html dans un code php[netscape][firefox] Ouvir un lien dans une nouvel onglet
Ajouter un lien dans les clics droits pour VoIP sous Firefoxprobleme float et lien inactif sous firefox
Problème de lien - Mozilla FirefoxProblème de lien css et firefox
Plus de sujets relatifs à : Lien sous un div avec Firefox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR