Auteur
Grafikart

78 Commentaires

Cb2cec3335d71e57c82f513a95b4ca10?s=200&r=pg&d=mm
Malli, 07-12-2014 14:45:00 - Répondre

Bonjour, serait il possible d'expliquer comment rendre cette map responsive ?? Merci

27dd7be98693d5251f6996d29a70daa4?s=200&r=pg&d=mm
PoBa, 07-08-2014 16:24:56 - Répondre

Bonjour,

Merci pour ce tuto, quelqu’un serait t'il comment associer une liste (nom région par ex. ) à cette map. Pour reprendre un peu le même fonctionnement que la map du site leboncoin.

Merci

D3762e6fab955488d1c5d6f5d6d65ef8?s=200&r=pg&d=mm
Carole, 07-07-2014 01:50:04 - Répondre

Bonjour et merci à Grafikart pour ce tuto.

Je l'ai suivi pas à pas et ça a été un vrai plaisir.
Toutefois, je n'arrive pas à comprendre pourquoi mes liens vers les autres pages ne fonctionnent pas.
Mon href dans l'area n'est pas du tout reconnu.
<area shape="poly" href="blabla.php" alt="Ile de France" coords="405,102,459,122,441,159,384,124,404,104" />
Y a-t-il quelque chose de particulier à savoir pour que les zones de la carte redirigent bien vers une autre page ?

Merci

472bd72a856a2bece70cab69d6d2af09?s=200&r=pg&d=mm
Blinks, 16-03-2014 13:06:15 - Répondre

Bonjour et merci pour ce tuto.

J'ai malgré tous rencontré une difficultée.
Lorsque je scroll ma page, les infobulles se décallent vers le bas et donc ne restent pas en place.
Un correctif existe-t-il ?
Navigateur : Chrome.

6bd18ad101ff2b492899155951eef04f?s=200&r=pg&d=mm
mouhcine18, 15-03-2014 14:06:38 - Répondre

Ce tuto est super d'autant plus que je commence en programmation. Je souhaiterais aller plus loin avec ce tuto mais je ne sais pas comment m'y prendre.
Alors le principe serait que lorsque je clique sur un département, un tableau s'afficherait avec des dates de livraisons.
Exemple :
le département 37 est livré tout les Jeudis de chaque mois. Lorsque l'internaute clique sur le departement 37, un tableau s'affiche à coté de la carte avec les dates de livraisons à savoir les jeudis 6,13,20 et 27 Mars.

Si quelqu'un pouvait éclairer ma lanterne je lui en serai très reconnaissant.
Merci d'avance.

6da26068e5625244ac4e8fcb9bc29f00?s=200&r=pg&d=mm
Jullien, 21-02-2014 16:13:43 - Répondre

Salut Jonathan,

Tout d'abord, un grand merci pour tes tutos, ils sont très bien réalisés et je suis un grand fan de ton travail. Ma question est relative à ton tuto sur la map interactive. J'ai suivi ta vidéo et réussi à faire le même rendu mais sur une mapmonde et donc sur des pays et non des régions, jusqu'ici pas de pb.
Mais je désire ajouter un comportement click afin de valider un pays et laisser celui-ci actif. J'ai bien testé d'ajouter une class active sur le selecteur .map area, sans succès. Il me manque un petit quelque chose pour la fonction mouseout et donc vérifier si .map area comporte une classe active, c'est là que je sèche...
Si tu as une piste à me donner je suis preneur, merci d'avance.

C454718d7541c61d6833f162a1f64b99?s=200&r=pg&d=mm
thierryraphael, 07-02-2014 19:05:15 - Répondre

Excellent tuto grace auquel j'ai pu développer une carte. Quelqu'un saurait il comment intégrer une fonction "Toogle" ? Quand on clique sur la région, elle reste en surbrillance, si l'on re-clique dessus, on revient à l'état initial ?
Merci !

F1d5830076a7c1fe9e71ba0543a8e9c7?s=200&r=pg&d=mm
tojoirinah, 03-02-2014 14:00:38 - Répondre

tutoriel très intuitif, merci bcp

Debc28b9e8030805966ebfe4eadb31ac?s=200&r=pg&d=mm
Alex59, 11-01-2014 01:51:02 - Répondre

très bon tuto :), très utile.

68373b42a4da1326dc1e90325d3c0aee?s=200&r=pg&d=mm
Bla21, 07-12-2013 15:55:58 - Répondre

