Hallo Leute ich hab ein kleines Problem mit meinem Script:
Mein Script enthält einen schriftzug .Wenn man auf diesen schriftzug mit der maus fährt.,soll ein neuues kleines Fenster erscheinen.Die klappt auch alles sehr gut doch wenn ich in mein script einen tabelle einbaue und es verschiedene Spalten geben soll,bei denen sich beim drauffahren mit der maus ein Fenster öffnet,klappt das nicht.Das onmouse over funkioniert immer nur in der ersten Tabellen zeile!Hier mein script:
Also wenn man mit der Muas über den ersetn schriftzug fährt klappt es einwandfrei bei den beiden anderen tut sich jedoch gar nichts!
Ich hoffe jemand kann mir helfen
MFG Michael
Mein Script enthält einen schriftzug .Wenn man auf diesen schriftzug mit der maus fährt.,soll ein neuues kleines Fenster erscheinen.Die klappt auch alles sehr gut doch wenn ich in mein script einen tabelle einbaue und es verschiedene Spalten geben soll,bei denen sich beim drauffahren mit der maus ein Fenster öffnet,klappt das nicht.Das onmouse over funkioniert immer nur in der ersten Tabellen zeile!Hier mein script:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en">
<head>
<title>the Suckerfish</title>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
a {
text-decoration: none;
}
a:link {
color: #080;
}
a:visited {
color: #790;
}
a:active {
color: red;
}
a:hover {
text-decoration: underline;
}
h1 {
text-align: center;
padding: 0 0 0.25em 0;
margin: 0;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
background: url(images/ddbg3.gif) bottom left no-repeat;
padding: 0.5em 0 1em 0;
border-right: solid 1px #7d6340;
}
li>ul {
top: auto;
left: auto;
}
li li {
display: block;
float: none;
background-color: transparent;
border: 0;
}
li:hover ul, li.over ul {
display: block;
}
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
</head>
<body>
<div id="content">
<hr />
<table><tr><td>lol</td><td>lol</td><td>
<ul id="nav">
<li id="first">
<div><a href="">TEST</a></div>
<ul>
<li>TEST1</li>
</ul>
</li>
</td></tr><tr><td>lol</td><td>lol</td><td>
<li>
<div><a href="">TEST</a></div>
<ul>
<li>TEST2</li>
</ul>
</li>
</td></tr><tr><td>lol</td><td>lol</td><td>
<li id="last">
<div><a href="">TEST</a></div>
<ul>
<li>TEST3</li>
</ul>
</li>
</ul>
</td></tr></table>
</div>
</body>
</html>Ich hoffe jemand kann mir helfen
MFG Michael
