Archief - Hotspot mapping

Ik ben op zoek naar een manier waar een admin zones kan afbakenen op een foto (die zones zullen dus ook zichtbaar zijn voor hem).

Bij elke foto hoort er dus ook een vraag en de gebruikers krijgen dus de foto te zien (de juiste zone is niet zichtbaar) met de bijhorende vraag en de bedoeling is dus dat zij klikken waar zij denken dat het de juiste zone is. Die coördinaten worden bijgehouden en dan krijgt de gebruiker te weten of hij geklikt heeft waar het moest (dus in de zone) of niet.

Heeft er iemand een idee of zo'n systeem bestaat of met welke scripts ik dit kan maken? Ik heb al informatie gevonden over hotspot mapping en jQuery Higlight maar ik denk dat dat niet echt is wat ik nodig heb of vergis ik mij?

Als je image-maps gebruikt dan zijn de coördinaten zichtbaar in je broncode (of iemand daar dan iets aan heeft is iets anders). Hier vind je een script om de coördinaten te vinden.

Bedankt, dat helpt mij al een stuk vooruit.
Als ik de code aanpas van die script zodat de coördinaten bewaard en gelezen worden vanuit mijn database dan zijn ze toch veilig?

pipopower zei:

Bedankt, dat helpt mij al een stuk vooruit.
Als ik de code aanpas van die script zodat de coördinaten bewaard en gelezen worden vanuit mijn database dan zijn ze toch veilig?

Klik om te vergroten...

Nee want HTML wordt clientside uitgevoerd. De coördinaten van die maps zitten dus in de broncode, waar iedereen ze kan zien.

Werk met een server side image map of een image input type, dan worden de coördinaten waarop werd geklikt doorgestuurd naar de server en dan dien jij gewoon de acties te ondernemen die nodig zijn (dus afhankelijk van het feit of er in het juiste gebied werd geklikt ga je verder of niet). cfr. Creating Image Maps

Dat is wat de front-end voor de eindgebruikers betreft. Voor de back-end (het vastleggen van de zones op de foto's) kan je uiteraard jQuery highlight of andere zaken gebruiken. Hou er wel rekening mee dat je zelf gaat moeten bepalen of een klik op de afbeelding binnen zo'n zone ligt (makkelijk voor kaders/cirkels, maar wat lastiger voor grillige polygonen als je die zou toelaten).

Bedankt voor de info. Ik had al iets gevonden over die jQuery Highlight en ik heb al veel informatie gevonden die mij kan helpen maar alleen het laatste deel van dat aanklikken. De meeste zones zullen waarschijnlijk ook polygonen zijn