PHP 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?
<body>
<p><img src="kaartNL.gif" alt height="384" width="322" / usemap="#kaartNL.gif" border="1"></p>
<map name="kaartNL.gif">
<area shape="circle" coords="133,168,9" href="gegevens.php?WINKELS=Amsterdam" target="_parent" onmouseover="veranderdiv('divje', 'http://files.dsound.nl/img/ie.jpg')">
<area shape="circle" coords="108,188,7" href="gegevens.php?WINKELS=Leiden" target="_parent">
<area shape="circle" coords="98,203,8" href="gegevens.php?WINKELS=Rotterdam" target="_parent">
<area shape="circle" coords="109,219,7" href="gegevens.php?WINKELS=Rotterdam" target="_parent">
<area shape="circle" coords="127,261,8" href="gegevens.php?WINKELS=Breda" target="_parent">
<area shape="circle" coords="147,263,8" href="gegevens.php?WINKELS=Tilburg" target="_parent">
<area shape="circle" coords="184,279,8" href="gegevens.php?WINKELS=Eindhoven" target="_parent">
<area shape="circle" coords="200,347,7" href="gegevens.php?WINKELS=Maastricht" target="_parent">
<area shape="circle" coords="177,244,8" href="gegevens.php?WINKELS=Hertogenbosch" target="_parent">
<area shape="circle" coords="204,230,9" href="gegevens.php?WINKELS=Nijmegen" target="_parent">
<area shape="circle" coords="213,214,9" href="gegevens.php?WINKELS=Arnhem" target="_parent">
<area shape="circle" coords="206,58,9" href="gegevens.php?WINKELS=Leeuwarden" target="_parent">
<area shape="circle" coords="262,54,9" href="gegevens.php?WINKELS=Groningen" target="_parent">
<area shape="circle" coords="156,198,8" href="gegevens.php?WINKELS=Utrecht 1" target="_parent">
<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">
</map>
</body>
<body> <p><img src="kaartNL.gif" alt height="384" width="322" / usemap="#kaartNL.gif" border="1"></p> <map name="kaartNL.gif"> <area shape="circle" coords="133,168,9" href="gegevens.php?WINKELS=Amsterdam" target="_parent" onmouseover="veranderdiv('divje', 'http://files.dsound.nl/img/ie.jpg')"> <area shape="circle" coords="108,188,7" href="gegevens.php?WINKELS=Leiden" target="_parent"> <area shape="circle" coords="98,203,8" href="gegevens.php?WINKELS=Rotterdam" target="_parent"> <area shape="circle" coords="109,219,7" href="gegevens.php?WINKELS=Rotterdam" target="_parent"> <area shape="circle" coords="127,261,8" href="gegevens.php?WINKELS=Breda" target="_parent"> <area shape="circle" coords="147,263,8" href="gegevens.php?WINKELS=Tilburg" target="_parent"> <area shape="circle" coords="184,279,8" href="gegevens.php?WINKELS=Eindhoven" target="_parent"> <area shape="circle" coords="200,347,7" href="gegevens.php?WINKELS=Maastricht" target="_parent"> <area shape="circle" coords="177,244,8" href="gegevens.php?WINKELS=Hertogenbosch" target="_parent"> <area shape="circle" coords="204,230,9" href="gegevens.php?WINKELS=Nijmegen" target="_parent"> <area shape="circle" coords="213,214,9" href="gegevens.php?WINKELS=Arnhem" target="_parent"> <area shape="circle" coords="206,58,9" href="gegevens.php?WINKELS=Leeuwarden" target="_parent"> <area shape="circle" coords="262,54,9" href="gegevens.php?WINKELS=Groningen" target="_parent"> <area shape="circle" coords="156,198,8" href="gegevens.php?WINKELS=Utrecht 1" target="_parent"> <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"> </map> </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
|