Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Bouton_activeProblème lien sur carte réactive en SVG et JS/HTML [RESOLU] Bouton_hoverProblème lien sur carte réactive en SVG et JS/HTML [RESOLU] Fb-hoverProblème lien sur carte réactive en SVG et JS/HTML [RESOLU] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyVen 03 Fév 2023, 17:22 par Krager

Le deal à ne pas rater :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Partagez
 

Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Bonjour,

Mon problème est à mon avis très simple, mais je ne parviens pas à le résoudre seule. J'ai cherché à suivre ce tuto : http://proov.fr/html/creer-une-carte-de-france-cliquable-en-html5-svg/

Malgré l'explication pour faire un lien sur chaque département, j'ai voulu essayé de le faire pour l'Ain & l'Aisne, mais rien à faire, ça ne fonctionne pas. Il ne se passe rien quand je clique. Voici le script concerné, où tout se passe :


(Sous hide)

La page en question :
(Sous hide)

Les titles des liens apparaissent bien, mais rien ne se passe quand on clique...

Merci d'avance pour l'aide apportée.


Dernière édition par Akya le Jeu 27 Mar 2014, 16:09, édité 3 fois
MessageSujet: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMer 19 Mar 2014, 16:03
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Je poste pour avoir accès au contenu sous hide (:
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMer 19 Mar 2014, 17:32
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
J'avais comme une intuition comme quoi ce serait toi qui me viendrait en aide. xD Merci beaucoup ! En espérant qu'on trouve une solution parce que depuis le temps où je suis dessus...
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyJeu 20 Mar 2014, 03:56
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Quand on regarde le code généré par je JS, pour l'Aisne on a à l'intérieur du SVG :

Code:

    <title>Aisne</title>
    <title>http://www.kittypaws.fr/eleveurs/aisne.php</title>

On 2 fois l'attribut title (à la fin). Je ne sais pas trop à quoi c'est du.
Essaye éventuellement comme ça :
Code:
fr.departement02.attr({title: 'Aisne'}).attr({href:"http://www.kittypaws.fr/eleveurs/aisne.php"});

J'ai vu ça dans le code de quelqu'un dans les commentaires.
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyJeu 20 Mar 2014, 06:48
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Waouh. Comment tu fais pour voir cette partie, déjà ?

En tout cas, ça ne change rien, malheureusement. :/
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyJeu 20 Mar 2014, 14:28
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Pour voir cette partie j'utilise l'inspecteur d'élément (sur Firefox : clic droit > examiner l'élément, sur Chrome clic droit > Inspecter l'élément). Sur Firefox j'ai installé Firebug avec lequel je suis plus à l'aise d'ailleurs.

Autre tentative, dans ton fichier raphael-min.js (http://www.kittypaws.fr/eleveurs/js/raphael-min.js) par celui ci : http://www.7h47.com/files/js/raphael-min.js

Tu avais la version 2.1.2 et sur le lien que je t'ai donné c'est la version 2.1.0... Chez moi mettre cette version là règle le problème Wink
Dis moi si cela t'aide (:
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyDim 23 Mar 2014, 12:30
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Ah d'accord !

Alors en effet, ça fonctionne désormais. C'est tout de même bizarre qu'une version plus ancienne fonctionne mieux qu'une version plus récente. Bon en tout cas, ça a l'air de fonctionner à merveille. Donc encore mille mercis pour ce coup de main, tu finis toujours par trouver une solution, c'est juste extra. J'aurais même pas penser à changer le fichier pour une version moins récente, donc merci !

Je te souhaite une bonne continuation, et peut être à bientôt, qui sait. ;P
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyDim 23 Mar 2014, 14:40
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
En fait, pour m'en apercevoir j'ai trouvé un site sur lequel les liens cliquable marchait. J'ai copié leur code Javascript, mais même comme cela ça ne marchait pas... Le seul élément qui différait était donc la version de Raphael.js.

En plus, le tuto est daté de 2011 Razz. Ca peut arriver que certaines fonctionnalités évolues et ne s'écrivent plus de la même manière, c'est pourquoi quand on prend un vieux tuto, parfois le problème vient simplement du fait que la librairie ai évoluée Wink

Bon courage pour ton site !
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyDim 23 Mar 2014, 19:26
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Bonsoir !

Oui, d'accord, je comprends mieux.

Quoiqu'il en soit, me revoici plus vite que prévu ! J'ai voulu faire le nécessaire pour que tout les liens soient reliés à leurs départements respectifs et... Ma carte a disparu.



J'ai bien fais attention à ce que les numéros des départements concordent bien avec leurs coordonnées de SVG et... plus rien. Ça me désespère. xD Si j'avais pu savoir que c'était si compliqué à mettre en place !  What a Face 
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyLun 24 Mar 2014, 16:04
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Vers le début de ton code tu as ceci :
Code:
fr.departement2A.attr({title: 'Corse-du-Sud'}).attr({href:"http://www.kittypaws.fr/eleveurs/corse-du-sud.php"});

Le problème se règle-t-il si tu mets "fr.departement2A" avec un a minuscule ? ("fr.departement2a")
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMar 25 Mar 2014, 14:34
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Non ça ne change rien. :/ J'ai même changer 2B et ça n'est pas ça.
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMar 25 Mar 2014, 15:45
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
En changeant 2a et 2b en même temps pour que cela soit en minuscule cela règle-t-il le problème ? (chez moi c'est bon après ça).

Si cela ne règle pas le problème, peux tu laisser en ligne une version avec 2a et 2b en minuscule s'il te plait, pour que je comprenne mieux d'où vient le problème Razz ?
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMar 25 Mar 2014, 17:42
Revenir en haut Aller en bas
http://milky-dream.web-rpg.org/forum.htm
Akya
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Autant pour moi, mon FTP avait mal fait le transfert. Ça fonctionne ! Merci encore une fois ! :3 Bonne continuation.
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] EmptyMer 26 Mar 2014, 05:04
Revenir en haut Aller en bas
Contenu sponsorisé




Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
MessageSujet: Re: Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]   Problème lien sur carte réactive en SVG et JS/HTML [RESOLU] Empty
Revenir en haut Aller en bas
 

Problème lien sur carte réactive en SVG et JS/HTML [RESOLU]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu] Problème de lien
» Problème tableau HTML [RESOLU]
» Problème Code Html pour le Profil [Résolu]
» [résolu]problème code html d'un systhème à onglets.
» Petit problème en lien avec la Chatbox et le reste du forum. [Résolu~]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit