18073 sujets

Questions générales et questions de débutants

[RESOLU] mon pop up css/js fonctionne plus...

Salut, ça fonctionnait bien jusqu'a ce que....
et je vois pas d'où ça peut venir.
Merci.

J'ai laissé le style css tel quel, mais quand ça fonctionnait je ne me servait pas de la classe .fermé.

js :
function pop()
{
    var myAs = document.getElementsByTagName('a');
    for (var a = 0; a < myAs.length; ++a) {
	// Si le lien a une classe de type pop
        if (myAs[a].className == 'pop') {
	// on extrait l'id de la popup à partir du href
            var pop = document.getElementById(myAs[a].href.substring(myAs[a].href.lastIndexOf('#') + 1));
	// si la popup existe on l'affiche (display block)
            if (pop) {       
                pop.style.display = 'none';
                myAs[a].onclick = function() {
                    thisPopup = document.getElementById(this.href.substring(this.href.lastIndexOf('#') + 1))
                    thisPopup.style.display = (thisPopup.style.display == 'none') ? 'block' : 'none';
                    return false;
                };
		// on efface la popup en cliquant dessus
                pop.onclick = function()
                {
                    this.style.display = 'none';
                };
            }
        }
    }
}
 
window.onload = pop;


css
				  /* POP UP*/
#pop {
display: none;
position: absolute;
text-align:center;
width:474px;
height:418px;
top:300px;
left:50%;
margin-left:-160px ; 
z-index: 500;
cursor: pointer;
}

#pop p {
margin: 0 0.3em;
}

.fermer {
position:relative;
margin: 0.5em 0 0 0;
top:-20px;
text-align: center;
z-index: 520;
}


html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  
       
<head>
<!--Page travaux persos -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" lang="fr" content="memoire" />
<title></title>
<script type="text/javascript" src="./popup_load.js">
</script>
<style type="text/css">
 @import url(./text1.css);
</style>
</head>

 <body>
......................... 
<!-- Les boîtes popup sont placées tout en bas du document -->
<div id="pop">
<p><img src="./images/carte_presles.gif" alt="Localisation de Presles" /></p>
</div>

Modifié par Hum (07 Jun 2011 - 11:37)
Navré pour ce post qui devait etre incomprehensible vu que l'erreur se trouvait dans une partie du code non posté...
J'avais juste zappé la classe du lien...
RESOLU.

html
Le 27 avril 2003, s’est déroulée la « 1ère Bourse-Expo des courroies de carnelle » <a class="pop" href="#popcarte">à Presles</a> (Val d’Oise).
Un petit groupe de &laquo; joyeux &raquo; motards


css:
			  /* POP UP*/
#popcarte {
display: none;
position: absolute;
bottom: 5em;
right: 10em; 
width: 20em;
border: 3px double black;
background: #f5f5dc;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#popcarte p {
margin: 0 0.3em;
}
#popcarte h1  {font-size:1em; 
               font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet";
                margin:5px 5px 5px 5px; 
                 background-color:transparent;}


js:
function pop()
{
    var myAs = document.getElementsByTagName('a');
    for (var a = 0; a < myAs.length; ++a) {
	// Si le lien a une classe de type pop
        if (myAs[a].className == 'pop') {
	// on extrait l'id de la popup à partir du href
            var pop = document.getElementById(myAs[a].href.substring(myAs[a].href.lastIndexOf('#') + 1));
	// si la popup existe on l'affiche (display block)
            if (pop) {       
                pop.style.display = 'none';
                myAs[a].onclick = function() {
                    thisPopup = document.getElementById(this.href.substring(this.href.lastIndexOf('#') + 1))
                    thisPopup.style.display = (thisPopup.style.display == 'none') ? 'block' : 'none';
                    return false;
                };
		// on efface la popup en cliquant dessus
                pop.onclick = function()
                {
                    this.style.display = 'none';
                };
            }
        }
    }
}
 
window.onload = pop;
Sujet clos
Aller à