How to open frame by clicking on image map area

sameer khan

hello sir,

I need to open a popup frame when I click on a particular image area... and the name of that area should be add-in that frame... however when I clicked on another area the name of that area needs to add in that frame ... if I clicked the same area once again the name of that area has to be remove.

please help me with this.

the frame has to be open like how it shown in these images:

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo6y ago
I have taken 3 html page with the area name display .You may pass with quey string value of the area name and collect in aone page.

The bellow code is test1.html
<html>
<head>
head>
<body>
<img src="download.jpg" alt="Workplace" usemap="#workmap">

<map name="workmap">
  <area shape="rect" coords="0,0,50,50" alt="Computer" href="#"
  target="popup"
  onclick="window.open('test.html','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
  <area shape="rect" coords="0,60,100,100" alt="Phone" href="#"
  target="popup"
  onclick="window.open('test2.html','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
  <area shape="circle" coords="80,80,44" alt="Coffee" href="#"
  target="popup"
  onclick="window.open('test3.html','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
map>
body>
html>
Teh bellow is the test.html
<html>
<head>
head>
<body>
<h1>TEst 1h1>
body>
html>
The bellow is the test2.html
<html>
<head>
head>
<body>
<h1>TEst 2h1>
body>
html>
The bellow is the test3.html
<html>
<head>
head>
<body>
<h1>TEst 3h1>
body>
html>
sameer khan6y ago
hello sir...
sameer khan6y ago
ok, sir... have you seen those photos.
Laxmidhar Sahoo6y ago
Ok
I will try it and display after at teusday
sameer khan6y ago
thanks for the reply... but in the popup it has to show the name of the current area... if the user clicks another area the name of that area also need to show in that popup... if the user clicks the same area again the name of that area should be removed from popup...
help me in this, please.
i also uploaded the photos...
Laxmidhar Sahoo6y ago
1. "workplace.jpg" alt="Workplace" usemap="#workmap">
3. "workmap">
4. "rect" coords="34,44,270,350" alt="Computer" href="http://kanishkkunal.in"
5. target="popup"
6. onclick="window.open('http://kanishkkunal.in','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
7. "rect" coords="290,172,333,250" alt="Phone" href="http://kanishkkunal.in"
8. target="popup"
9. onclick="window.open('http://kanishkkunal.in','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
10. "circle" coords="337,300,44" alt="Coffee" href="http://kanishkkunal.in"
11. target="popup"
12. onclick="window.open('http://kanishkkunal.in','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;">
The above code may help- you