Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Mapowanie & automatyczna zmiana pola select
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
gladiror
Witam!
Mam nastepujaca sytuacje:

  1. <map name="PL">
  2. <area alt="zach" shape="poly" coords="10,34,12,61,4,75,12,85,49,67,56,70,73,50,70,24,72,16,66,10,57,20" href="">
  3. <area alt="pom" shape="poly" coords="138,18,128,22,113,18,107,2,117,8,119,8,106,0,69,11,73,16,73,48,81,53,88,50,
    102,44,116,50,126,50,134,38,128,32,127,24"
    href="">
  4. <img src="ad/PL.jpg" width="252" height="235" border="0" usemap="#pl">


Powyzej mamy mapowanie obrazka.

  1. <option>zach</option>
  2. <option>pom</option>


Potrzebuje czegos takiego, ze jak klikne na ktoras z opcji mapowania to wtedy autmatycznie zmieni mi pole zaznaczone w select... Czy ktos moglby mi z tym pomóc??

Pozdrawiam
my_identify
Nic prostszego...

Prosta funkcja JS :
  1. function fill(value) {
  2.  
  3. document.getElementById('select').value=value;
  4.  
  5. }



  1. <map name="PL">
  2. <area alt="zach" shape="poly" coords="10,34,12,61,4,75,12,85,49,67,56,70,73,50,70,24,72,16,66,10,57,20" href="#" onclick="fill('zach')">
  3. <area alt="pom" shape="poly" coords=" 138,18,128,22,113,18,107,2,117,8,119,8,106,0,69,11,73,16,73,48,81,53,88,50,102,4
    4,116,50,126,50,134,38,128,32,127,24"
    href="#" onclick="fill('pom')">
  4. <img src="ad/PL.jpg" width="252" height="235" border="0" usemap="#pl">


i nadajemy id dla select:

  1. <select id="select">
  2. <option>zach</option>
  3. <option>pom</option>



Nie jest to najlepszy sposób ale ma on tylko wskazać droge, no i chyba działa. smile.gif

Pozdrawiam
gladiror
Niestety cos ten kod do konca nie dziala... TO znaczy nie zmienia na select-ie nazw...

Nie obczajam zbytnio JS... ale z tego co zauwazylem to wyglada to w ten sposob, ze jakby nie wiedziala funkcja co ma wybrac w tym selectie... bo jak zaznacze jakas opcje w select i nacisne na mapowanie ktores to wtedy czysci mi select...
ikioloak
proponuje naniesc kilka zmian:
  1. function fill(value)
  2. {
  3. document.getElementById('select').selectedIndex=value;
  4. }


  1. <area alt="zach" shape="poly" coords="..." href="#" onclick="fill(1)">
  2. <area alt="pom" shape="poly" coords="..." href="#" onclick="fill(2)">
gladiror
No teraz smiga jak trzeba winksmiley.jpg WIelkie thx!!!
free
Jak wykorzystac to do 2 pól select, w którym jedno odpowiada za wyswietlanie kategorii a drugie za podkategorie. Oba pola sa ze soba powiazane i przy zmianie pierwszego powinno sie zmienac drugie.
gekon
Daj im dwa różne id.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.