[DOM] niveau expert...

CUCARACHA · 05/03/2006, 19h15

Salut,

Je veux changer la valeur de l'index de la fonction appelée sur le click sur une image dont le id est currentCadre. Pource faire j'utilise l'instruction suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.document.getElementById(currentCadre).attributes["onclick"].value = "return cmdArt_onclick(" + i + ")"

Malheureusement, alors que ça marche très bien sous firefox, ça ne marche pas sous I.E.

J'ai plus l'habitude que ce soit le contraire...

Aurriez-vous une idée ?

D'avance merci,

Laurent Jordi

**Spack** · 06/03/2006, 04h26

Humm onclick est un evenement il n'est par conséquent pas gérer comme un attribut "normal" il faut utiliser les fonctions telles que getEvent() ou autres...

**SpaceFrog** · 06/03/2006, 08h56

il est vrai que IE et FFx n'acceptent pas la même syntaxe ... et mêem si la tienne est très originale ... ce n'est pas de cette façon que l'on gère les onclick...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
obj.onclik=function(){blablablabla}
obj.setAttribute('onclick',function(){blablablabal})

CUCARACHA · 06/03/2006, 09h24

Salut,

Merci beaucoup. J'avais trouvé cette syntaxe mais, comme on n'utilise pas une chaîne, je ne peut concaténer la valeur d'un paramètre que je dois absolument passer.

J'ai trouvé une solution de contournement mais j'aimerais bien savoir comment je peux passer une constante à la fonction, à moins de générer une fonction par cadre à traiter. Genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
obj.onclik=function(){monCadre_onclick(1)}

D'avance merci.

Laurent

**SpaceFrog** · 06/03/2006, 09h31

tu peux détailler un peu plus ton probème de passage de paramètre ?
je ne vois pas ce qui te gène ...

CUCARACHA · 06/03/2006, 09h49

je construit dynamiquement des divs. chacun d'entre eux comporte un petit bouton, en haut à gauche, qui permet d'accéder à un menu contextuel.

Lorsque l'on clique sur ce bouton, j'appelle une fonction monbouton_onclick(indexDuCadre).

Jusque là tout va bien.

Le problème apparaissait lorsque je devait supprimer un div. Du coup il me fallait renuméroter les divs pour la création d'un nouveau se fasse toujours à la fin et que les numéros se suivent sans trou.

J'ai donc développé un module qui renumérote correctement les cadres. C'est dans ce module que je devais corriger l'index passé au bouton pour qu'il corresponde bien au bon cadre...

Je sais que je pourrais utiliser max+1 mais je voulais faire une fonction propre. Maintenant,, bien que le problème soit réglé, je veux résoudre la problématique pour ma culture personnelle.

@+

Laurent Jordi

**SpaceFrog** · 06/03/2006, 10h08

c'est ce que je pensais ..
j'ai rencontré ce problème ...
attribution d'un onclick dans le quel tu dois passer un paramètre avec des objets crées dynamiquement ...

la solution se trouve dans l'attribution du paramètre directement à l'objet au moment de sa création ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type='text/javascript'>
function foo(){
for (i=0;i<10;i++){
       var MonDiv=document.createElement('DIV');
       MonDiv.innerHTML="div " +i;
       MonDiv.Indice="ici c'est le "+i
       MonDiv.onclick=function(){alert(this.Indice)}
       MonDiv.setAttribute("onclick",function(){alert(this.Indice)})
       document.body.appendChild(MonDiv);
       }
   }
</script>
 
 
</head>
 
<body onload="foo()">
</body>

CUCARACHA · 06/03/2006, 10h27

si je comprend bien ton code, le this est la source du click ?

Ma solution de contournement est plus simple, dans IE seulement, je reconstitue la chaîne outer HTML complète du bloc et je le remplace.

monCadre.childNode[0].outerHTML = monNouveauOuterHTML

ça marche parfaitement. Evidemment, comme sous FF le outerHTML n'existe pas j'ai du faire deux codes distincts mais c'est acceptable compte tenu de l'importance de cette fonctionnalité.

Bien à toi

Laurent

**SpaceFrog** · 06/03/2006, 10h31

Oui le this est le div et ayant ajouté un objet au div (Indice)

Le click prend l'indice du div clické ...

CUCARACHA · 06/03/2006, 11h08

Bon je met le résolu, je pense que nous avons fait le tour...

Merci pour ton aide

Laurent Jordi

**SpaceFrog** · 06/03/2006, 11h15

il me parait assez contradictoire de mettre en objet DOM niveau expert et de conclure avec un outerHMTL

CUCARACHA · 06/03/2006, 11h51

Ok ok mais je ne peux pas passer 15heures pour une toute petite fonction de mon back office, sinon mon appli ne sera pas terminée avant 15 ans...

[DOM] niveau expert...

JavaScript

Vue hybride

Discussions similaires

Partager

Partager