How to make the line can be clicked and display information

jeethau

Hi all, good day...

I'm now doin a project, need to draw a route map using imageline. I wish the user who view the map can straightaway click on the particular line then can display the traffic information of tat particular road. I'm wondering how to do tat, i just able to draw the line now only.

A very big thanks to u all who view and can help me here.

Roger_Ramjet

Well, to make an image area into a link you can use the <map> tag. So, if you are generating the image with code you should be able to use the same co-ordinates used to draw the line to make the line clickable.

jeethau

Thanks Roger...

but i m still not very sure on where shud i input this 'map' function. I attach my code, can u pls hv a look and give me some guidance? Thanks a lot!

imagefill($im, 600, 600, $blue);
imagesetthickness($im, $_POST["1"]);
imageline($im, 46, 70, 360, 70, $red);

imagesetthickness($im, $_POST["2"]);
imageline($im, 380, 70, 720, 70, $cyan);

imagesetthickness($im, $_POST["3"]);
imageline($im, 365, 90, 365, 320, $cyan);

imagesetthickness($im, $_POST["4"]);
imageline($im, 46, 330, 720, 330, $cyan);

There is a part for my line but dunno where to input the 'map' function.

Roger_Ramjet

You do it in your html AFTER you have finished creating the image.


<body>
<div id=img>
<?php
// image creation code here

imagefill($im, 600, 600, $blue);
imagesetthickness($im, $_POST["1"]);
imageline($im, 46, 70, 360, 70, $red);

imagesetthickness($im, $_POST["2"]);
imageline($im, 380, 70, 720, 70, $cyan);

imagesetthickness($im, $_POST["3"]);
imageline($im, 365, 90, 365, 320, $cyan);

imagesetthickness($im, $_POST["4"]);
imageline($im, 46, 330, 720, 330, $cyan);

// end image creation code

echo '<map name="line1">';
// now read the manual

You need to read the manual and look at the several alternative ways to do this. W3C seems to be down so try these links <map> which you use with an <img> or an <object>

jeethau

Thanks again Roger....

Soli ya, i am still a beginner, need more time to familiar wif all these...
So, the link u provide me is the manual i goin to use?

As i said be4, i'll be creating an image wif few lines inside. Then my project is to let the users click on the line then there will be an information box diaplayed showing the traffic condition for the particular line.So, is it correct if follow the way u mentioned above?

Thanks again for ur tolerance 🙂

jeethau

The 'map' method mentioned above is for html, is it oso can be used at php? If yes, wat's the difference? can i just do the same as html?

Thanks a lot and hv a nice day!

syn1234

are you talking about the way google local works? where you click on the business and an info bubble pop's up at the location of the business?

If so then you need to have a look at AJAX and some DOM