Ga naar inhoud

klikbaar kaartje


Aanbevolen berichten

Ik heb een kaartje.png (kaart van NL) van 328 x 325 pixels. Deze wil ik zo maken dat bij het klikken op een willekeurige pixel, het "coördinaat" uitgelezen wordt. Dus bijv. 100,100. Dat heb ik nodig voor een PHP-applicatie. Is zoiets mogelijk zonder alle 106.000 pixels te definiëren met <area shape=rect coords="142,142"> e.d.?
Link naar reactie
[code:1:071a2defc2] <html> <body> <a href="[b:071a2defc2]imagemap.html[/b:071a2defc2]"><img [b:071a2defc2]ismap[/b:071a2defc2] src="duiken.jpg"></a> <script type="text/javascript" language="Javascript"> <!-- if(location.search) { alert('u heeft op de volgende coordinaten geklikt:' + location.search.substr(1)); } //--> </script> </body> </html> [/code:1:071a2defc2] hier verstuur je het naar dezelfde html-pagina, maar je kan het natuurlijk ook naar een ander document sturen, zoals een php-bestand o.i.d. voor verdere verwerking [ Dit bericht is bewerkt door: Jurriaan R op 2002-04-10 15:42 ]
Link naar reactie
AHet idee van Jurriaan lijkt me OK. Nou alleen nog m.b.v. PHP de coördinaten koppelen aan variabelen. Hoe dat moet weet ik even (nog) niet. Ik zag dat de telling van de Y-as bovenaan begint. Voor mijn doel moet het linksonder beginnen maar dat valt met een fomule wel om te rekenen. Dat voorbeeld van Annie geeft naar mijn idee alleen een plaatje dat je aan kan klikken om iets te submitten.
Link naar reactie
[quote:5152f2fa1f] Op 10-04-2002 23:22 schreef Annie: Dacht dat dat de bedoeling was. Bovendien krijg je zo ook de coordinaten terug. [/quote:5152f2fa1f] klopt als een bus; ik heb nl erg moeten vogelen om ze juist weg te krijgen in een gastenboek... Als je alle data naar een file schrijft zal je zien dat de coördinaten erbij staan... t.
Link naar reactie
[quote] Op 10-04-2002 23:22 schreef Annie: [quote:95fa0cb227]...Bovendien krijg je zo ook de coordinaten terug. [/quote:95fa0cb227] Dus als ik hier http://www.bomenindex.nl/ds/kaarten/kaartxXx.php die <input type="image" src="http://www.bomenindex.nl/ds/kaarten/nlblind.png" border="0" /> bij zet zou het moeten kunnen?
Link naar reactie
[code:1:cabf5e9337] <input type="image" src="http://www.bomenindex.nl/ds/kaarten/nlblind.png" border="0" /> <input type="hidden" name="submit" value="zoek" /> [/code:1:cabf5e9337] Als je ook nog andere zaken in wil vullen in het form zal je dat natuurlijk ook moeten oplossen. Bijvoorbeeld door eerst met javascript een controle uit te voeren bij een submit, of door het form op te delen in stukken, enz. [ Dit bericht is bewerkt door: Annie op 2002-04-11 11:42 ]
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...