Communes en surbrillance ... pour Edoc

Fermé
franck - 24 mars 2005 à 19:03
 Utilisateur anonyme - 8 avril 2005 à 10:19
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
25 mars 2005 à 13:24
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
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
29 mars 2005 à 08:37
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
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
peux tu me dire ce que tu en penses ?
0
Utilisateur anonyme
31 mars 2005 à 12:38
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
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
31 mars 2005 à 13:06
é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
je t'ai envoyé les fichiers !
0

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

Posez votre question
Utilisateur anonyme
31 mars 2005 à 13:58
je t'ai répondu, tes images sont trop lourdes !
0
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
9a ne marche toujours pas !
Peut etre dois je mettre ma carte vierge en arriere plan (Background) ?
0
Utilisateur anonyme
1 avril 2005 à 10:12
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
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
1 avril 2005 à 12:46
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
toujours pas l'adresse url est bonne mais : type de fichier, taille, créé le... non dispobible.
Je comprends pas ?
0
Utilisateur anonyme
1 avril 2005 à 13:02
et juste avec UNE image c pas bon ?
0
pourtant mon premier modele (celui que j'ai mis sur le site)fonctionne toujours... pourtant je compare ... les fichiers sont similaires ...
0
Utilisateur anonyme
1 avril 2005 à 13:29
tu veux me renvoyer tes fichiers ?

(ps:pas toutes les imagss ;D
0
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
6 avril 2005 à 12:29
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
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
7 avril 2005 à 16:42
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
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
7 avril 2005 à 17:02
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
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
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
8 avril 2005 à 10:19
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