Changement de map en map 'Javascript'

Bonjour,

je suis en train de créer un jeu pokemon online.
j'ai fait des map pour mon jeu .
il s'agit d'une aventure et je voudrai me deplacer sur plusieurs map en cliquan sur une zone delimiter.

Mercii de me donner le srcipt javscript et la programmation de la map avec :
<area shape="rect" coords="306,315,344,329" href="le truc en javascript " ;" />
Configuration: Windows Vista Internet Explorer 7.0


Mercii beaucoup de m'aider

27 réponses

Résumé de la discussion

Plusieurs éléments convergent sur la problématique centrale : remplacer dynamiquement une carte affichée par une autre lorsque une zone délimitée est cliquée, tout en conservant l'interface comme le menu et la date. Des propositions visent à isoler les cartes dans des fichiers PHP distincts via des includes ou à utiliser JavaScript pour charger et remplacer l'image de la carte sans perturber le menu. La discussion met aussi en avant le besoin d'une variable map2 correctement déclarée et des détails d'implémentation comme les zones image map, l'attribut usemap et la cohérence des contenus affichés.

Bobot (l’IA à votre service)
  1. www.pokemon-spirit.net inscrit toi je voudrai faire comme le gars a fait pour les maps
    1. Contributeur
      re :)

      t'as essayer comme je t ai dis de faire, avec un include et des fichiers .php différents par map?
      1. Contributeur
        ok, et donc, ton bout de code pour la communauté ? :p

        et met ton post en résolu ;)
        1. Contributeur
          oui, c'est le principe de charger uniquement la map voulue:p

          mais uniquement la map.. pas le code au dessus et en dessous de l'include ;)
          1. Contributeur
            oui, justement.. tu met le code de chaque map dans chacuns des fichiers

            et le code se chargera en fonction du $_GET[].. si aucun $_GET n existe, il charge la map1
            1. Contributeur
              as tu bien copier toutes tes lignes de map1 dans map1.php, map2 dans map2.php ?

              Petite précision, il faut que ces fichiers soit dans le meme répertoire que le fichier appelant (en général la racine.. ou alors, tu cré un rep 'map' et :

              $PageACharger="map/map1.php";
              if (isset ($_GET['map'])){
              $PageACharger= "map/map".$_GET['map'].".php";
              }
              1. Contributeur
                oui, en map=3 pour passer de map2 à 3.. ect...

                du coup, plus besoin de ton js ;)
                1. Contributeur
                  on y arrive ;)

                  moi je rechargerais la page avec un $_GET... alors :

                  dans un fichier map1.php:

                  echo ' <div align="center"></p><img src="images/map/map1.png" usemap="#map1">
                  <map name="map1">

                  <area shape="rect" coords="367,113,492,187" href="laboratoire.php">

                  <area shape="rect" coords="94,31,211,123" href="arene.php" />

                  <area shape="rect" coords="238,39,318,123" href="centre.php" />

                  <area shape="rect" coords="362,236,434,306" href="boutique.php" />

                  <area shape="rect" coords="499,60,666,124" href="sauvage.php" />

                  <area shape="rect" coords="236,175,303,248" href="compte.php" />

                  <area shape="rect" coords="24,110,167,327" href="peche.php" />

                  <area shape="rect" coords="491,252,556,327" href="peche.php" />

                  <area shape="rect" coords="306,315,344,329" href="?map=2" ;" />

                  </map></div> <br /> ' ;

                  dans map2.php, ta map2

                  et ptit changement dans ton code principale :

                  echo ' <p align="center" style="color:red"><b><h1>Poké-<i>city</h1></i></b></p> ' ; echo ' <br /> ' ;

                  $PageACharger="map1.php";
                  if (isset ($_GET['map'])){
                  $PageACharger= "map".$_GET['map'].".php";
                  }

                  include("$PageACharger");

                  1. map2 est la 2eme map

                    tu comprends toujours pas ?

                    j'ai 2 map
                    je suis sur mon site elle est afficher programmer et je voudrai quand je clik sur la partie delimitée que map1 sois remplacer par map2
                    1. Contributeur
                      ok.. une derniere chose.. j avoue que je comprend pas toute l'organisation de ton code, mais :

                      <area shape="rect" coords="306,315,344,329" href="javascript:change_map(map2);" ;" />

                      map2 c'est quoi??
                      - une variable (js) contenant qlqchose.. dans ce cas, c'est pas déclarer,
                      - une variable de php .. pas déclarer non plus, et il manquerais un $
                      - du texte.. dans ce cas il manque des guillemets..
                      1. Actuellement.. tel quel.. il t'affiche ton site (menu, bande date, ..) la map 'arene'?? arene est une page sinon les map sapelle map 1 et map 2

                        Et quand tu click pour changer de map, il te l affiche(la nouvelle map choisie), mais sans les menu, date ect, c'est ca...
                        non avec tout le site avec la page arene
                        1. Contributeur
                          ok, donc je réitere...

                          Actuellement.. tel quel.. il t'affiche ton site (menu, bande date, ..) la map 'arene'??
                          Et quand tu click pour changer de map, il te l affiche(la nouvelle map choisie), mais sans les menu, date ect, c'est ca...

                          Ps : si je pose 2 questions, j'aimerais au moins 2 réponses.. à la rigueur, recopie la question pour savoir à laquelle tu me répond.. :)
                          • 1
                          • 2