Hallo,
ich bin gerade dabei meine "Homepage" auf xhtml 1.0 Standard zu bringen. Bin aber auf ein Problem gestoßen und zwar habe ich einige Seiten die mittels eines Dropdownmenüs verschiedene Verweise in einem iframe öffnen sollen. In purem html 4.01 (Code unten) ging das auch prima. Nun hatte ich mir die syntaktischen Unterschiede angeschaut und dannach die Änderungen getätigt. Der neue xhtml-Code funktioniert bei mir auf googleChrome auch aber bei Firefox 9.0.1 nicht. Während Chrome die Verweise ausführt, tut das Firefox bei mir nicht es zeigt weiterhin nur die voreingestellte Seite aus dem iframe an. Ich habe gelesen das Firefox sehr streng ist was den Syntax angeht. Deshalb vermute ich, dass ich da noch einen kleinen Fehler drin habe. Leider fand ich in der Forumssuche nichts passendes. Vielleicht habt ihr da mehr Glück.
Achja und ich weiß das iframes veraltet sind. Trotzdem haben sie ihre Berechtigung noch immmer.
Alter html-Code:
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--//
function goTo(mySelect)
{
PageIndex=mySelect.selectedIndex;
{
if
(
mySelect.options[PageIndex].value != "none"
)
{
frames['iframe'].location.href = mySelect.options[PageIndex].value;
}
}
}
-->
</script>
<form name="form">
<p>
<select name="select" size="1" onchange="goTo(this.form.select)">
<option value="none" selected="selected">Select a page and go</option>
<option value="1.html">1</option>
<option value="2.html">2</option>
</select>
</p>
<p>
<iframe name="iframe" src="1.html" align="top" height="100%" width="95%" hspace="10" vspace="10">
If you can see this, your browser does not support iframes!
</iframe>
</p>
</form>
</body>
</html>
Neuer xhtml Code
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TB</title>
<script type="text/javascript">
<![CDATA[
function goTo(mySelect)
{
PageIndex=mySelect.selectedIndex;
{
if
(
mySelect.options[PageIndex].value != "none"
)
{
frames['iframe'].location.href = mySelect.options[PageIndex].value;
}
}
}
]]>
</script>
</head>
<body>
<form name="form" action="">
<select name="select" size="1" onchange="goTo(this.form.select)">
<option value="none" selected="selected">Select a page and go</option>
<option value="1.html">1</option>
<option value="2.html">2</option>
</select>
</form>
<p>
<iframe name="iframe" src="1.html" align="top" height="100%" width="95%" hspace="10" vspace="10">
If you can see this, your browser does not support iframes!
</iframe>
</p>
</body>
</html>