en tant que non connaisseur, et kan je vous lis çà à lair si simple pour vous je cherche à faire depuis deux semaines un carte clikable mais rien jy arrive malgré bon nombre de tutos, si il y a un ou une volontaire pour mon site www.ar-demenagement.com je veu faire une carte de france dynamique cliquable par région et kan on clik sur la region les département apparaise pour y cliker à nouveau dessus à bon entendeur merci

98302a158e70ffe93ad777dc2ce7a4f7?s=200&r=pg&d=mm
kazma, 06-12-2013 17:35:45 - Répondre

pour ceux qui veules pas trop ce prendre la tete a cree les images

http://scriptevol.toile-libre.org/scriptsite/image_map/image_map_generateur.html

68373b42a4da1326dc1e90325d3c0aee?s=200&r=pg&d=mm
bla21, 07-12-2013 16:03:03 - Répondre

moi je ny connais rien si kelkun peut me faire ma carte dynamique de france clikable jen serai ravie

2e73ea07a7b253a94548150d25e43868?s=200&r=pg&d=mm
sniffle83, 19-11-2013 20:57:20 - Répondre

Bonjour,

Je trouve ce tuto top, mais j'ai un bug:
J'ai réalisé l'image :
- void.png
- map.png (renomé en sprites_carte_regions.png)

Ensuite j'ai fait les area avec l'outil "MccHTMLMapper"

Puis je commence a écrire le html, css, jquery en suivant le tuto à la lettre,
voici mon html:

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Démonstration de carte interactive</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="map">
<img src="void.png" width="537" height="609"/>
</div>
</body>

Mon css est le suivant:
.map{
width:537px;
height:609px;
background:url(sprites_carte_regions.png) left top no-repeat;
}

Voila je devrais avoir la carte d'affiché à l'écran et je n'ai rien
Enfin l'image map.png (renomé sprites_carte_regions.png) et cachée par void.png mais il n'est pas indiqué qu'il faille mettre des index à ce moment, de plus sur le tuto ca fonctionne :/

J'aurais besoin de vos lumières car j'aimerais vraiment finir ce tuto tres utile
Merci d'avance à tous =)

C1d3242f03936ab0a61a2bfb4de868ce?s=200&r=pg&d=mm
vidole, 26-11-2013 13:59:47 - Répondre

Salut, même probleme,
tu as trouvé la solution ???

037b7b49ed2af9cb3996efa841d3cfdb?s=200&r=pg&d=mm
kingteamdunet, 12-11-2013 23:06:14 - Répondre

bonsoir Grafikart

très beau Tutorial moi je recherche a créer une carte en flash pourriez-vous m'aider

j aimerais avoir le même effet comme sur leboncoin quand vous passer la sourie sur les régions ou quand vous passer la sourie sur la carte y a une couleur
merci

0c83536a16918ea22eb828bab1d366ce?s=200&r=pg&d=mm
Youness, 29-07-2013 19:40:49 - Répondre

Merci tres interessant, j'ai cree notre carte avec vos tutorial merci

2879a70c54a859b464c6fb928ba4d5c5?s=200&r=pg&d=mm
negreen, 28-07-2013 05:05:56 - Répondre

Bonjour,
j'ai reussi a faire ce tuto avec une toute petite amelioration; voir ici : http://public-annonce.com

J'ai remarque pas mal de bugs mais je compte continuer a ameliorer le code. C'est un tuto tres explicite et cool.

444a7aed5a54003a13c01a889288af3d?s=200&r=pg&d=mm
dnartreb, 27-07-2013 13:37:43 - Répondre

Génial !!! Merci Beaucoup

Ddd9bba8e17ede54c48976bc3a7796ac?s=200&r=pg&d=mm
Donut$, 10-06-2013 19:37:26 - Répondre

Est-il possible de réaliser une carte interactive, qui en cliquant sur certaine région afficherait un fichier PDF prédéfinis?

015aec0bac716cc2f955564d45a45ec8?s=200&r=pg&d=mm
Tomoe, 23-05-2013 23:58:31 - Répondre

Merci pour ce tuto et merci @Toro pour avoir donné des pistes pour faire avec plusieurs images.
Une question : maintenant que tout va bien, comment faire pour que cette carte soit responsive ?

183ae0694e9b543d519e301df770a8d5?s=200&r=pg&d=mm
Antho, 18-05-2013 12:09:55 - Répondre

Bonjour, je suis plus que débutant en la matière. Quels sont les logiciels utilisés, la démonstration et sous Windows ou Mac??
Je vais bientôt essayer de me lancer. si j'échoue connaissez-vous des entreprises sérieuses et pas trop cher qui pourraient faire ce travail de programmation.

Un grand merci pour le tuto.

4b3376fb5abbaa79c3ff25d31a704b29?s=200&r=pg&d=mm
Jessy, 18-04-2013 19:53:02 - Répondre

Bonjour, je vais poser une question de base là! Mais j'aimerais savoir comment ouvrir une page pour visionner concrètement l'évolution du code comme on peut le voir dans le tuto?
Je ne parle pas de LiveReload car au pire ça ne me dérange pas d'actualiser la page, mais déjà pouvoir ouvrir cette page en question!!
Merci

B788ccb29ef0e72a448c0a3c8b9375f6?s=200&r=pg&d=mm
Toro, 28-03-2013 23:57:21 - Répondre

Mes petites améliorations grâce à certains retours ici.
Comme j'ai une très grande carte, j'ai choisi de mettre une image par région :

Je centralise toutes les valeurs utiles dans la <map>. De cette façon, le tableau de valeurs javascript n'est plus utile et la map fonctionne même sans javascript.
<area data-regioncode="01" data-regionnom="Corse" shape="poly" coords="159,145,169,138,169,153,161,160,159,146" href="lienpageresultat.php?region=01">
<area data-regioncode="02" data-regionnom="PACA" etc

Pour le tooltip
var regioncode = $(this).attr('data-regioncode');
var regionnom = $(this).attr('data-regionnom');
$('.map .tooltip').html(regionnom).stop().fadeTo(200,0.6);
$('.map .overlay').css('background','url(map'+regioncode+'.png)'); //chaque région est dans un fichier du type map01.png, map02.png, etc

Et pour finir un preload pour être sûr que toutes les images s'afficheront sans délai
$('.map area').each(function(){
var regioncode = $(this).attr('data-regioncode');
$('<img/>')[0].src = 'map'+regioncode+'.png';
});

Il y a quelques ajustements à faire dans le javascript et le CSS mais je ne vais pas tout vous donner ;-)

68fc8eae6e5c8c01704a2e764f5b59f2?s=200&r=pg&d=mm
dijoux fred, 21-02-2013 20:17:07 - Répondre

J'apprecie se tutoriaux

7d03f094815bae0f6c372c0a2730fc1a?s=200&r=pg&d=mm
nico62, 17-01-2013 18:16:16 - Répondre

Bonjour,
merci pour le tuto, lors du clic sur Internet Explorer il y a un contour gris, comment puis-je l'enlever ?

Merci d'avance
Nicolas

1c9ea7ed396e67f35580bdb080b6ddb7?s=200&r=pg&d=mm
nadia1371, 14-12-2012 19:24:57 - Répondre

Bonjour; le tuto est super mais j'ai un probleme il ne me fait pas la couleur quand je passe sur les regions et pour la tooltip il ajoute mais sans plus ni la couleur de fond ni rien et quand je rajoute le code $(document).mousemove(function(e)
elle disparait totalement cela me fait plusieurs jours et je ne trouve pas de solution. Quelq'un peut m'aider??? et merci d'avance

C641cc668f95ce259627f3e4f4849fac?s=200&r=pg&d=mm
erouel13001, 13-12-2012 12:10:06 - Répondre

bjr merci pour la tutorial j'ai un petit souci concernant le propriétés( Z-index) de (.map . overlay) comment en peu afficher le div (.overlay) modifié malgré que son z-index reste "1" ?

D95f0c4de7d24724a5a3b597a8f2e0ec?s=200&r=pg&d=mm
Claw69, 28-11-2012 11:27:26 - Répondre

Bonjour! Pour apporter ma petite contribution, j'ai rencontré un souci d'affichage sur certains mobiles (en particulier Iphones) en l'occurrence ma carte de France n'apparaissait pas, alors qu'elle apparaissait sur tous les navigateurs PC, sur la plupart des OS mobiles SAUF donc iOS et certains mobiles Androïd.
J'ai fini par découvrir que le problème venait de la largeur de mon image (celle contenant MAP de France + toutes les régions), 12000px dans mon cas.
En effet j'ai fini par lire que de façon assez inexpliquée, certains "mobiles" (pour la faire courte) avaient parfois du mal à gérer ces images trop larges.
J'ai donc créé autant de fichiers que de régions + un pour la France, modifié un peu jQuery pour la technique du survol et magie... tout semble être réglé et en + je gagne en chargement de page!

