login  Naam:   Wachtwoord: 
Registreer je!
 Forum

image map i.c.m. rollover probleem

Offline JLT - 16/03/2006 15:15
Avatar van JLTPHP interesse Hoi iedereen!

Ik ben bezig met het maken van een imagemap zodat klanten een adres kunnen kiezen vanaf een kaart. De bedoeling is dat mensen op een locatieklikken en dat er dan naast het plaatje in een tabel/layer de naam van de winkel verschijnt. Kan ik bv. de ap functie gebruiken in combinatie met CSS en zo ja hoe pak ik dat in dit geval aan?

  1. <body>
  2. <p><img src="kaartNL.gif" alt height="384" width="322" / usemap="#kaartNL.gif" border="1"></p>
  3. <map name="kaartNL.gif">
  4. <area shape="circle" coords="133,168,9" href="gegevens.php?WINKELS=Amsterdam" target="_parent" onmouseover="veranderdiv('divje', 'http://files.dsound.nl/img/ie.jpg')">
  5. <area shape="circle" coords="108,188,7" href="gegevens.php?WINKELS=Leiden" target="_parent">
  6. <area shape="circle" coords="98,203,8" href="gegevens.php?WINKELS=Rotterdam" target="_parent">
  7. <area shape="circle" coords="109,219,7" href="gegevens.php?WINKELS=Rotterdam" target="_parent">
  8. <area shape="circle" coords="127,261,8" href="gegevens.php?WINKELS=Breda" target="_parent">
  9. <area shape="circle" coords="147,263,8" href="gegevens.php?WINKELS=Tilburg" target="_parent">
  10. <area shape="circle" coords="184,279,8" href="gegevens.php?WINKELS=Eindhoven" target="_parent">
  11. <area shape="circle" coords="200,347,7" href="gegevens.php?WINKELS=Maastricht" target="_parent">
  12. <area shape="circle" coords="177,244,8" href="gegevens.php?WINKELS=Hertogenbosch" target="_parent">
  13. <area shape="circle" coords="204,230,9" href="gegevens.php?WINKELS=Nijmegen" target="_parent">
  14. <area shape="circle" coords="213,214,9" href="gegevens.php?WINKELS=Arnhem" target="_parent">
  15. <area shape="circle" coords="206,58,9" href="gegevens.php?WINKELS=Leeuwarden" target="_parent">
  16. <area shape="circle" coords="262,54,9" href="gegevens.php?WINKELS=Groningen" target="_parent">
  17. <area shape="circle" coords="156,198,8" href="gegevens.php?WINKELS=Utrecht 1" target="_parent">
  18. <area shape="poly" coords="160,190,165,194,166,198,164,201,171,199,171,194,170,190,166,188" href="gegevens.php?WINKELS=Utrecht 2" target="_parent">
  19. </map>
  20. </body>


Hier een voorbeeld (http://www.alphaplus.nl/test.html)van wat ik nu heb. Wat ik dus nog wil toevoegen is dat er een blokje (ergens) op de pagina verschijnt waar het adres in komt te staan.

Hopelijk kan iemand me helpen...?

Groeten,
Jelte

3 antwoorden

Gesponsorde links
Offline TriX - 16/03/2006 17:05
Avatar van TriX HTML interesse Probeer een switch statement... je hebt de variable WINKEL al... dus daar kan je wel wat mee...

TIP: gebruik geen hoofdletters... Zo voorkom je fouten
Offline JLT - 17/03/2006 09:27
Avatar van JLT PHP interesse Hey Trix ik heb het al opgelost. Geheel met CSS stijlen idiaal want het werkt op elke browser en ziet er super uit! Hierbij de link naar een kleine (helaas Duitse) Tut voor de liefhebbers.

http://www.moryson.net/eintrag.cfm?eid=8

Offline BramBo - 17/03/2006 09:55
Avatar van BramBo JS gevorderde Bedankt voor 't posten van je eigen antwoord kan dit (css)imagemap ook nog wel gebruiken ergens voor. Thanks!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.169s