Cartographie avec frames et javascript

Version imprimable

21/12/2006, 18h11
michel99

Cartographie avec frames et javascript

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 !!!
21/12/2006, 21h32
yusherboy

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�.
21/12/2006, 23h01
yusherboy

Heu... c'est cens� marcher sur quelle carte?
21/12/2006, 23h12
michel99

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 !!!
21/12/2006, 23h22
michel99

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 "

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:

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

24/12/2006, 11h46
michel99

Merci

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 !!!