nicht angemeldet
Hi,
ich habe gerade meinen Posting nochmal durchgelesen und kann nachvollziehen, dass du mich nicht verstanden hast. :D
Ich hoffe, dass ich den Code so richtig eingefügt habe. Da ich mich als Anfänger empfinde freue ich auch über Tipps und Verbesserungsvorschläge, die über das eigentliche Thema hinaus gehen.
Hier also der Code:
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<meta name="description" content="Descripton" />
<style type="text/css">
.menu {
background-color: #99CC33;
width: 200px;
color: #006633;
float: left;
<!-- top: 20px;-->
<!-- left: 20px;-->
<!-- padding: 5px;-->
position: absolute;
}
#block {
width: 1000px;
overflow: hidden;
}
#block2 {
width: 10000px;
}
</style>
<script type="text/javascript">
var Navigation = new Object();
Navigation.buttonbreite = 50;
Navigation.buttonpressed = 0;
Navigation.breite = 0;
function moveItRight()
{
var el = document.getElementById("block"),
st = el.scrollLeft;
go();
function go()
{
if(Navigation.buttonpressed==1) {
st = st + 10;
if(st < Navigation.breite - document.body.offsetWidth - Navigation.buttonbreite)
{
el.scrollLeft = st;
setTimeout(go, 10);
}
else
el.scrollLeft = Navigation.breite - document.body.offsetWidth - Navigation.buttonbreite;
}
}
}
function moveItLeft()
{
var el = document.getElementById("block"),
st = el.scrollLeft;
go();
function go()
{
if(Navigation.buttonpressed==1) {
st = st - 10;
if(st > -1)
{
el.scrollLeft = st;
setTimeout(go, 10);
}
else
el.scrollLeft = 0;
}
}
}
function getFensterweite() {
return document.body.offsetWidth;
}
window.onload = function() {
var all_obj;
if(document.all) {
all_obj=document.all;
}
else if(document.getElementsByTagName && !document.all) {
all_obj=document.getElementsByTagName("*");
}
for(i=0; i<all_obj.length;i++) {
if(all_obj[i].className == "menu") {
Navigation.breite = Navigation.breite + all_obj[i].offsetWidth;
}
}
document.getElementById("block").style.width = document.body.offsetWidth - Navigation.buttonbreite + "px";
document.getElementById("buttons").style.width = Navigation.buttonbreite + "px";
}
function doResize() {
location.href = location.href;
}
window.onresize = doResize;
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="block">
<div id="block2">
<div class="menu">Navigation1</div >
<div class="menu">Navigation1</div >
<div class="menu">Navigation1</div >
<div class="menu">Navigation1</div >
<div class="menu">Navigation1</div >
<div class="menu">Navigation1</div >
</div>
</div>
</td>
<td >
<div id="buttons">
<a href="#" onmousedown="Navigation.buttonpressed=1;moveItLeft()" onmouseup="Navigation.buttonpressed=0">left</a> <a href="#" onmousedown="Navigation.buttonpressed=1;moveItRight()" onmouseup="Navigation.buttonpressed=0">right</a>
</div>
</td>
</tr>
</table>
</body>
</html>
Gunnar Bittersmann
Der Martin