Clicking on a county map should highlight the item in list box

greygirl · Sep 4, 2003

I have a form where I have a list box with all the counties of a state and a link (a map image). On clicking the map opens the map in a popup window.

Upto this I am fine. On clicking one of the counties in the map should highlight the same county in the list box. I am having problems with this.

Please somebody help!!!!!

greygirl

This is part of my code.

javascript code in Original Window:

<script>
function newWindow()
{
mywindow = open('map.htm', 'myname', 'resizable=no, width=400, height=500');
mywindow.location.href = 'map.htm';
if(mywindow.opener == null) mywindow.opener=self;
}

function restart() {
document.mainForm.areaname.options.selectedIndex = mywindow.
mywindow.close();
}

</script>

javascript code in map.htm:

<script>
function copyItem(countyVal)
{
for (var oi=0;oi < opener.mainForm.areaname.options.length;oi++)
{
if (countyVal == opener.mainForm.areaname.options[oi].value)
{
opener.mainForm.areaname.options.selectedIndex == countyVal;
}

}

}

</script>

Lrnmore · Sep 5, 2003

Questions:

1) why mywindow.location.href = 'map.htm'
when "mywindow = open('map.htm', " sets href already

2) what are you trying to accomplish with the
restart() function

3) How are you passing the "countyVal" to your
copyItem() function

4) You should pass an index number to the selectedIndex:
opener.mainForm.areaname.options.selectedIndex == countyVal
- to -
opener.mainForm.areaname.options.selectedIndex == oi

2b||!2b

greygirl · Sep 5, 2003

Your questions are legitamate and I have redundancy in the code and so got rid of restart() function and passed an index number to the selectedIndex. But it still does not select the county I chose from the map. The map appears and after I click a county it disappears. No change in the List box items.
Help!
greygirl

Lrnmore · Sep 5, 2003

Sorry,

I sent you a typo!!!

try "...selectedIndex = oi" not "...selectedIndex == oi"

this page demonstrates your application
maybe you can find the answer here.

<html>
<head>
<title>Options Change</title>
<script language="JavaScript">
function chg_opt() {
d = document.test;
a = d.vala.value;
for(oi=0; oi<d.testlist.options.length;oi++) {
if(a == d.testlist.options[oi].value){
d.testlist.options.selectedIndex = oi;}
}
}
</script>
</head>
<body><form name="test">
<input type="text" name="vala" size="10" value="val2">
<select name="testlist">
<option value="val1">firstitem</option>
<option value="val2">secitem</option>
<option value="val3">thrirditem</option>
</select>
<input type="button" value="Change" onClick="chg_opt()">
</form>
</body>
</html>

2b||!2b

greygirl · Feb 3, 2004

Thanks for the help. This code works fine in IE.

But in Netscape 7.1, it opens the map window. when i click the states in the map, nothing happens i.e the same state in the list box is not selected.

The error is "opener.mainForm has no properties"
Anybody! any clues! Help!!

greygirl

BillyRayPreachersSon · Feb 3, 2004

If you change:

Code:

opener.mainForm.areaname.options.selectedIndex

To:

Code:

window.opener.forms['mainForm'].areaname.options.selectedIndex

Does that make a difference?

Dan

greygirl · Feb 3, 2004

Dan
Same error. but now the error is window.opener.forms has no properties.
greygirl

greygirl · Feb 3, 2004

Help!!
Anybody - any ideas!
greygirl

BillyRayPreachersSon · Feb 3, 2004

Can you post a URL to your working (at least in IE!) code?

Dan

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Clicking on a county map should highlight the item in list box

greygirl

Programmer

Lrnmore

Technical User

greygirl

Programmer

Lrnmore

Technical User

greygirl

Programmer

BillyRayPreachersSon

Programmer

greygirl

Programmer

greygirl

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor