Discussion :

[gege2061]

Bonjour,

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

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

Voici le code HTML :

Code html :

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

<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

[Matthieu2000]

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

[SpaceFrog]

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

essaye comme le dit matt:

Code :

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

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

[gege2061]

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

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

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

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

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
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];
}

[E.Bzz]

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

Code :

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

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+

[gege2061]

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 )

[Auteur]

bonjour,

regarde la fonction show() :

Code javascript :

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

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

Pour IE c'est autre chose :

Code javascript :

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

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,
}

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

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

[gege2061]

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

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

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

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

[SpaceFrog]

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

Code :

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

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