Attribut Title invisible dans un SPAN

Bonjour

Je vais essayer d'expliquer un peu mieux mon soucis que ce que mon titre.
Je développe une petite fonction pour une extension Firefox et j'ai besoin de récupérer (et voire peut-être modifier, on verra plus tard) l'attribut TITLE d'une balise SPAN précise. Sauf que cet attribut a l'air inexistant, ce qui ne l'est pas en regardant le code JS de la page en question.

J'accède bien à la balise en question (j'ai vérifié avec la méthôde innerHTML), mais le seul attribut trouvé est la classe.
J'ai essayé de plusieurs façons. Pour faire rapide : monSpan.title, monSpan.getAttribut("title"), monSpan.style.title et même en listant la liste des attributs du SPAN, il n'en trouve toujours qu'un : class.

Du coup, je me demandais s'il n'y avait pas "d'interférence" avec la classe en question (c'est un peu con, je sais, mais bon je deviens parano dans cette affaire :mouarf: ) ou mooTools qui est utilisé dans cette page.

Quelqu'un pourrait m'aider, s'il vous plaît ?
Peut-être que la grenouille va sauter à mon aide ;)

Merci d'avance.

PS : J'ai bien lu le forum, je pensais même avoir trouvé ma solution... mais non.

du code , du code ^^

sinon , dans la source , as tu :

Code:

---

<span title="un beau titre"></span>

---

si oui un exemple :

Code:

---

1 2	<span title="un beau titre" id="MaSpan"></span> <input type="button" value="voir le titre" onclick="alert(document.getElementById('MaSpan').title)" />

---

marche parfaitement :)

Tu m'obliges à modifier le code (top secret, obligé de tuer après :aie: ).

Alors, du côté de l'HTML (je n'en suis pas responsable, mais obligé de travailler avec), c'est quelquechose du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<div id="infoTruc"><span class="thisisatooltip" title="         <table>                 <tr id=infoTrucTr1>                         <td>Partie 1</td>                         <td>Partie 2</td>                         <td>Partie 3</td>                 </tr>                 <tr id=infoTrucTr2>                         <td colspan=3><hr id=infoTrucHr></td>                 </tr>         </table>         <table>                 <tr>                         <td>Partie 1</td>                         <td>Partie 2</td>                         <td>Partie 3</td>                 </tr>                 <tr>                         <td>Partie 1</td>                         <td colspan=2>Partie 2</td>                 </tr>         </table>         "><a href="lien.php?param1=2"><img src="image1.jpg" border="0"></a></span></div>

---

Quant au code JS, en premier lieu, je recherche l'élément SPAN :

Code:

---

var monSpan = window.content.document.getElementById("infoTruc").firstChild;

---

Les différents appels pour trouver TITLE :

Code:

---

1 2 3

alert(monSpan.title); // vide alert(monSpan.style.title); // vide alert(monSpan.getAttribute("title")); //vide

---

En faisant :

Code:

---

1 2 3 4 5 6

var atttt = monSpan.attributes; for (x = 0 ; x < atttt.length; x++) { alert (atttt[x].name + "->" + atttt[x].value); } alert ("Taille : " + atttt.length);

---

Je n'ai qu'un alert dans la boucle : "class->thisisatooltip". Et atttt.length vaut 1.

Et un alert( window.content.document.getElementById("infoTruc").innerHTML) retourne :

Code:

---

<span class="thisisatooltip"><a href="lien.php?param1=2"><img src="image1.jpg" border="0"></a></span>

---

Du coup, j'en suis venu à penser que ça venait de mooTools (utilisé dans la page HTML), puisqu'apparemment la classe "thisisatooltip" fait partie de cette lib JS.


PS : Je rappelle que le code JS est dans une extension Firefox.

:vomi::vomi::vomi::vomi::vomi::vomi:

ça c'est fait je m'excuse , je n'ai pas pu lire ton post en entier :)
la raison ceci dans la balise title :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

