Affichage title avec balise .attr

Affichage title avec balise .attr - HTML/CSS - Programmation

Marsh Posté le 12-07-2012 à 11:38:34    

Bonjour à tous,
 
J'ai créé grâce à la librairie JS "raphael" (http://raphaeljs.com/) une carte de ma région avec chaque département cliquable. J'ai inséré sur le lien de chaque département une balise title. Au passage de la souris, ma balise title s'affiche correctement sur tous les navigateurs sauf Internet Explorer 9 (ok sous IE 8) !
J'ai testé 2 bout de code différents :
 
1er :

Code :
  1. fr.departement65 = paper.path("M 179.21875,428.53125 L 177.28125,429.5625 L 177.625,429.59375 L 180.9375,435.0625 L 178.78125,437.03125 L 180.34375,439.375 L 182.6875,442.875 L 180.75,445.40625 L 177.625,452.4375 L 172.34375,456.9375 L 173.71875,459.6875 L 172.53125,460.46875 L 169.625,459.875 L 168.8125,466.3125 L 167.25,467.5 L 166.9375,471.53125 L 167.4375,471.25 L 170.75,473.21875 L 174.65625,476.15625 L 175.03125,478.5 L 178.15625,481.03125 L 180.71875,481.03125 L 187.15625,478.28125 L 189.875,481.40625 L 193.59375,482.40625 L 194.96875,480.0625 L 196.71875,480.84375 L 200.5,481.09375 L 200.25,470.59375 L 202.21875,470.59375 L 203.96875,471.46875 L 205.21875,470.25 L 205.03125,468.3125 L 207.5,466.875 L 206.625,463.1875 L 205.5625,462.28125 L 203.4375,463 L 204.5,461.21875 L 203.96875,458.9375 L 200.78125,456.625 L 200.96875,455.03125 L 202.75,452.03125 L 205.03125,451.15625 L 205.03125,449.90625 L 206.4375,447.78125 L 207.375,446.46875 L 203.8125,444.625 L 199.03125,444.625 L 198.3125,443.1875 L 195.84375,443.1875 L 195.125,441.59375 L 192.84375,441.59375 L 192.125,442.3125 L 189.46875,442.3125 L 189.3125,440.71875 L 187.1875,439.3125 L 187.90625,438.59375 L 188.25,436.84375 L 187.71875,436.3125 L 186.65625,433.46875 L 184.34375,433.125 L 182.0625,431.875 L 182.21875,428.53125 L 179.21875,428.53125 z " ).attr("title", "Hautes-Pyrénées (65)" ).attr("alt", "Hautes-Pyrénées (65)" ).attr({href: 'http://www.monsite.fr'});


 
2ème :

Code :
  1. fr.departement65 = paper.path("M 179.21875,428.53125 L 177.28125,429.5625 L 177.625,429.59375 L 180.9375,435.0625 L 178.78125,437.03125 L 180.34375,439.375 L 182.6875,442.875 L 180.75,445.40625 L 177.625,452.4375 L 172.34375,456.9375 L 173.71875,459.6875 L 172.53125,460.46875 L 169.625,459.875 L 168.8125,466.3125 L 167.25,467.5 L 166.9375,471.53125 L 167.4375,471.25 L 170.75,473.21875 L 174.65625,476.15625 L 175.03125,478.5 L 178.15625,481.03125 L 180.71875,481.03125 L 187.15625,478.28125 L 189.875,481.40625 L 193.59375,482.40625 L 194.96875,480.0625 L 196.71875,480.84375 L 200.5,481.09375 L 200.25,470.59375 L 202.21875,470.59375 L 203.96875,471.46875 L 205.21875,470.25 L 205.03125,468.3125 L 207.5,466.875 L 206.625,463.1875 L 205.5625,462.28125 L 203.4375,463 L 204.5,461.21875 L 203.96875,458.9375 L 200.78125,456.625 L 200.96875,455.03125 L 202.75,452.03125 L 205.03125,451.15625 L 205.03125,449.90625 L 206.4375,447.78125 L 207.375,446.46875 L 203.8125,444.625 L 199.03125,444.625 L 198.3125,443.1875 L 195.84375,443.1875 L 195.125,441.59375 L 192.84375,441.59375 L 192.125,442.3125 L 189.46875,442.3125 L 189.3125,440.71875 L 187.1875,439.3125 L 187.90625,438.59375 L 188.25,436.84375 L 187.71875,436.3125 L 186.65625,433.46875 L 184.34375,433.125 L 182.0625,431.875 L 182.21875,428.53125 L 179.21875,428.53125 z " ).attr({href: "http://www.monsite.fr", title: "Hautes-Pyrénées (65)", alt: "Hautes-Pyrénées (65)"});


 
Auriez-vous une solution ou des pistes à me proposer ?
 
Merci d'avance.

Reply

Marsh Posté le 12-07-2012 à 11:38:34   

Reply

Marsh Posté le 12-07-2012 à 12:47:57    

à part dire que ton pb prouve une nouvelle fois qu'IE c'est de m... ? :o
 
Tu peux essayer de "simuler" title avec la lib JS Tooltip...

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 12-07-2012 à 16:48:56    

rufo a écrit :

à part dire que ton pb prouve une nouvelle fois qu'IE c'est de m... ? :o
 
Tu peux essayer de "simuler" title avec la lib JS Tooltip...


 
J'ai inséré la lib et le pb est tjr le même, ça fonctionne partout sauf sur IE 9. C'est désespérant... :(  

Reply

Marsh Posté le 13-07-2012 à 13:02:02    

http://ljouanneau.com/softs/javascript/tooltip.php
 
T'as rajouté les onmouseover et onmouseout sur tes balises html pour faire afficher/cacher le contenu du title?

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 16-07-2012 à 09:18:32    

rufo a écrit :

http://ljouanneau.com/softs/javascript/tooltip.php
 
T'as rajouté les onmouseover et onmouseout sur tes balises html pour faire afficher/cacher le contenu du title?


 
Oui, j'ai rajouté le code qu'il faut mais rien ne fonctionne. Je suis donc passé par une solution alternative. Vu que ça fonctionne sous IE8, j'ai ajouté cette ligne dans mon head :

Code :
  1. <meta http-equiv="X-UA-Compatible" content="IE=8" />

et c'est maintenant ok sous IE9.
 
Merci pour ton aide.


Message édité par Antho03 le 16-07-2012 à 09:18:57
Reply

Marsh Posté le 16-07-2012 à 09:23:38    

Marrant, c'est le même genre de "patch" qu'il faut mettre sur Magento (outil de e-commercer en GPL) pour qu'il fonctionne sous IE9 alors qu'il n'y a aucun pb avec les autres navigateurs :/ Il a l'air encore bien pourrave cet IE9...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed