SeltenerMann
Grünschnabel
Guten Tag,
Ich habe ein kleines Problem, und zwar ist es, dass mein Javascript (womöglich liegt es auch an der leseart von CSS) im InterNET fehlerhaft funktioniert,
ich habe bereits einiges getestet und analysiert, ich komme jedoch nicht dahinter.
Der Fehler ist, dass der Internet Explorer es immer beim verschieben um 1px (oder 2) falsch verschiebt.
Hier der Code zu eigenen Analyse und Fehlerfeststellung.
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="expires" content="0" />
<META HTTP-EQUIV="pragma" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
img {
width:76px;
padding:0;
margin:0;
}
.a {
width:80px;
float:left;
height:125px;
padding:0;
margin:0;
}
#buchbox {
width:400px;
height:125px;
overflow:hidden;
position:absolute;
padding:0;
margin:0;
}
#inbox {
width:1000px;
position:absolute;
padding:0;
margin:0;
}
</style>
</head>
<body>
<script language="javascript" type="text/javascript">
function inf() {
var size = 80;
var now = document.getElementById('inbox').style.left;
if(now == size*-6 + "px") {
window.clearTimeout("stoid");
} else {
var yet = now.replace('px', '');
document.getElementById('inbox').style.left = (parseInt(yet) - 1) + "px";
var nowy = document.getElementById('inbox').style.left;
document.getElementById('pos').innerHTML = nowy;
if(nowy == size*0 + "px" || nowy == size*-1 + "px" || nowy == size*-2 + "px" || nowy == size*-3 + "px" || nowy == size*-4 + "px" || nowy == size*-5 + "px" || nowy == size*-6 + "px")
{
window.clearTimeout("stoid");
} else {
stoid = window.setTimeout("inf()", 10);
}
}
}
function nno() {
var size = 80;
var now = document.getElementById('inbox').style.left;
if(now == size*0 + "px") {
window.clearTimeout("stoid");
} else {
var yet = now.replace('px', '');
document.getElementById('inbox').style.left = (parseInt(yet) + 1) + "px";
var nowy = document.getElementById('inbox').style.left;
document.getElementById('pos').innerHTML = nowy;
if(nowy == size*0 + "px" || nowy == size*-1 + "px" || nowy == size*-2 + "px" || nowy == size*-3 + "px" || nowy == size*-4 + "px" || nowy == size*-5 + "px" || nowy == size*-6 + "px")
{
window.clearTimeout("stoid");
} else {
stoid = window.setTimeout("nno()", 10);
}
}
}
</script>
<span id="pos"></span>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="javascript:void(0);" onclick="inf();">Rechts</a> | <a href="javascript:nno();">Links</a><br />
<div id="buchbox">
<div id="inbox" style="top:0;left:-240px;">
<table>
<tbody>
<tr>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
<td class="a"><img src="book.png" height="125" alt="bookname" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>Vielen Dank im vorraus.
