problem with Internet Explorer

[Yve]

Hallo,

this testweb works well in Mozilla and Netscape but not in Internet
Explorer.

http://www.netzwerkservice.com/test/frame/test_javascript_1007/

As I am not good at JavaScript I have got no idea where to look fot
the bug.

I kindly ask you for your help.

I add the parts of code that might be buggy.

Thank you very much for your patience with newbies.

Yvonne



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
..
..
..
<script language="JavaScript">
<!--
function Go(x)
{
if(x == "nothing")
{
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
}
else if(x == "end") top.location.href = parent.frames[1].location;
else
{
parent.frames[1].location.href = x;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
//-->
</script>
..
..
..
<form>
<select name="bereich1"
onChange="Go(this.form.bereich1.options[this.form.bereich1.options.selectedIndex].value)"
width="50">
<option value="nothing">Bereich1
<option value="nothing">. . . . . . . </option>
<option value=""onClick="parent.content.location='../content/content_gelb.html';
parent.thumbs.location='../thumbs/thumbs_gelb.html'; return
false;">gelb</option>
<option value=""onClick="parent.content.location='../content/content_blau.html';
parent.thumbs.location='../thumbs/thumbs_blau.html'; return
false;">blau</option>
</select>
</form>
</td>
<td width="25" valign="bottom">&nbsp;</td>
<td width="155">
<form>
<select name="bereich2"
onChange="Go(this.form.bereich2.options[this.form.bereich2.options.selectedIndex].value)"
width="50">
<option value="nothing">Bereich2 </option>
<option value="nothing">. . . . . . . </option>
<option value=""onClick="parent.content.location='../content/content_rot.html';
parent.thumbs.location='../thumbs/thumbs_rot.html'; return
false;">rot</option>
<option value=""onClick="parent.content.location='../content/content_gruen.html';
parent.thumbs.location='../thumbs/thumbs_gruen.html'; return
false;">grün</option>
</select>
</form>
..
..
..
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

 

[Janwillem Borleffs]

this testweb works well in Mozilla and Netscape but not in Internet
Explorer.

Try it as follows:

function Go(x) {
if (x != "nothing") {
parent.content.location = x.split('|')[0];
parent.thumbs.location = x.split('|')[1];
}
document.forms[0].reset();
document.forms[0].elements[0].blur();
}

<select size=1 name="bereich1" onChange="Go(value)" width="50">
<option value="nothing">Bereich1
<option value="nothing">. . . . . . . </option>
<option
value="../content/content_gelb.html|../thumbs/thumbs_gelb.html">gelb</option

<option
value="../content/content_blau.html|../thumbs/thumbs_blau.html">blau</option

</select>

BTW, the Go function only resets the first form. This can be fixed, of
course, but I think you should use only 1 form to encapsule both select
elements.

When the names of pages are constant, you could also use the following:

function Go(x) {
if (x != "nothing") {
parent.content.location = "../content/content_" + x + ".html";
parent.thumbs.location = "../thumbs/thumbs_" + x + ".html";
}
document.forms[0].reset();
document.forms[0].elements[0].blur();
}

<select size=1 name="bereich1" onChange="Go(value)" width="50">
<option value="nothing">Bereich1
<option value="nothing">. . . . . . . </option>
<option value="gelb">gelb</option>
<option value="blau">blau</option>
</select>

HTH,
JW

 

[Yve]

A friend solved the problem (exchanging more than 1 frame out of drop
dowm menu)by this:

function GoToURL(val)
{
if(val == "nothing")
{
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
} else if (val == "end") {
top.location.href = parent.frames[1].location;
} else {
//alert (val);
eval(val);
document.forms[1].reset();
//document.forms[0].elements[0].blur();
}
}

Yvonne.