Bonjour,
Je suis nouvelle sur ce forum, j'ai trouvé sur ce site un tutoriel pour afficher des popups sans ouvrir une nouvelle fenêtre.
C'est exactement ce qu'il me fallait. Seulement aprés avoir récupéré le code pour effectuer un essai, la seule chose qui ne fonction pas est l'affichage de popups. Leur texte s'affiche en pas de ma page HTM.
Aprés mainte recherche :je n'ai pas réussi à resoudre mon problème.
PS : version EI 6.0
Je vous joint les codes :
fichier html :
<head>
<script type="text/javascript" src="popup_load.js"></script>
<style type="text/css"><!--@import url(style1.css);--></style>
</head><body>
<h1>Une "popup" accessible !</h1>
<p><a href="#pop1" class='pop' >Lien (ouvre pop1)</a> -
<a href="#pop2" class='pop' >Lien (ouvre pop2)</a>
</p>
<p>Contenu général de la page.</p>
<!-- Les boîtes popup sont placées tout en bas du document -->
<div id="pop1">
<h1>Popup !</h1>
<p>Une popup</p>
<div class="fermer">fermer la boite en cliquant dessus</div>
</div>
<div id="pop2" >
<h1>Annonce</h1>
<p>Autre popup sur la page</p>
<div class="fermer">fermer la boite en cliquant dessus</div>
</div>
</body>
La partie la plus important du fichier css :
#pop {
display: block;
position: absolute;
bottom: 5em;
right: 10em;
width: 20em;
border: 3px double black;
background: black;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
background: white url(bottom.gif) left top repeat-x;
color: black;
text-align: center;
}
Et pour finir la fonction javascript :
function pop()
{
var myAs = document.getElementsByTagName('a');
for (var a = 0; a < myAs.length; ++a)
{
if (myAs[a].className == 'fenetre')
{var pop = document.getElementById(myAs[a].href.substring
(myAs[a].href.lastIndexOf('#') + 1));
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;
};
pop.onclick = function()
{
this.style.display = 'none';
};
}
}
}
}
window.onload = pop;
Je suis nouvelle sur ce forum, j'ai trouvé sur ce site un tutoriel pour afficher des popups sans ouvrir une nouvelle fenêtre.
C'est exactement ce qu'il me fallait. Seulement aprés avoir récupéré le code pour effectuer un essai, la seule chose qui ne fonction pas est l'affichage de popups. Leur texte s'affiche en pas de ma page HTM.
Aprés mainte recherche :je n'ai pas réussi à resoudre mon problème.
PS : version EI 6.0
Je vous joint les codes :
fichier html :
<head>
<script type="text/javascript" src="popup_load.js"></script>
<style type="text/css"><!--@import url(style1.css);--></style>
</head><body>
<h1>Une "popup" accessible !</h1>
<p><a href="#pop1" class='pop' >Lien (ouvre pop1)</a> -
<a href="#pop2" class='pop' >Lien (ouvre pop2)</a>
</p>
<p>Contenu général de la page.</p>
<!-- Les boîtes popup sont placées tout en bas du document -->
<div id="pop1">
<h1>Popup !</h1>
<p>Une popup</p>
<div class="fermer">fermer la boite en cliquant dessus</div>
</div>
<div id="pop2" >
<h1>Annonce</h1>
<p>Autre popup sur la page</p>
<div class="fermer">fermer la boite en cliquant dessus</div>
</div>
</body>
La partie la plus important du fichier css :
#pop {
display: block;
position: absolute;
bottom: 5em;
right: 10em;
width: 20em;
border: 3px double black;
background: black;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
background: white url(bottom.gif) left top repeat-x;
color: black;
text-align: center;
}
Et pour finir la fonction javascript :
function pop()
{
var myAs = document.getElementsByTagName('a');
for (var a = 0; a < myAs.length; ++a)
{
if (myAs[a].className == 'fenetre')
{var pop = document.getElementById(myAs[a].href.substring
(myAs[a].href.lastIndexOf('#') + 1));
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;
};
pop.onclick = function()
{
this.style.display = 'none';
};
}
}
}
}
window.onload = pop;