7d03f094815bae0f6c372c0a2730fc1a?s=200&r=pg&d=mm
nico62, 17-01-2013 18:18:44 - Répondre

Bonjour,
serait-il possible de partager ton code ?
Cordialement
Nicolas

Eaf1d703faf4598bfd0292ba29291c14?s=200&r=pg&d=mm
leaWhy, 19-11-2012 12:02:57 - Répondre

Bonjour! Super tuto sauf que j'ai un gros souci ça fais deux jours que j'ai beau regarder mon code je ne trouve pas le petit truc qui fait que ça ne fonctionne pas!! Suis-je la seule à avoir eu ce problème?! Voici mon code au cas où si ça vous saute aux yeux que j'ai fais un méga truc qui ne va pas du tout! :D MERCI !

/!\ Edit: Merci de poster sur le forum

3a758e6397f237527db117c78a637aac?s=200&r=pg&d=mm
loic, 07-10-2012 21:23:58 - Répondre

Merci beaucoup pour ce tutoriel. En partant de ce tutoriel, je voudrais faire un jeu : donner le nom d'une région et le joueur doit cliquer sur la bonne zone. La réponse est peu etre déjà sur la site, je vais chercher ! En tout cas, merci !

9af9f3699ac04d86194176d303e0d8a6?s=200&r=pg&d=mm
ynach, 27-09-2012 18:59:08 - Répondre

Bonjour, étant débutant dans le domaine, je voudrais vous demander le nom de la plateforme utilisée pour saisir le code HTML.
Merci d'avance

27fddab3afa635bac104018dac5d91eb?s=200&r=pg&d=mm
franky, 31-08-2012 16:57:35 - Répondre

Super tuto, j'ai fait un plan intéractif pour mon boulot en 1h30 ! et je m'arrachai les cheveux sur la compatibilité IE et firefox, jusqu'a ce que je lise le com qui m'a mis le sourire jusqu'au oreilles : usemap="#Map"...merci encore pour le partage des conaissances...

7ae56c710511cfe2ca368c0213f3da64?s=200&r=pg&d=mm
youyou, 27-06-2012 20:02:38 - Répondre

comment je peut mettre des valeurs ou des textes toujours afficher sur les regions de ma carte

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Jeannot, 25-07-2012 19:26:33 - Répondre

prendre une image de la carte de france avec le noms des regions deja ecrites dessus par exemple.

03b8b941d72d8092921b76af8b77cbe1?s=200&r=pg&d=mm
adrien, 27-05-2012 02:56:29 - Répondre

super tuto !!!
Il y a petit pb, lorsqu' on scroll un peu une page le "tooltip" qui suit la souris se décale bcp trop vers le bas...
Comment pourrait on gérer le positionnement avec le scrol de la page ?

Pouvez-vois m'aider ?
D'avance, je vous remercie

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Jim, 08-06-2012 18:55:59 - Répondre

En effet, si quelqu'un avait une aide pour ce problème ?
Merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
jeannot, 11-07-2012 17:28:52 - Répondre

il faut juste rajouter $(this).scrollTop() dans : top:e.pageY-$('.map .tooltip').height()-10
cela donne :
top:e.pageY-$('.map .tooltip').height()-10-$(this).scrollTop(),

Sinon tres bon tuto.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Jim, 18-07-2012 15:44:28 - Répondre

Merci beaucoup Jeannot ;)

03b8b941d72d8092921b76af8b77cbe1?s=200&r=pg&d=mm
igotzepower, 14-05-2012 19:37:29 - Répondre

bonjour,

Super tutoriel ! Malheureusement il ne marche pas sous ie6 et j'aimerais comprendre pourquoi... Bien évidemment j'ai modifié toutes les img.png en gif afin de gérer la transparence. Je pense qu'il y a un pb sur le mouseover, car lorsque je passe la souris sur une des zones, l'image ne vient pas s'afficher.

Est-ce qu'une personne pourrait m'aider; s'il vous plait :)

721044c667209849e8ae00357a7cbd5b?s=200&r=pg&d=mm
ludo31, 27-04-2012 18:55:23 - Répondre

