Btn1[.]a la valeur Null ou n'est pas un objet

Résolu

Ebou_Ljabal -
Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention - 27 juil. 2008 à 23:59

Bonjour,
J'ai besoin de vos consiels.
je débute en javascript. Je tente de faire marcher ce code :

        var cpt_btn=0;
	do{
		btn1[cpt_btn]=document.createElement("img");
		btn1[cpt_btn].src=btn[cpt_btn].src_out;
		btn1[cpt_btn].className=btn[cpt_btn].class_name;
		btn1[cpt_btn].alt=btn[cpt_btn].alt;
		btn1[cpt_btn].onmouseover=function (cpt_btn){btn1[cpt_btn].src=btn[cpt_btn].src_over;}
		btn1[cpt_btn].onmouseout=function (cpt_btn){btn1[cpt_btn].src=btn[cpt_btn].src_out;}
		btn1[cpt_btn].onclick=function (cpt_btn){document.location=(btn[cpt_btn].cible);}
		menu.appendChild(btn1[cpt_btn]);
		cpt_btn++;
	}while (cpt_btn<btn.length)

ce script ne marche ni dans FireFox ni dans IE. Dans IE je recois le message btn1[...] a lavaleur Null ou n'est pas un objet.
Par contre quand je le fait sans la boucle ça marche cad:

       btn1[0]=document.createElement("img");
	btn1[0].src=btn[0].src_out;
	btn1[0].className=btn[0].class_name;
	btn1[0].alt=btn[0].alt;
	btn1[0].onmouseover=function (){btn1[0].src=btn[0].src_over;}
	btn1[0].onmouseout=function (){btn1[0].src=btn[0].src_out;}
	btn1[0].onclick=function (){document.location=(btn[0].cible);}
	menu.appendChild(btn1[0]);
	
	btn1[1]=document.createElement("img");
	btn1[1].src=btn[1].src_out;
	btn1[1].className=btn[1].class_name;
	btn1[1].alt=btn[1].alt;
	btn1[1].onmouseover=function (){btn1[1].src=btn[1].src_over;}
	btn1[1].onmouseout=function (){btn1[1].src=btn[1].src_out;}
	btn1[1].onclick=function (){document.location=(btn[1].cible);}
	menu.appendChild(btn1[1]);
	
	btn1[2]=document.createElement("img");
	btn1[2].src=btn[2].src_out;
	btn1[2].className=btn[2].class_name;
	btn1[2].alt=btn[2].alt;
	btn1[2].onmouseover=function (){btn1[2].src=btn[2].src_over;}
	btn1[2].onmouseout=function (){btn1[2].src=btn[2].src_out;}
	btn1[2].onclick=function (){document.location=(btn[2].cible);}
	menu.appendChild(btn1[2]);
        .......
        .......

Je sais que le problème est dans le passage du compteur cpt_btn aux fonctions anonymes.
Je vous remercie d'avance.

Afficher la suite

A voir également:

Btn1[.]a la valeur Null ou n'est pas un objet
Vente objet occasion entre particulier - Guide
Identifier un objet à partir d'une photo - Guide
Logiciel gratuit calcul valeur nutritionnelle - Télécharger - Santé & Bien-être
Cette valeur ne correspond pas aux restrictions de validation des données pour cette cellule ✓ - Forum MacOS
Mesurer un objet - Guide

9 réponses

Réponse 1 / 9

el_linwin Messages postés 521 Date d'inscription Statut Membre Dernière intervention 90

Bonjour Ebnou_Ljabal,

Le problème vient de la variable cpt_btn pour la raison suivante. Quand les fonctions anonymes sont créées, ce n'est pas la valeur de cpt_btn qui est transmise au corps des fonctions, mais la référence de la variable.

En d'autres termes, les fonctions anonymes des boutons vont réagir selon la valeur de cpt_btn au moment de leur invocation, et non au moment de leur création. C'est pour ça que lorsque vous passez par des constantes, cela marche.

Cordialement,
el_linwin

Réponse 2 / 9

el_linwin Messages postés 521 Date d'inscription Statut Membre Dernière intervention 90

Bonjour Ebnou_Ljabal,

Je vous suggère ce code:

