Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2724 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage title avec balise .attr

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Affichage title avec balise .attr

n°2149105
Antho03
Posté le 12-07-2012 à 11:38:34  profilanswer
 

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.

mood
Publicité
Posté le 12-07-2012 à 11:38:34  profilanswer
 

n°2149109
rufo
Pas me confondre avec Lycos!
Posté le 12-07-2012 à 12:47:57  profilanswer
 

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


---------------
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
n°2149161
Antho03
Posté le 12-07-2012 à 16:48:56  profilanswer
 

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... :(  

n°2149233
rufo
Pas me confondre avec Lycos!
Posté le 13-07-2012 à 13:02:02  profilanswer
 

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?


---------------
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
n°2149443
Antho03
Posté le 16-07-2012 à 09:18:32  profilanswer
 

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
n°2149445
rufo
Pas me confondre avec Lycos!
Posté le 16-07-2012 à 09:23:38  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage title avec balise .attr

 

Sujets relatifs
Problème d'affichage - taille des borduresDétection et affichage suivant overflow
Concatenation de chaines d caracteres avec balise php Modifier une valeur pour l'affichage
Insertion checkbox dans page html et affichage valeurAccess 2010 - Affichage photo de chaque enregistrement en mosaique
Supprimer l'affichage de la barre de défilement verticaleaffichage .data .bss heap, ..
html balise embed plugin???[resolu] Nettoyer du code html pour enlever certaines balise inutiles
Plus de sujets relatifs à : Affichage title avec balise .attr


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR