getProperty('title') retourne "null"

**pusse** · 18/01/2008, 12h42

Bonjour a tous,

je viens vers vous car je suis face à un étrange problème (étrange pour moi mais pour d'autres aussi).

Dans un fichier .js, je cherche a afficher l'attribut title d'un div sous la forme

alert($(nomDivConteneurPage).getProperty('title'));

Ce qui est étrange, ce que lorsque je demande d'afficher d'autres attributs (comme la classe, l'id ...) tout se passe bien.

Quelqu'un aurait un idée ?

Merci d'avance à tous

**SpaceFrog** · 18/01/2008, 12h50

à priori tu utilises une librairie ... prototype ?

Code :

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

alert(alert($(nomDivConteneurPage).title);

est tu sur au moins que ta balise div ait un title ...

a priori un div ne devrait pas en avoir ...

**pusse** · 18/01/2008, 13h04

En fait j'utilise plutot la librairie mootools (qui me semble-t-il se base sur prototype).

Pour etre plus precis, j'utilise sur un div une des fonctions de mootools appelée tooltip qui permet d'afficher une infobulle (ou tooltip

). Ces tooltips se basent pour leur affichage sur la balise title de l'element auquel tu l'associe.

j'espere avoir été clair.

J'ai en parallele une autre question, est ce que de mettre un attribut title a un div est contraire au W3C ??

Merci

**SpaceFrog** · 18/01/2008, 13h32

contre toute attente (de ma part) mon validateur w3c en strict ne le retourne pas d'erreur ....
div accepte donc un title ...

et l'infobulle apparait sous IE comme sous FFX

**pusse** · 18/01/2008, 13h34

Une idee alors ? car j'avoue que je comprend pas pourquoi il me recupere tous mes autres attributs sauf celui-ci

**le_chomeur** · 18/01/2008, 13h37

Effectivement une div possède l'attribut title :

http://www.w3.org/TR/html401/struct/....html#edef-DIV

pour le reste de ton script il faudrait faire qqs test simple

...

**pusse** · 18/01/2008, 13h40

Qu'entend tu par tests simples ?

**SpaceFrog** · 18/01/2008, 13h42

Non pas d'idée particulière ...
le test suivant semble demontrer que cela devrait fonctioner ...
l'erreur doit être ailleurs ...

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
<title>Nouvelle page 1</title>
 
<script type="text/javascript">
 
function AlterLinks(){
var properties=""
var Obj=document.getElementById('one')
for(prop in Obj){
properties+=prop+" => "+Obj[prop]+"<br />";
}
document.getElementById('one').innerHTML=properties;
alert(document.getElementById('one').title);
}
 
</script>
</head>
 
<body onload="AlterLinks();">
<div id="one" title='coucou'>fff</div>
 
</body>
 
</html>

**le_chomeur** · 18/01/2008, 13h46

genre :

Code :

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

1
2
3
4
5
6
7
 
<div title="test de titre" id="toto">
du texte ici
</div>
<script type="text/javascript">
alert(document.getElementById('toto').title);
</script>

**pusse** · 18/01/2008, 13h49

Je vois pas trop je dois avouer, je vous donne tout ce que j'ai :

Dans mon fichier js :

alert($(nomDivConteneurPage).getProperty('title'));

Il est important de savoir que quand je remplace title par class ou id tout fonctionne.

Dans mon fichier .tpl :

Code :

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

1
2
3
4
5
6
7
{section name="page" loop=$lesSujets}
<div class="pageAdmin" id="div{$lesSujets[page].sujet}" {if $lesSujets[page].estLie==0}style="opacity: 0.30; filter:alpha(opacity=30);"{/if}  title="{$lesSujets[page].sujet}::cree le:{$lesSujets[page].creele};<br /> Modifie le: {$lesSujets[page].modifiele} ;<br /> Menus :{$lesSujets[page].tabMenus}" onmouseover="this.style.backgroundColor='grey'" onmouseout="this.style.backgroundColor='white'">
    <img class="imgPageAdmin" id="imgdiv{$lesSujets[page].sujet}" src="{copixurl}/img/tools/kpager.png" alt="page" />
    <a href="{copixurl}index.php?module=admin&amp;group=adminpages&amp;action=getpage&amp;sujet={$lesSujets[page].sujet}">{$lesSujets[page].sujet}</a>
    <img style="display:inline;margin-top:3px" src="{copixurl}img/tools/trash.png" alt="poub" onclick="suppPage('{$lesSujets[page].sujet}','div{$lesSujets[page].sujet}')" />
</div>
{/section}

**pusse** · 18/01/2008, 13h50

Reponse pour leChomeur :

Mon probleme ne vient pas de la puisque comme je le precise plus haut, si je change mon 'title' par 'class' par exemple, cela fonctionne

**le_chomeur** · 18/01/2008, 13h52

je crois avoir trouvé mais a vérifier :
la méthode "getProperty" utilise peut-être un tableau de propriété pour renvoyé celle utilisé en paramètre, essaye d'allez jusqu'à cette méthode

**pusse** · 18/01/2008, 13h55

Mais si il me renvoyait un tableau de données, il ne me retournerait pas "null" mais kkchose qui m'indiquerait qu'il s'agit d'un tableuau non ?

De plus cela n'expliquerai pas pourquoi cela ne fonctionne pas QU'AVEC title

**SpaceFrog** · 18/01/2008, 13h56

heu les br dans le title ça le fait pas !!!!!!

essaye sans br !

**pusse** · 18/01/2008, 14h00

Negatif !! meme si je remplace tout mon title par "AAAAA" il me retourne toujours true.

**le_chomeur** · 18/01/2008, 14h01

voila ce que je viens de trouver sur le site de mootools pour la méthode getProperty :

Code :

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

1
2
3
4
5
6
7
8
 
getProperty: function(property){ 
	 	                var index = Element.$attributes[property]; 
	 	                if (index) return this[index]; 
	 	                var flag = Element.$attributesIFlag[property] || 0; 
	 	                if (!Client.Engine.trident || flag) return this.getAttribute(property, flag); 
 	                var node = (this.attributes) ? this.attributes[property] : null; 
	 	                return (node) ? node.nodeValue : null;

elle peut retourner null ...
( j'ai pas décortiqué le code au dessus

)

[EDIT]

Pardon ! la nouvelle méthode utilisé par mootools ( l'autre est celle d'origine ! )

Code :

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

1
2
3
4
5
 
getProperty: function(attribute){ 
                var property = Element.Attributes.Properties[attribute]; 
	                var value = (property) ? this[property] : this.getAttribute(attribute); 
                return (Element.Attributes.Booleans[attribute]) ? !!value : value;

effectivement elle peut retourner un boolean

**SpaceFrog** · 18/01/2008, 14h03

oui mais pas de br dans un attrib title !!!

**SpaceFrog** · 18/01/2008, 14h14

Et tu fais direct:

Code :

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

alert(document.getElementById('ton_id').title)

il te dit quoi ?

**pusse** · 18/01/2008, 14h17

J'ai du nouveau messieurs !

Dans mon div du côté de mon tpl, il semblerait que ce soit le class="pageAdmin" qui pose problème car lorsque je l'enleve tout fonctionne correctement.

**le_chomeur** · 18/01/2008, 14h21

pourrais tu poster le bout de code généré par le php ?

getProperty('title') retourne "null"

JavaScript

Partager

Partager