" <table> <tr id=infoTrucTr1> <td>Partie 1</td> <td>Partie 2</td> <td>Partie 3</td> </tr> <tr id=infoTrucTr2> <td colspan=3><hr id=infoTrucHr></td> </tr> </table> <table> <tr> <td>Partie 1</td> <td>Partie 2</td> <td>Partie 3</td> </tr> <tr> <td>Partie 1</td> <td colspan=2>Partie 2</td> </tr> </table> "><a href="lien.php?param1=2"><img src="image1.jpg"

---

STRICTEMENT interdit, la balise title n'est pas faite pour recevoir du code html et de plus ta dernière balise image n'est pas fermée ^^

utilise plutôt ton tableau de façon masqué . . .

bonjour,

une chose me dérange dans ton code HTML :

Code:

---

1 2 3 4 5

<div id="infoTruc"><span class="thisisatooltip" title=" <table> .... </table> ">

---

c'est une faute de frappe où la balise title contient du code HTML 8O
[edit]grillé sur cette première partie :aie:[/edit]

Code:

---

var monSpan = window.content.document.getElementById("infoTruc").firstChild;

---

euh... Plus simplement :

Code:

---

var monSpan = document.getElementById("infoTruc").firstChild;

---

ensuite le span n'est pas forcément le firstChild (cela va dépendre des navigateurs).

Euh, le code HTML n'est toujours pas de moi :aie:
Par contre la balise IMG est bien fermée :P Et je n'ai vu nulle part l'interdiction de mettre du code HTML dans l'attribut TITLE.

Merci quand même ;)

Citation:

---

Envoyé par Auteur

Code:

---

var monSpan = window.content.document.getElementById("infoTruc").firstChild;

---

euh... Plus simplement :

Code:

---

var monSpan = document.getElementById("infoTruc").firstChild;

---

ensuite le span n'est pas forcément le firstChild (cela va dépendre des navigateurs).

---

Une extension Firefox ne fonctionne que sur Firefox, non ? :P

Quoiqu'il en soit, que j'utilise firstChild ou getElementsByTagName("span"), ça revient au même ;)

sinon vérifie que :

Code:

---

alert(document.getElementById("infoTruc").firstChild.tagName);

---

affiche SPAN

2 cas :

• Ce code :
  
  Code:

  ---

  1 2 3 4 5 6 7 8

  <body onload="alert(document.getElementById('machin').firstChild.tagName)">   <div id="machin"> <span>coucou</span> </div>   </body>

  ---

  retournera undefined
  
• tandis que celui-ci (div et span sur la même ligne)
  
  Code:

  ---

  1 2 3 4 5 6

  <body onload="alert(document.getElementById('machin').firstChild.tagName)">   <div id="machin"><span>coucou</span></div>   </body>

  ---

  retournera SPAN

Citation:

---

Envoyé par Vow

Une extension Firefox ne fonctionne que sur Firefox, non ? :P

---

oui logiquement.

Citation:

---

Envoyé par Vow

Quoiqu'il en soit, que j'utilise firstChild ou getElementsByTagName("span"), ça revient au même ;)

---

non justement :
- firstChild renvoi le 1er noeud trouvé et ce n'est pas forcément un span.
- getElementsByTagName("span") renvoi un tableau de span contenus dans l'élément parent. Et les objets contenus dans ce tableau ne sont que des span.

:cry: pourquoi tant de haine

Citation:

---

Et je n'ai vu nulle part l'interdiction de mettre du code HTML dans l'attribut TITLE.

---

Pourtant :

Code:

---

1 2 3 4 5 6

<!ENTITY % coreattrs "id ID #IMPLIED -- document-wide unique id -- class CDATA #IMPLIED -- space-separated list of classes -- style %StyleSheet; #IMPLIED -- associated style info -- title %Text; #IMPLIED -- advisory title --" >

---

Est dans le DTD du html 4 ! (Source : W3C)

Ensuite :

Citation:

---

