Attribut Title invisible dans un SPAN

**Vow** · 19/09/2008, 10h47

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

) 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.

**le_chomeur** · 19/09/2008, 11h40

du code , du code ^^

sinon , dans la source , as tu :

Code :

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

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

si oui un exemple :

Code :

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

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

**Vow** · 19/09/2008, 12h12

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

).

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

Code HTML :

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
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 Javascript :

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

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

Les différents appels pour trouver TITLE :

Code Javascript :

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

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

En faisant :

Code Javascript :

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

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 HTML :

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

<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.

**le_chomeur** · 19/09/2008, 12h21

ç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 :

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
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é . . .

**Auteur** · 19/09/2008, 12h32

bonjour,

une chose me dérange dans ton code HTML :

Code :

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

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

[edit]grillé sur cette première partie

[/edit]

Code javascript :

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

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

euh... Plus simplement :

Code javascript :

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

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

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

**Vow** · 19/09/2008, 12h35

Euh, le code HTML n'est toujours pas de moi

Par contre la balise IMG est bien fermée

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

Merci quand même

Envoyé par Auteur

Code javascript :

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

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

euh... Plus simplement :

Code javascript :

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

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 ?

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

**Auteur** · 19/09/2008, 12h43

sinon vérifie que :

Code :

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

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

affiche SPAN

2 cas :

Ce code :

Code html :

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

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 html :

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

1
2
3
4
5
6
 
<body onload="alert(document.getElementById('machin').firstChild.tagName)">
 
<div id="machin"><span>coucou</span></div>
 
</body>

retournera SPAN

**Auteur** · 19/09/2008, 12h48

Envoyé par Vow

Une extension Firefox ne fonctionne que sur Firefox, non ?

oui logiquement.

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.

**le_chomeur** · 19/09/2008, 13h02

pourquoi tant de haine

**Bovino** · 19/09/2008, 13h06

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

Pourtant :

Code :

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

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 :

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

) 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...

**Vow** · 19/09/2008, 13h53

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

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

Envoyé par Auteur

sinon vérifie que :

Code :

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

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.

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.

Envoyé par le_chomeur

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.

**Auteur** · 19/09/2008, 14h40

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

Sinon FF m'affiche bien le contenu de title :

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

**Vow** · 19/09/2008, 15h19

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.

**denisC** · 19/09/2008, 17h01

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.

**le_chomeur** · 19/09/2008, 18h46

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

**Vow** · 19/09/2008, 23h18

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

**le_chomeur** · 20/09/2008, 09h14

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 ...

Attribut Title invisible dans un SPAN

JavaScript

Discussions similaires

Partager

Partager