moi mon problème c'est que sans doute le overlay passe en dessus de l'image cliquable et du coup dès que j'insère les background l'image n'est plus cliquable quelqu'un a une solution j'ai évoqué le problème ici :

http://www.developpez.net/forums/d1214839/webmasters-developpement-web/javascript/bibliotheques-frameworks/jquery/probleme-rendre-carte-cliquable/#post6648578

144441ab772728b0663d670eb809f55e?s=200&r=pg&d=mm
Badlink, 20-04-2012 03:29:10 - Répondre

Bonjour,

Je me demandais si quelqu'un avait une idée de comment faire pour mettre plusieurs cartes interactives l'une à la suite de l'autre ???

Merci d'avance :D

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
eBadlink, 21-02-2012 16:30:16 - Répondre

Waaa !

Merci de me sauver la vie ! Dire que je galère depuis deux jours à refaire la carte de l’Espagne... Et bien sur rien ne va... Grâce à se super tuto en 1-2h c'est expédié !

Encore merci :D

721044c667209849e8ae00357a7cbd5b?s=200&r=pg&d=mm
ludo31, 08-02-2012 14:32:20 - Répondre

depuis longtemps j'étais curieux de voir comment ils ont fait les gars pour le même système sur le bon coin et ici j'ai trouvé la réponse encore merci !!
mais juste que t'aurai dû expliquer bcp plus les démarches sur photoshop et Dreamweaver
mais le tuto est comme d'hab meilleur

Abb3a75f9c41e4fd706e3490ae7cd6a2?s=200&r=pg&d=mm
nico, 05-02-2012 20:59:16 - Répondre

Bonjour, je voudrais savoir si quelqu'un a déjà suivit ce tuto et essayé de l'adapter pour découper la carte en département plutôt qu'en régions ? Moi j'ai essayé mais mon fichier photoshop est devenu tellement gros que je ne pas enregistrer l'image. Pouvez-vous m'aider ?

234e70a5035fbd872ca21864fe8daba8?s=200&r=pg&d=mm
Reda Makhchan, 06-03-2012 18:00:24 - Répondre

Oui pour les departements ca sera trop lourd (je pense) le width sera multiplier par 90 (nombre departements) :s

une idée/solution pour ce point !

Eecbbb7718b2b8e4ba0db8b34a478ae4?s=200&r=pg&d=mm
thqloz, 25-01-2012 12:29:23 - Répondre

Je sais que le tuto est un peu vieux, mais j'ai enfin trouvé quelque chose à redire :)

Je pense qu'on peut se passer du hash servant à lier le slug au nom de la région (ou du département dans mon cas).

Utilisant Mootools j'ai adapté ton tutoriel sans trop de problèmes mise à part que je ne me suis pas embarrassé de créer un hash pour lier le nom des départements, je balance le nom dans le alt, ou tout autre attribut de type data-*, et je le récupère tout simplement au survol.

Exemple :
$('.map area').mouseover(function()
{
$('.tooltip').text($(this).attr('alt'));
});

j'ai pas testé mais l'idée est la :)

5df6e498701805a20d13b7c53160761a?s=200&r=pg&d=mm
visipanoramic, 18-01-2012 17:07:21 - Répondre

Bonjour,

Super tutoriel, si on a plus de 25 régions sur la carte comment faire pour que cela fonctionne?

Si j'ajoute 26 région, l'over ne fonctionne plus.

Merci d'avance pour vos réponses.

8d24e196316e675bea0f40fe57a546d6?s=200&r=pg&d=mm
diabless6, 16-01-2012 21:13:48 - Répondre

Bon tuto.
Pour les personnes qui n'ont pas DreamWeaver, vous avez un logiciel gratuit et qui est vraiment très complet pour créer des AreaMap : Mcc HTML Mapper
Et il est made in France en plus, la cerise sur le gâteau :D

C4818120c2de49adcf26e1729d344285?s=200&r=pg&d=mm
elscorto, 06-12-2011 17:15:38 - Répondre

Merci Graf, par contre une petite question rapide: comment as-tu fait pour détourer aussi rapidement la région avec le lasso polygonal vers les 2min40? (y a une touche à appuyer?)
merci

57c80e1019756bb4a13ac84530c7d0b2?s=200&r=pg&d=mm
LegendPJ, 24-11-2011 16:02:18 - Répondre

