Communes en surbrillance ... pour Edoc
franck
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjours Edoc, je tiens avant tout à te remercier, ma page est sur les "pages perso de wanadoo"
http://perso.wanadoo.fr/communesduvar
Cependant j'ai trouvé le modèle parfait de ce qu'il me fallait au début.
si tu as un moment visite cette page :
http://www.petites-annonces.fr/pawebapp/jsp/nos_journaux/ListePublications.jsp
Que dois remplacer dans la source ?
http://perso.wanadoo.fr/communesduvar
Cependant j'ai trouvé le modèle parfait de ce qu'il me fallait au début.
si tu as un moment visite cette page :
http://www.petites-annonces.fr/pawebapp/jsp/nos_journaux/ListePublications.jsp
Que dois remplacer dans la source ?
16 réponses
-
Hello Franck
je trouve ta page très sympa ;-)
pour ton deuxième lien, la carte de France que tu as trouvée est une carte Flash, c'est-à-dire que ce n'est pas une image, mais un format bien spécifique qu'est le Flash .
A partir de là, il n'y a plus de rapport avec le javascript, si tu veux faire la même chose aussi bien il va te falloir apprendre le Flash.
De plus tu ne peux pas voir le code ... A voir !
-----
Mais pour faire la même chose simplement, tu peux toujours revenir à l'autre méthode qui consiste à coller des images de chaque région cote-à-cote ... mais ca va etre un boulot fou de tout découper !!!-
J'ai déjà tout découpé ... chaque commune est dans un fichier propre, le tout dans un fichier, puis je les ai dédoublées de couleur différetes (avec le nom dessus) et placées de meme dans un fichier propre. Puis j'ai la carte vierge sans rien dessus que les contours ...
tout est au format paint (.gif)
Je pense que le gros de boulo est fait ...non ...?
-
-
hello
alors pour chaque image, tu peux écrire qqchose dans le genre:
<div style='position:absolute; top:POSITION_HAUTpx; left:POSITION_DROITEpx; background-color:none; border:0px;'> <img href="IMAGE.gif" onMouseOver="this.src='IMAGE_OVER.gif' " onMouseOut="this.src='IMAGE.gif' "> </div>
Tu positionnes chaque région avec POSITION_HAUT et POSITION_DROITE ayant les coordonnées (comme avant) de l'image, coin haut-gauche.
Tu remplaces IMAGE.gif par le nom de l'image normale et IMAGE_OVER.gif par celle en surbrillance.
Bien sûr tu répêtes cela pour chaque image ;-)
bonne chance !-
bonjours edoc;.
voila je n'ai pas encore mis les cotes (seulement la premiere), mais je n'arrive pas à faire apparaitre la carte (1varblanc)
seuls 2 carrés blancs apparaissent dont un est noté "carte" !
voici le script
<html>
<head>
<title>Communes du département du Var</title>
</head>
<body>
<img border=0 src="1varblanc.gif" alt="carte" name="MonImage">
<div style='position:absolute; top:50px; left:300px; background-color:none; border:0px;'>
<img href="aiguines.gif" onMouseOver="this.src='ov_aiguines.gif' "
onMouseOut="this.src='aiguines.gif' ">
</div>
<div style='position:absolute; top:80px; left:3250px; background-color:none; border:0px;'>
<img href="ampus.gif" onMouseOver="this.src='ov_ampus.gif' "
onMouseOut="this.src='ampus.gif' ">
</div>
<div style='position:absolute; top:35px; left:280px; background-color:none; border:0px;'>
<img href="artignosc.gif" onMouseOver="this.src='ov_artignosc.gif' "
onMouseOut="this.src='artignos.gif' ">
</div>
<div style='position:absolute; top:50px; left:300px; background-color:none; border:0px;'>
<img href="aups.gif" onMouseOver="this.src='ov_aups.gif' "
onMouseOut="this.src='aups.gif' ">
</div>
<div style='position:absolute; top:50px; left:300px; background-color:none; border:0px;'>
<img href="bagnol.gif" onMouseOver="this.src='ov_bagnol.gif' "
onMouseOut="this.src='bagnol.gif' ">
</div>
............etc.....
</body>
</html> -
-
-
salut, me voilà .
j'ai regardé le code, et je l'ai testé (mais sans les images).
ça semble à peu près bon.
Si tu as un carré blanc avec marqué "carte" c'est que l'image ne peut pas etre chargée. (c'est le alt="carte" qui fait ça, qui veut dire alternatif)
Vérifie que ton image existe bien (1varblanc.gif) et qu'elle est toujours bien dans le meme répertoire que ton fichier html.
;-) -
étrange parce que j'ai mis une image moi aussi et ca marche.
si tu veux, tu peux -encore- m'envoyer par mail les images que je teste; ou alors tu mets ca directement sur ton site qu'on puisse voir le resultat ! -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
hello
je ne pense pas...
mais j'ai mis les dernieres images, elles sont passé, je les ait vues. Tu ne vois rien, meme pas l'image principale ?
essaie juste ce code, pour tester:
<html> <head> <title>Communes du département du Var</title> </head> <body> <img border=0 src="1.gif" alt="carte" name="MonImage"> </body> </html>
Est-ce bien déjà "1varblanc.gif" et non pas "1.gif" ? -
non ... toujours pas (j'ai renommé la carte V.gif ) ... pourtant je renomme le fichier bloc note (txt) en .html et j'ai toujours un petit carré blanc ...!
je crois que j'ai du oublié une étape ...!
Pourtant l'ancienne marche toujours ... -
es-tu sûr que ton fichier image est le bon (tjs la meme question dsl!)
tu fais bouton droit sur l'image (carré blanc !) et Prpriétés. tu regardes le nom et le chemin de cette image, pour voir si c'est correct.
sinon essaie d'actualiser ta fenetre (F5)
;-) -
toujours pas l'adresse url est bonne mais : type de fichier, taille, créé le... non dispobible.
Je comprends pas ? -
-
-
Je te remercie sincèrement Edoc...
Je crois comprendre parce qu'en fait cette image est une copie (copier/coller) de l'originale ... peut etre cela venait de ça ?
Mais en attendant ce sont mes petite images , celles de chaque communes qui font pareil !
et puis une petite précision .. l'image représente un carré et non pas une commune .... comment je vais faire ...? -
salut
euh je ne comprends pas tout.
Si toutes tes petites images ne marchent tjs pas, rouvre les et réenregistre-les par dessus.
Ce que j'ai fait, c'est que je les ait ouvertes avec The Gimp, et je les ai réenregistrées dans le format de l'extension (gif). apres ca marchait.
Donc tu peux tenter de refaire pareil !
---
pour la petite précision, si je comprends, tu n'as qu'à mettre en couleur seulement la partie concernée (commune) et laisser à l'identique le contour. Comme ca quand on passe dessus on croira qu'il n'y a que la commune qui change.
;-) -
mouais .. est ce que tu choisis bien le format et l'extension de l'image ?
L'image que je t'ai renvoyée marche -t-elle au fait ?
si oui c'est que ca veux dire que ton image n'est pas bonne (on tourne en rond on dirait, nan ? )
[ plus que demain avant mes vaances ! ] -
franchement tu devrais essayer un autre logiciel que Paint... Peut-etre qu'il convertit mal les images !
Il n'y a pas que The Gimp, mais je l'ai découvert il y a peu de temps et il gère tout plein d'extensiosns d'images . Et il n'est pas tres gros non plus.
Si tu ne trouves pas d'autre solution ...
---
ou alors essaie avec le format JPEG ( .jpg) en prenant soin de tout modifier (fichier html, ...) -
si tu veux, mais mets tout ca dans UN SEUL fichier zip stp.
je ne suis pas sur de pouvoir tester avant de partir, mais envoie moi les quand meme :)
