begin process at 2012 05 29 21:44:26
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Procédure qui ne veut pas s'exécuter. Pourquoi ?

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Procédure qui ne veut pas s'exécuter. Pourquoi ?

mercredi 7 avril 2010 à 06:13:03 | Procédure qui ne veut pas s'exécuter. Pourquoi ?

jytest
Bonjour, voici mon souci.

Ma boucle ne s'effectue pas du tout,
ni à l'intérieur, ni en sortie de boucle de test (voir le code plus loin)
Bizarre. Pourquoi ?

Je vous mets mon code avec HTML.
Je n'ai aucun alert qui fonctionne.
Pour info, j'utilise Dreamweaver CS4.
Pour info, je teste en firefox, Chrome, IE8.
Cela ne fonctionne sur aucun.
Aidez-moi, je deviens fou avec ce truc, svp

<html>
<head>
...
<style>
....

</style>
<script type="text/javascript">
...
function zoomLon(imgUrl) {
if (ancimgUrl != imgUrl) {
alert("valeurs <>");
ancimgUrl = imgUrl;
document.getElementById("image_zoomL").width = 351;
document.getElementById("image_zoomL").height = 234;
document.getElementById("image_zoomL").src = imgUrl;
document.getElementById("zoomL").style.visibility = "visible";
}
else {
alert("valeurs =");
}
alert("sortie de boucle");
}
function zoomLoff() {
document.getElementById("image_zoomL").src = '';
document.getElementById("zoomL").style.visibility = "hidden";
}
...
</script>
</head>

<body>
...

<div id="zoomL"><img name="image_zoomL" width="351" height="234" id="image_zoomL"></div>
<div id="zoomH"><img name="image_zoomH" width="234" height="351" id="image_zoomH"></div>
<div id="photos">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0003.jpg')" src="travaux/20091010/DSC0003x150.jpg" width="150" height="100" onmouseout="zoomLoff()"></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0005.jpg')" src="travaux/20091010/DSC0005x150.jpg" width="150" height="100" onmouseout="zoomLoff()"></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0011.jpg')" src="travaux/20091010/DSC0011x150.jpg" width="150" height="100" onmouseout="zoomLoff()"></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0014.jpg')" src="travaux/20091010/DSC0014x150.jpg" width="150" height="100" onmouseout="zoomLoff()"></td>
</tr>
...
</table>
</div>
...
</body>
</html>

jyd
mercredi 7 avril 2010 à 09:30:15 | Re : Procédure qui ne veut pas s'exécuter. Pourquoi ?

Zobibol

Membre Club
Réponse acceptée !
Bonjour, le problème est du au fait que la variable : ancimgUrl n'est pas définie (enfin, avec ce que vous nous avez donner).
Après correction (enfin, si on peu dire) on obtient un code qui ressemble pas mal à ça:
Code HTML :
<html>
<head>
<style>
</style>
<script type="text/javascript">
	var ancimgUrl = null;
	function zoomLon(imgUrl) {
	if (ancimgUrl != imgUrl) {
		alert("valeurs <>");
		ancimgUrl = imgUrl;
		var _img = document.getElementById("image_zoomL");
		_img.width = 351;
		_img.height = 234;
		_img.src = imgUrl;
		_img.alt = imgUrl;
		document.getElementById("zoomL").style.visibility = "visible";
	}
	else {
		alert("valeurs =");
	}
		alert("sortie de boucle");
	}
	function zoomLoff() {
		document.getElementById("image_zoomL").src = '';
		document.getElementById("zoomL").style.visibility = "hidden";
	}

</script>
</head>

<body>


<div id="zoomL"><img name="image_zoomL" width="351" height="234" id="image_zoomL"></div>
<div id="zoomH"><img name="image_zoomH" width="234" height="351" id="image_zoomH"></div>
<div id="photos">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0003.jpg')" src="travaux/20091010/DSC0003x150.jpg" width="150" height="100" onmouseout="zoomLoff()" alt="image1"/></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0005.jpg')" src="travaux/20091010/DSC0005x150.jpg" width="150" height="100" onmouseout="zoomLoff()" alt="image2"/></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0011.jpg')" src="travaux/20091010/DSC0011x150.jpg" width="150" height="100" onmouseout="zoomLoff()" alt="image3"/></td>
<td height="150">&nbsp;</td>
<td height="150" bgcolor="#CCCCCC" align="center"><img onmouseover="zoomLon('travaux/20091010/DSC0014.jpg')" src="travaux/20091010/DSC0014x150.jpg" width="150" height="100" onmouseout="zoomLoff()" alt="image4"/></td>
</tr>

</table>
</div>

</body>
</html>

pour tester (n'ayant pas les images), j'ai mis l'attribut alt (obligatoire sur une image).
Et maintenant, les alertes s'affichent (ie8, ff et chrome).
ensuite j'ai un peu optimiser les document.getElementById dans la méthode zoomLon.

Voilà




[o-_-o]
mercredi 7 avril 2010 à 13:27:18 | Re : Procédure qui ne veut pas s'exécuter. Pourquoi ?

jytest

Merci de ton aide.

jyd


Cette discussion est classée dans : alert, document, getelementbyid, imgurl, zooml

Répondre à ce message

Sujets en rapport avec ce message

boucle de test [ par jytest ] Bonjour, Je suis sous dreamweaver cs4. J'utilise une routine javascript : function zoomLon(imgUrl) { if (imagehover!=imgurl) { document.getElemen Calcul [ par dity ] DiTy AkA B@d Boµ Bonjour, je suis bloqué devant un travail... Je doit faire un calculateur en javascript, une page html & un fichier js pour exécute getElementById qui ne marche pas [ par chour03 ] Bonjour !pour faire simple, j'ai une page qui ressembleà ca :......alert(document.i tester champ formulaire [ par gabs77 ] j'ai fait un formulaire pour tester les champs mais il ne fonctionne que sur le champ statut et sur le champ degre de couleur je ne parviens pas a le Problème d'envoi de données [ par couicoui ] Bonjour, Je développe un site et j'utilise un XMLhttpRequest pour aller mettre à jour une table de ma base de données. Dans ma fonction javascript qui Pb document.GetElementById [ par jcex ] bonjour à tous je galère sur cette erreur depuis kk temps maintenant après plusieurs tests, j'en arrive à la conclusion qu'il doit s'agir du formatage probleme controle de saisie avec du javascript dans un formulaire html.php [ par suethi75 ] BonjourJe controle les champs obligatoires dans mon formulaire cependant cela ne marche pas.Voici mon code javascript: function verifForm(){  if (docu verifier un email avec onblur [ par arradakram ] bonjoursdabord j'ai un projet de verification d'un formulaire d'inscription, et j'ai un tout petit prob:la verification des champs se fait en cours al Javascript et Liste déroulante [ par ouzb ] Bonsoir a tous, j'ai besoin de votre aide.Je m'explique d'abord j'ai une liste deroulante alimenter depuis un table dans ma base de données. Au début Fonction avec boucle for qui ne marche pas [ par toons43 ] Bonjour à tous,J'ai un souci avec une fonction que j'ai crée, c'est une fonction qui me permet de zoomer des thumbnails (6 en tout) en changeant le co


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)