11548 sujets

JavaScript, DOM et API Web HTML5

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


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)