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

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

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

Attribut Title invisible dans un SPAN

JavaScript

Vue hybride

Discussions similaires

Partager

Partager