[POO] [IE] Erreur : Cet objet ne gère pas cette propriété ou cette méthode

Bonjour,

Je me retrouve avec une erreur, uniquement sous IE, dont je n'arrive pas à trouver la cause :

Citation:

---

Cet objet ne gère pas cette propriété ou cette méthode

---

Voici le code HTML :

Code:

---

<a href="#" onclick="tooltip.show (this, 'test')"><img src="images/preview.gif" /></a>

---

J'utilise ce code javascript : tooltip.js.

Je pense que c'est le tooltip.show qui lui déplaît mais en utilisant tooltip_show ça ne résoud pas le problème :(

essaie de mettre l'événement sur l'image!

la lib tooltip doit essayer d'attribuer un truc sur la balise a ...

essaye comme le dit matt:

Code:

---

1 2	<img src="images/preview.gif" onclick="tooltip.show (this, 'test')" style='cursor:pointer'/>

---

Citation:

---

Envoyé par Matthieu2000

essaie de mettre l'événement sur l'image!

---

C'est ce que j'ai fait au début, je pensais que IE ne géré pas l'événement onclick sur l'image, j'ai donc rajouté un lien :oops:

Citation:

---

Envoyé par SpaceFrog

la lib tooltip doit essayer d'attribuer un truc sur la balise a ...

---

Arf parce que l'erreur peut être dans le fichier js :triste:

La seule utilisation que je fait de l'élément c'est pour trouver sa position :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function findPos (obj) { var curleft = 0; var curtop = 0;   if (obj.offsetParent) { do { curleft += obj.offsetLeft; curtop += obj.offsetTop; } while (obj = obj.offsetParent); } return [curleft,curtop]; }

---

Oui, mais l'évènement sur l'<img> va poser problème à cause de ça dans le code du show() :

Code:

---

this._tooltipElement.innerHTML = text;

---

Si le this représente <img>, c'est mort pour le innerHTML.

Avec un <a href>, au moins ça passerait ...

Pour tester : tu as essayé avec le <a href> et sans img ?

A+

Citation:

---

Envoyé par E.Bzz

Si le this représente <img>, c'est mort pour le innerHTML.

---

Normalement le this représente l'objet tooltip et la propriété _tooltipElement est une div utilisée pour afficher le texte ;) Et dans ce cas là ça ne fonctionnerai pas sous Firefox (même pas un petit message dans la console JS :()

bonjour,

regarde la fonction show() :

Code:

---

1 2	this.moveTo (pos[0]-200, pos[1]);

---

Pourquoi -200 ?? Si ton objet est en haut à gauche tu as (x,y)=(0,0) (à peu de chose près) donc avec x-200 ton info-bulle se trouve en dehors de la page :aie:

Pour IE c'est autre chose :

Code:

---

1 2 3 4 5 6 7 8 9 10

var tooltip = { // setup properties of tooltip object id : "tooltip", offsetx : 10, offsety : 10, _x : 0, _y : 0, _tooltipElement:null, }

---

:fleche: IE ne gère pas cette syntaxe pour créer des objets. D'où cette erreur :

Citation:

---

Cet objet ne gère pas cette propriété ou cette méthode

---

pour lui l'objet tooltip et ses méthodes n'existent pas :aie:

Citation:

---

Envoyé par Auteur

Pourquoi -200 ?? Si ton objet est en haut à gauche tu as (x,y)=(0,0) (à peu de chose près) donc avec x-200 ton info-bulle se trouve en dehors de la page :aie:

---

C'est pour centrer l'info-bulle car justement elle est trop à gauche. Je m'amuserai à faire mieux après ;)

Citation:

---

Envoyé par Auteur

:fleche: IE ne gère pas cette syntaxe pour créer des objets. D'où cette erreur :

---

Le code d'origine n'est pas de moi, il est pourtant marqué compatible IE 8O

Je vais essayer de m'en passer, je vous tient au courant, merci :P

heu juste un truc si tu reste avec ton href ...

Code:

---

1 2	<a href="#" onclick="tooltip.show (this, 'test');return false;"><img src="images/preview.gif" /></a>

---

pour inhiber le href="#" qui équivaut à un rechargement de page