Communes en surbrillance ... pour Edoc

franck -  
 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 ?

16 réponses

Utilisateur anonyme
 
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 !!!
0
franck
 
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 ...?
0
Utilisateur anonyme
 
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 !
0
franck
 
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>
0
franck
 
peux tu me dire ce que tu en penses ?
0
Utilisateur anonyme
 
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.

;-)
0
franck
 
oui j'ai bien un petit carré blanc avec "carte" dessus et pourtant la carte existe bien dans le dossier (tout comme ma premiere page web d'ailleurs...)
les communes aussi apparaissent en petits carrés...
je comprends pas !
0
Utilisateur anonyme
 
é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 !
0
franck
 
je t'ai envoyé les fichiers !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
 
je t'ai répondu, tes images sont trop lourdes !
0
franck
 
j'ai réduit toutes mes images (les communes font entre 10 et 30 ko et la grille du Var env. 700 ko
mais c'est toujours pareil... tu es arrivé à les visionner toi .?
0
franck
 
9a ne marche toujours pas !
Peut etre dois je mettre ma carte vierge en arriere plan (Background) ?
0
Utilisateur anonyme
 
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" ?
0
franck
 
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 ...
0
Utilisateur anonyme
 
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)

;-)
0
franck
 
toujours pas l'adresse url est bonne mais : type de fichier, taille, créé le... non dispobible.
Je comprends pas ?
0
Utilisateur anonyme
 
et juste avec UNE image c pas bon ?
0
franck
 
pourtant mon premier modele (celui que j'ai mis sur le site)fonctionne toujours... pourtant je compare ... les fichiers sont similaires ...
0
Utilisateur anonyme
 
tu veux me renvoyer tes fichiers ?

(ps:pas toutes les imagss ;D
0
franck
 
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 ...?
0
Utilisateur anonyme
 
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.

;-)
0
franck
 
Salut Edoc ...Je les ai ouvertes et réenregistrée mais sur paint (et pas grim) ... elle n'apparaissent toujours pas sinon un carré...
0
Utilisateur anonyme
 
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 ! ]
0
franck
 
l'extesion est .gif, ton image marche mais je n'ai pas Grim ... je vais bien y arriver ...
Sinon je te souhaite de bonnes vacances et encore merci !!!!!!!
0
Utilisateur anonyme
 
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, ...)
0
franck
 
ca y est je crois que j'ai enfin compris je vais dans options des dossiers, types de fichiers, je select. GIF, MODIFIER (s'ouvre ...avec) et là j'obtiens l'image que tu m'as envoyé ... je vais tester et te tiens au courant .
0
franck
 
Et ... non ! toujours pareil
Tu ne veux par que je t'envoie le tout (3,8 Mo) ... ?
-1 fichier html
-1 carte du var que tu commence à connaitre
-2X153 communes dédoublées en 2 parties de couleurs différentes
0
Utilisateur anonyme
 
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 :)
0