Quoiqu'il en soit, que j'utilise firstChild ou getElementsByTagName("span"), ça revient au même

---

Dans ton cas, effectivement le firstChild est bien le span, mais si l'auteur du (merveilleux :aie:) code décide un jour de mettre un retour chariot entre le div et le span... tu auras des soucis car le firstChild deviendra le retour chariot pour beaucoup de navigateurs...

Ah ok, je pensais que le code HTML faisait partie du %Text :oops:

En plus, y a une erreur de code dans les exemples de l'Auteur : il ne ferme pas le DIV (je taquine).

Citation:

---

Envoyé par Auteur

sinon vérifie que :

Code:

---

alert(document.getElementById("infoTruc").firstChild.tagName);

---

affiche SPAN

---

J'avais déjà essayé (parmi mes nombreux tests), et le tagName est bien SPAN :(
J'ai même testé, avec les Childs à partir du DIV puis du SPAN. Toujours rien.

Citation:

---

Envoyé par Auteur

non justement :
- firstChild renvoi le 1er noeud trouvé et ce n'est pas forcément un span.
- getElementsByTagName("span") renvoi un tableau de span contenus dans l'élément parent. Et les objets contenus dans ce tableau ne sont que des span.

---

Je m'étais mal exprimé : ce que je voulais dire, c'est que le résultat actuel était le même.

Citation:

---

Envoyé par le_chomeur

:cry: pourquoi tant de haine

---

Mais non, pas de haine, au contraire même ;)

Je pense que je vais laisser tomber, étant donné que je ne peux pas changer le code HTML.

Citation:

---

Envoyé par Vow

En plus, y a une erreur de code dans les exemples de l'Auteur : il ne ferme pas le DIV (je taquine).

---

ah oui tiens :aie:

Sinon FF m'affiche bien le contenu de title :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<body onload="alert(document.getElementById('infoTruc').firstChild.title)">   <div id="infoTruc"><span class="thisisatooltip" title=" <table> <tr id=infoTrucTr1> <td>Partie 1</td> <td>Partie 2</td> <td>Partie 3</td> </tr> <tr id=infoTrucTr2> <td colspan=3><hr id=infoTrucHr></td> </tr> </table> <table> <tr> <td>Partie 1</td> <td>Partie 2</td> <td>Partie 3</td> </tr> <tr> <td>Partie 1</td> <td colspan=2>Partie 2</td> </tr> </table> "></div>   </body>

---

peut-être que le problème vient de mooTools que tu utilises :question:

C'est ce que je me disais avant même de poster. On dirait qu'il efface le TITLE lors du chargement :?

En tout cas, je ne peux rien faire du côté de l'HTML et donc du mooTools :(

Merci quand même à tous.

Il vous a donné que la moitié des informations.

Le probleme vient de mootools qui supprime l'attribut title aprés le parsage de l'info-bulle au chargement de la page.

Sinon, personne n'a jamais interdit de mettre du HTML dans l'attribut title. Si on le considere comme du texte normal, c'est valide.
Personnellement, je prefere le mettre a coté, mais c'est pas la technique mootools.

Donc toujours est-il que le probleme provient du fait que l'attribut est détruit au chargement par mootools.

en quel honneur l'attribut title est t-il détruit par montool ???
aurais tu la portion de code incriminé ?

Non j'avais bien donné toutes les informations, j'avais bien parlé de mootools (à plusieurs reprises). Mais je ne savais pas que ça supprimait le TITLE, tu me l'as juste dit tout à l'heure.

Le code incriminé se trouverait donc dans mootools.
Par contre, j'ai du mal à capter comment mootools peut supprimer donc à la volée cet attribut et comment le TITLE peut fonctionner quand même ensuite :koi:

a mon avis s'il fonctionne ensuite il n'est pas supprimé ^^
tiens je n'ai jamais testé de supprimer un attribut d'un élément de base (une balise)

Bizare quand même cette affaire , rien que du code html dans un attribut ... :roll: