Cartographie avec frames et javascript

**michel99** · 21/12/2006, 18h11

Bonjour à tous
Je travaille sur une application de cartographie interactive dont voici la maquette ( http://michel.blas.free.fr/prov/vale...07/essai11.htm )
J’ai utilisé des frames et du javascript et … je rencontre des problèmes
Ainsi ( voir la maquette ) j’arrive à afficher une croix sur une carte mais aussitôt la page htm suivante ‘écrase’ le résultat !
Cà ne doit pas être difficile à régler mais je jette l’éponge après une semaine de galère…
Autres problèmes aussi :
- J’arrive à afficher cette croix sur une carte … mais pas sur les autres cartes…
- Je cale aussi sur la façon d’afficher une carte (gif transparente) sur une carte existante
Les fichiers sont disponibles sur http://michel.blas.free.fr/prov/valenciennes07/ , le fichier de départ est essai11.htm qui comporte 2 frames : frame_gauche et menu
Quelqu’un peut-il m’aider ? merci d’avance… et Noyeux Joël !!!

**yusherboy** · 21/12/2006, 21h32

Bonsoir,

Pour le problème du menu qui écrase le résultat, rajoutes juste target="menu" dans ton lien. (le problème disparaîtra du coup de lui même quand tu auras remplacé le lien par un select).

Pour le problème de ta superposition de cartes, tu peux spécifier la position de l'élément <div> de manière absolue, et donc mettre des coordonnées identiques pour tes 2 cartes, et tu devras peut-être jouer avec le z-index pour dire quelle carte est au dessus.

Pour le problème de la croix sur une seule des cartes, je m'y mets dès que j'ai mangé.

**yusherboy** · 21/12/2006, 23h01

Heu... c'est censé marcher sur quelle carte?

**michel99** · 21/12/2006, 23h12

Merci de ta réponse...
Malheureusement je suis un peu largué ici car apparemment on ne joue pas au même niveau !
Tu me dis ' rajoutes target="menu" dans ton lien '
Concrètement : peux tu me donner l'endroit et la syntaxe exacte ?
Pour la superposition des cartes : peux-tu me donner une idée du script
Pour la carte : actuellement le script (déclenché par le lien Hopital) ne marche que sur la carte de départ ( carte_vide.htm)
Le but est que çà marche sur n'importe quelle carte...
J'ai bien répondu à ta question ?
Encore merci de ton aide car avec l'âge ... la vivacité d'esprit tend à disparaitre !!!

**michel99** · 21/12/2006, 23h22

Autant pour moi ...
Je viens de résoudre une partie de mes problèmes grace aà ton aide...
J'ai réussi à placer le ' target="menu" '...
Content je suis !
Par contre çà ne marche qu'avec " la carte vide "...
Avec les autres j'ai un message " parent.frames.0.document.all.cible.style à la valeur nulle etc etc "

**yusherboy** · 22/12/2006, 00h24

Pardon pour le peu d'explications que j'ai fourni, c'est vrai que j'y ai été sans trop d'explications, mais bon, tu semble t'en sortir pas trop mal (malgré l'age... non je rigole).

Toutefois, pour le lien, comme je le disais, une fois que tu aura remplacé ce lien par une liste déroulante, il n'y aura plus de cible, donc plus de problème.

Pour ce qui est des positions absolues et du z-index :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
<title>Positions absolues et z-index</title>
 
 
<script type="text/javascript">
	function positionnerCroix(posX,posY)
	{
		document.croix.style.left=posX;
		document.croix.style.top=posY;
		document.croix.style.zIndex=1;
	}
 
</script>
</head>
<body>
	<img id="croix" src="croix.gif" style="position:absolute;z-index:-1" />
	<img id="carte" src="carte_vide.jpg" style="position:absolute;" />
 
 
	<script type="text/javascript">
		positionnerCroix(200,150);
	</script>
</body>
</html>

On positionne dans le code html la croix et la carte toutes deux en position absolues (style="position:absolute;").
On met le z-index (position en profondeur) de l'image à -1, ce qui a pour consequance de la cacher derrière la carte (plus le z-index est haut, plus l'objet est près, et le z-index de la carte est de 0, qui est la valeur par défaut)

Puis en javascript, on modifie la position de la croix, et son z-index.
Note : z-index ne s'ecrit pas en javascript comme dans style="z-index", mais zIndex

Au fait, tu constatera que je t'avais parlé des positions absolues sur les <div>, mais ça marche sur les images en fait

Note aussi que je n'utilise pas le .scrollTo pour bouger la croix, car cette methode deplace les ascenceurs de la page, et non un élément.

Voilà, j'espere que ça t'aidera

**michel99** · 24/12/2006, 11h46

Merci de l'aide apportée...
C'est bien sympa
Résultat actuel à cette date sur http://michel.blas.free.fr/prov/cart...ie/essai13.htm
( voir éventuellement essai14, 15 etc .... )
Noyeux Joël à mon dépanneur ... et aux autres aussi !!!

Cartographie avec frames et javascript

JavaScript

Discussions similaires

Partager

Partager