getProperty('title') retourne "null"

Version imprimable

18/01/2008, 12h42
pusse

getProperty('title') retourne "null"

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
18/01/2008, 12h50
SpaceFrog

à priori tu utilises une librairie ... prototype ?

Code:

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 ...
18/01/2008, 13h04
pusse

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 :D). 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
18/01/2008, 13h32
SpaceFrog

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

et l'infobulle apparait sous IE comme sous FFX
18/01/2008, 13h34
pusse

Une idee alors ? car j'avoue que je comprend pas pourquoi il me recupere tous mes autres attributs sauf celui-ci
18/01/2008, 13h37
le_chomeur

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 :) ...
18/01/2008, 13h40
pusse

Qu'entend tu par tests simples ?

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

Code:

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>

genre :

Code:

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>

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:

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}

18/01/2008, 13h50
pusse

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
18/01/2008, 13h52
le_chomeur

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 :)
18/01/2008, 13h55
pusse

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
18/01/2008, 13h56
SpaceFrog

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

essaye sans br !
18/01/2008, 14h00
pusse

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

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

Code:

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 :oops: )

[EDIT]

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

Code:

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

18/01/2008, 14h03
SpaceFrog

oui mais pas de br dans un attrib title !!!
18/01/2008, 14h14
SpaceFrog

Et tu fais direct:

Code:

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

il te dit quoi ?
18/01/2008, 14h17
pusse

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.
18/01/2008, 14h21
le_chomeur

pourrais tu poster le bout de code généré par le php ?
18/01/2008, 14h22
SpaceFrog

a priori le className n'a rien à voir avec le title, je dirais que c'est motools qui te joue des tours ...
as tu essaye de passer en javascript simple et pas en prototype ...comme je t'ai donné précédemment
18/01/2008, 14h26
pusse

Non cela ne sera pas necessaire car je viens de decouvrir kkchose d'autre. cela vient du nom de la class. car en la remettant en place et en changeant son nom tout fonctionne.

je vais donc simplement changer de nom de classes;

En tout cas merci à vous 2 pour le temps passé sur mon probleme.
18/01/2008, 14h27
le_chomeur

de rien bonne continuation :)
18/01/2008, 14h29
SpaceFrog

appelle l'agent Mulder ...
18/01/2008, 14h41
pusse

entre nous jprefererai appeler scully
18/01/2008, 14h46
SpaceFrog

Ha non Mulder c'est mieux ....

Citation:

Mulder ... si je t'attrappes si je t'attrappes je te mords
18/01/2008, 15h18
dingoth

T'es sûr qu'il faut utiliser la méthode getProperty et pas getAttribute (ou autre) ? Parce que sémantiquement parlant, id, class, title, etc. sont des attributs et non des propriétés.
18/01/2008, 15h23
Bezout

C'est quoi l'interet de tout ce bazard alors que comme le dit spaceforg un

Code:

document.getElementById('ton_id').title

est largement suffisant ?