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

Vue hybride

Discussions similaires

Partager

Partager