Bonjour à tous,
j'ai un petit souci de taille moi...j'fais une map pour représenter beaucoup de salles d'un plan d'un bâtiment(de 15 à 45 salles), or l'image fait 950px de large (taille choisi par moi) et au delà de 30.000px l'image est trop "grande" pour photoshop du coup, seul moyen de l'enregistrer c'est en .tiff...or me faut du .png pour le site.
Le tiff conserve la transparence...or pour le passage du tiff au png, que ce soit avec gimp ou paint...pas d'conservation de transparence...:/
Donc j'suis un peu bloqué la...est ce que quelqu'un aurait une idée ?

Merci

19abfee84b1818e15f8695d5be45062b?s=200&r=pg&d=mm
Olivier C, 29-10-2011 13:39:33 - Répondre

C'est un bon tuto. Un bémol cependant : sur une image très grande (ce qui peut arriver pour une carte) l'image de base peut être très lourde. Mais il est vrai : avec quelques petites modif' ce n'est plus un problème, par contre il faut bien maîtriser la technique sprite. Position "absolute" pour la carte et "relative" pour les zones, c'est pour moi le plus important à retenir... Bien à vous

93bbfdade847bddced5e6b1300986243?s=200&r=pg&d=mm
Judi, 30-09-2011 18:28:12 - Répondre

C'est vraiment génial, je cherche à faire ce genre de chose pour un client.

Comment puis je rajouter une image à l'intérieur du tooltip?
J'ai testé pas mal de truc mais rien en va en faites, i need help, please.

701cdc5b6d777c4deeca1062e52e01e8?s=200&r=pg&d=mm
vic, 30-09-2011 14:35:03 - Répondre

Je voudrais faire cela pour les département de france en utilisant tes ressource je parvient à avoir un anime qui fonctionne mais dés que je dépassse le nombre d'area que tu a définis l'image ne bouge plus malgré que les zones soit clivable.
C'est graves ?? Avez vous une idées??
Merci

A9c4e185e3626f6529da7ec2024a322f?s=200&r=pg&d=mm
DRAKUN, 20-09-2011 17:37:46 - Répondre

Bonjour, J’aime faire un mapping d’une base de donnée SQL SERVER ( microsoft) et d’une base de donnée ORACLE, il parle de PDO_OCI et PDO_SQLSRV, que je n’ai pas bien compris, Vous voulez bien m’aider a bien comprendre et a pouvoir le mettre en place , Merci d’avance

52162a03df86454da6375449d4f4d8bc?s=200&r=pg&d=mm
Naotosan, 19-09-2011 23:20:50 - Répondre

Bravo pour ce tuto que je viens de découvrir et Merci!
J'ai un soucis lors d'un scroll de la page la div .tooltip est décalée par rapport à la souris : je n'arrive pas à récupérer les coordonnées de la souris en fonction du scroll! Peux tu m'aiguiller ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Naotosan, 20-09-2011 17:51:38 - Répondre

résolu avec scrollTop() ? merci

B7fb732297c95e697c5132e1c8281e03?s=200&r=pg&d=mm
Claudia Demers, 18-09-2011 15:09:58 - Répondre

Bonjour, il existe des solutions beaucoup plus facile que celle-ci, j'aimerais avoir vos commentaire sur celle-ci : http://www.fusioncharts.com/maps/

701cdc5b6d777c4deeca1062e52e01e8?s=200&r=pg&d=mm
vic, 05-09-2011 23:48:16 - Répondre

Super c'est exatctement ce que je rechechais. MERCI !
Je voudrais l'inscrire dans une page de Word pers quelque'un saurait me guider ?
A+

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
knyllp, 02-09-2011 13:51:29 - Répondre

super tuto !
d'une point de vue plus créatif,
le principe du cerveau j'ai beaucoup, http://biancamangels.com/about

16db72ea1e7b4b098d1f8ce46da878e9?s=200&r=pg&d=mm
xis, 27-08-2011 14:43:41 - Répondre

J'aime beaucoup ce nouveau design. Simple, sobre et esthétique. Bravo pour ce theme ;)

5ebe7c649b73a7102cd459d64110e2b3?s=200&r=pg&d=mm
lanzorg, 24-08-2011 21:53:28 - Répondre

Super tuto !

Pour quelles raisons as-tu reswitché sur Komodo IDE ?

1bb1896f00e0ebb983ce84b93b2e5646?s=200&r=pg&d=mm
GOUDET Valentin, 24-08-2011 18:58:41 - Répondre

