Salut a Tous,
Et bien voila j'ai recement recuperer le script popup div
http://css.alsacreations.com/Tutoriels-JavaScript/Faire-apparaitre-des-popups-sans-nouvelle-fenetre
Je l'ai un peu modifié, le souci que je rencontre c'est qu'il ne marche que sur Firefox, mais pas sur IE et je n'arrive pas a comprendre pourquoi...
Est ce qu'avec le code de la fonction JS des elements sont mal defini ???
Est ce que qqun peut m'aider un petit peu ...??
MERCI BEAUCOUP
Modifié par ronio (13 Jul 2006 - 11:55)
Et bien voila j'ai recement recuperer le script popup div
http://css.alsacreations.com/Tutoriels-JavaScript/Faire-apparaitre-des-popups-sans-nouvelle-fenetre
Je l'ai un peu modifié, le souci que je rencontre c'est qu'il ne marche que sur Firefox, mais pas sur IE et je n'arrive pas a comprendre pourquoi...
Est ce qu'avec le code de la fonction JS des elements sont mal defini ???
Est ce que qqun peut m'aider un petit peu ...??
MERCI BEAUCOUP
function popv()
{
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));
var fermer = document.getElementById('fermer_'+ 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))
// on remplie le champs hidden qui s'appelle name
document.formMail.Element.value = document.getElementById(this.name).innerHTML;
// focus sur le input text Email.
document.formMail.Email.focus();
thisPopup.style.display = (thisPopup.style.display == 'none') ? 'block' : 'none';
return false;
};
// on efface la popup en cliquant sur la zone fermer
fermer.onclick = function(){
pop.style.display = 'none';
};
}
}
}
}
<div id="pop1" >
<h1>Email</h1>
<p>
<form action="" method="post" name="formMail" id="formMail" >
<input type="hidden" name="Element" id="Element" value="" />
Votre mail:<input type="text" size="30" name="Email" id="Email" value=""/><br/>
<input name="submit" id="submit" type="submit" value="submit" />
</form>
</p>
<div id="fermer_pop1">fermer la boite en cliquant dessus</div>
</div>
Modifié par ronio (13 Jul 2006 - 11:55)