function action_onmouseover(e)
{ var cnt=0;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
while (e.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
btn1[cpt_btn].src=btn[cpt_btn].src_over;
}

function action_onmouseout(e)
{ var cnt=0;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
while (e.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
btn1[cpt_btn].src=btn[cpt_btn].src_out;
}

function action_onclick(e)
{ var cnt=0;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
while (e.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
document.location=(btn[cnt].cible);
}

var cpt_btn=0;
do{
btn1[cpt_btn]=document.createElement("img");
btn1[cpt_btn].src=btn[cpt_btn].src_out;
btn1[cpt_btn].className=btn[cpt_btn].class_name;
btn1[cpt_btn].alt=btn[cpt_btn].alt;
btn1[cpt_btn].onmouseover=action_onmouseover;
btn1[cpt_btn].onmouseout=action_onmouseout;
btn1[cpt_btn].onclick=action_onclick;
menu.appendChild(btn1[cpt_btn]);
cpt_btn++;
} while (cpt_btn<btn.length);

Cordialement,
el_linwin

Réponse 3 / 9

el_linwin Messages postés 521 Date d'inscription Statut Membre Dernière intervention 90

Bonsoir Ebnou_Ljabal,

En effet, le code que je propose n'est compatible qu'avec Netscape/Mozilla/Opera...
Voici la version 100% compatible (du moins, je l'espère):

function action_onmouseover(e)
{ var cnt=0;
if (!e) var e=window.event;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
if (e.target) code=e.target; else if (e.srcElement) code=e.srcElement;
while (code.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
btn1[cnt].src=btn[cnt].src_over;
}

function action_onmouseout(e)
{ var cnt=0;
if (!e) var e=window.event;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
if (e.target) code=e.target; else if (e.srcElement) code=e.srcElement;
while (code.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
btn1[cnt].src=btn[cnt].src_out;
}

function action_onclick(e)
{ var cnt=0;
if (!e) var e=window.event;
// Avec l'objet évènement récupéré dans 'e', on recherche le bouton concerné
if (e.target) code=e.target; else if (e.srcElement) code=e.srcElement;
while (code.target!=btn1[cnt]) cnt++;
// 'cnt' contient le numéro du bouton, on peut y aller
document.location=(btn[cnt].cible);
}

var cpt_btn=0;
do{
btn1[cpt_btn]=document.createElement("img");
btn1[cpt_btn].src=btn[cpt_btn].src_out;
btn1[cpt_btn].className=btn[cpt_btn].class_name;
btn1[cpt_btn].alt=btn[cpt_btn].alt;
btn1[cpt_btn].onmouseover=action_onmouseover;
if (btn1[cpt_btn].captureEvents) btn1[cpt_btn].captureEvents(Event.MouseOver);
btn1[cpt_btn].onmouseout=action_onmouseout;
if (btn1[cpt_btn].captureEvents) btn1[cpt_btn].captureEvents(Event.MouseOut);
btn1[cpt_btn].onclick=action_onclick;
if (btn1[cpt_btn].captureEvents) btn1[cpt_btn].captureEvents(Event.Click);
menu.appendChild(btn1[cpt_btn]);
cpt_btn++;
} while (cpt_btn<btn.length);

Cordialement,
el_linwin

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

Bonsoir,

Votre aide m'a était très utile.
Avec quelques petites modifications mon menu fonctionne très bien dans IE et gecko.

Je tiens à vous remercier infiniment.
Ebnou_Ljabal (Le montagnard)

Réponse 4 / 9

el_linwin Messages postés 521 Date d'inscription Statut Membre Dernière intervention 90

Bonjour Ebou_Ljabal,

Essayez dans votre boucle de formuler le code ainsi:

btn1[cpt_btn].onmouseover=function (){btn1[cpt_btn].src=btn[cpt_btn].src_over;}
btn1[cpt_btn].onmouseout=function (){btn1[cpt_btn].src=btn[cpt_btn].src_out;}
btn1[cpt_btn].onclick=function (){document.location=(btn[cpt_btn].cible);}

Cordialement,
el_linwin

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

Merci el_linwin.
En effet, c'est ce que j'ai utilisé en premier lieu(function() sans argument). Mais le résultat est le même. Et c'est après que j'ai introduis cpt_btn lors de l'appel de la fonction anonyme.

Réponse 6 / 9

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

Une petite précision, c'est juste les lignes :

btn1[cpt_btn].onmouseover=function (){btn1[cpt_btn].src=btn[cpt_btn].src_over;}
btn1[cpt_btn].onmouseout=function (){btn1[cpt_btn].src=btn[cpt_btn].src_out;}
btn1[cpt_btn].onclick=function (){document.location=(btn[cpt_btn].cible);}

qui ne marchent pas. Les autres instructions fonctionnent bien.

Réponse 7 / 9

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

J'ai bien compris.
Maintenant, comment dois-je faire pour que ça fonctionne??

Réponse 8 / 9

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

Merci Beaucoup el_linwin,
Votre code fonctionne bien dans FireFox.
Sauf que dans IE donne le message 'target' a la valeur Null ou n'est pas un objet.

Réponse 9 / 9

Ebnou_Ljabal Messages postés 18 Date d'inscription Statut Membre Dernière intervention 6

Bonsoir el_linwin,
ça marche !!
Merci infiniment. Que de temps gagné.
Heureusement que vous êtes là

Discussions similaires

Problème de restrictions

manon

additionner nombres dans cellules avec texte

Trouvez une valeur relative dans un tableau

EXCEL ne pas afficher #VALEUR

Votre réponse

Discussions similaires