C'est pas mal :)
Applicable à plusieurs système autre que celui de la carte donc ça peut être pas mal utilise :)

D9dfbe5b967fb3a98fb86051123c089e?s=200&r=pg&d=mm
Jean-Philippe, 23-08-2011 22:07:47 - Répondre

Ça me fait penser à mon tuto sur tuto.com... Je n'utilisais pas une carte de France mais une carte des quartiers de Bordeaux, le principe est le meme.

1
Grafikart, 24-08-2011 03:38:14 - Répondre

Ce tuto fait suite à la demande d'un de mes clients qui souhaitais avoir une map interactive de France et non pas par rapport à ton tuto comme tu as l'air de le penser.

Fbd5a31081c2f7685916db7047bf0137?s=200&r=pg&d=mm
magiar, 23-08-2011 20:00:59 - Répondre

Merci ce nouveau tuto qui répond à la question que je me posais depuis un certain temps ! ^^

9485693fdda7719fb3e227d6f06e1556?s=200&r=pg&d=mm
Création site Internet Avignon, 23-08-2011 19:31:43 - Répondre

Merci, juste ce que j'avais besoins !

Ac00ce8b5614b9a2e5d6b17347bc00ff?s=200&r=pg&d=mm
Devil, 23-08-2011 18:15:11 - Répondre

Super tuto, comme d'hab !

Qu’utilises-tu pour avoir un aperçu du code HTML en direct ?

PS : En passant, pour les coms', l'email est marqué facultatif mais je suis obligé de le mettre :/

57063c5746cd0eb591c5408789b96b47?s=200&r=pg&d=mm
kris, 23-08-2011 23:02:59 - Répondre

Pour rafraîchir en direct l'affichage, c'est Livereload. Mr Grafikart nous a fait un tuto dessus ! http://www.grafikart.fr/tutoriels/internet/livereload-133

6250
Nazahel, 23-08-2011 14:55:31 - Répondre

Merci pour ce tuto enrichissant :)

Petite remarque, pour la sélection de la largeur de la tooltip, on peut utiliser le .innerWidth qui prends en compte le width et le padding : <a href="http://api.jquery.com/innerWidth/">innerWidth</a>

Il existe aussi le .outerWidth qui tient compte en plus du border et du margin : <a href="http://api.jquery.com/outerWidth/">outerWidth</a>

773b4aa6e4d55500126f588ef1a9efe3?s=200&r=pg&d=mm
avatarvb, 23-08-2011 14:34:03 - Répondre

Vrement Utile :)

1
Grafikart, 23-08-2011 14:29:27 - Répondre

Une toute petite erreur s'est glissé sur le code il faut mettre usemap="#Map" au lieu de simplement Map.

C'est corrigé la démo MARCHE sur firefox maintenant.

45da4abf40d8d98945ba7fb81fa6c291?s=200&r=pg&d=mm
funpro, 23-08-2011 12:59:07 - Répondre

incompatible avec firefox !!!!!!!!!!!!!!!!!!!!!!!!
je vient de tester votre application sous FF aucun affichage de la survol de la carte mais
sous google Chrome s'affiche à la perfection ??????????????????????????????????????

63a91d763a1eae9b3789dc5d52784eef?s=200&r=pg&d=mm
PaulB319, 23-08-2011 12:56:48 - Répondre

Génial ! Se serait surement très utile dans la section des infos sur le compte.

6464af191c8bc1ac17147acef88dc26e?s=200&r=pg&d=mm
sc62, 23-08-2011 12:55:18 - Répondre

Info : Ne fonctionne pas sur Firefox 7 ....

B39eadb4a69b301084298f8ef913c628?s=200&r=pg&d=mm
kalagan, 23-08-2011 12:11:08 - Répondre

Super tuto , sa va mettre utile ;)!!

merci!

A7fa9af8599556d630e951ea827cd7c4?s=200&r=pg&d=mm
Pierre, 23-08-2011 11:58:54 - Répondre

La démo ne fonctionne pas sous firefox 6 mac.
Sous chrome et safari tout est ok ;)

503a1a26589d1ef4cd22db7fd258f729?s=200&r=pg&d=mm
romain25, 23-08-2011 11:40:41 - Répondre

Sympa mais j'aurai préféré que l'on continue le tutoriel sur l'iPhone/Android avec des accès json, etc..

Sinon beau boulot