Après de nombreuses recherches mais en vain, j'ai décidé de coder cette fonction qui permet de retourner le chemin XPath d'un élément html.

//@el élément HTML
function getXpath(el){

XPath = '/'+el.nodeName
+ (el.id?'[@id=\''+ el.id +'\']':(el.className?'[@class=\''+ el.className+'\']':''));

while(el.parentNode && el.parentNode.nodeName !== '#document')//on monte d'un élément à chaque itération
{
el = el.parentNode;
XPath = '/'
+ el.nodeName
+ (el.id?'[@id=\''+ el.id +'\']':(el.className?'[@class=\''+ el.className+'\']':''))
+ XPath;
}

return XPath.toLowerCase();
}

Si vous souhaitez retourner uniquement le chemin XPath de l'élément père, il suffit de remplacer cette ligne :

XPath = '/'+el.nodeName
+ (el.id?'[@id=\''+ el.id +'\']':(el.className?'[@class=\''+ el.className+'\']':''));

Par :

XPath = '';

 

Exemple d'utilisation pour une div ayant une valorisation de l'ID à post-845 :

alert(getXpath(document.getElementById('post-845')));
//retourne par exemple : /html/body/div/div[@id='page']/div[@id='content']/div[@id='post-845']

Testé sous Firefox 3, Chrome, IE7, IE8. Tout les chemins retournés jusqu'à présent ont été valide mais il est possible d'affiner la précision en spécifiant l'index de l'élément. C'est utile lorsque, par exemple, il existe plusieurs éléments enfants de même type pour un unique élément parent.

Bonjour, comme vous pouvez le voir, j'ai ajouté un nuage de tag sur mon blog. J'ai développé cela hier soir pour ma première initiation aux codes de templates de Blogger. Un peu dur au début, mais une fois les principales structures assimilée ça part tout seul.

Voici donc le code du widget à placer dans votre sidebar pour afficher ce nuage de tag.
Généralement il faut l'insérer après les lignes :
< id="'sidebar-wrapper'">
< class="'sidebar'" id="'sidebar'" preferred="'yes'">

Les tags sont basés sur les libellés que vous spécifiez pour chaque messages. J'ai mis 5 niveaux de tag mais il est très simple d'ajouter plus.
Les tags sont placés sur cette échelle : > 19 > 9 > 4 > 1 >

Il est très simple de modifier cette échelle, il vous suffit de remplacer les lignes du type :

< cond="data : label .count > 9" >

Et le tour est joué !

---

Hi, as you can see, I added a tag cloud on my blog. I developped it yesterday evening for my first blogger widget development. It was a little hard at first, but i've finished it !
Here is the blogger widget tag cloud code to insert in your sidebar in order to show the tag cloud.
You must copy this code after these line :
< id="'sidebar-wrapper'">
< class="'sidebar'" id="'sidebar'" preferred="'yes'">

Tags are based on labels that you specify when you post a message, they are showed with 5 levels (> 19 > 9 > 4 > 1 >) but you can add more if you want.

In order to change levels go to line like this :
< cond="data : label .count > 9" >

Et voila !

Plazu, l'application communautaire par excellence (du moins pour moi), s'exporte sur un interface client. En effet, hier dans la soirée, l'idée m'est venu de développer un interface en C# communiquant avec le serveur PHP en XML (Xml maison). 4 heures plus tard voici la première alpha :




Le but étant finalement de permettre à l'équipe de consulter sa boite mail même en étant hors ligne (ce qui n'arrive presque jamais) et d'avoir un accès rapide aux différentes fonctions du site.