Discussion :

[Just]

Bonjour!

J'espère que vous allez toutes et tous très bien .

Alors voici ma problématique.

Le contexte:
Dans le cadre de la mise en place d'un système d'info bulle.
Un objet créé dynamiquement en fin de corp via JS comme ci-dessous:

Code :

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

1
2
3
4
5
6
7
8
9
var notreElement = document.createElement('div');
with (notreElement)
{
id='sonId';
style.position='absolute';
style.zIndex=10;
innerHTML='ceci est un texte';
}
elementBodyDuDocument.appendChild(notreElement);

Le problème:
Si j'attribues un script au onclick de cet élément comme ceci:

Code :

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

notreElement.onclick= function () { alert('test!'); };

J'obtiens bien la fonction en question... sauf qu'elle semble valable pour tout le document :s. Cad > où que je clique j'obtiens une alerte JS 'test!'. Alors que si je vérifie la "surface" de l'élément en question [en lui attribuant une couleur de fond par exemple] cet dernier ne couvre en aucun cas l'intégralité du document :s [tests réalisés sous FF1.5].

Mes questions:
- Est ce que j'attribue correctement la fonction à l'évènement onclick?
- Il y a t'il un paramétrage spécial une compatibilité ou autres à préciser?
- En bref, comment j'peux faire ?

Merci d'avance!

[Johnbob]

Bonjour

Peut-être comme ça:

Code :

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

document.getElementById("sonId").onclick = function() { alert("test !"); }

[Just]

Merci pour ta réponse rapide ^^!

Mais c'est innéficace :/. En effet cela revient au même.
La fonction getElementById retourne l'élément [l'objet pour ainsi dire] en l'identifiant via l'attribut ID.
Dans mon code je traite l'élément [l'objet ^^] directement.

Ca court toujours .

[SpaceFrog]

c'est dans la faq ou les codes source ça ...

tu le fais dans une boucle ?

fais un alert sur les propriétés de notreElement car à mon avis il ne pointe pas sur le bon objet ...

[Just]

Bonjour!

La réponse a été trouvée!

C'est le with qui met dedans :/. Mozilla n'aime pas apparament .
Il fonctionne très bien pour l'attribution de propriété à valeur "fixe" mais pas pour leur attribuer une fonction.

Il faut donc tout simplement sortir le onclick du with.

Bonne journée!