Scrolling mit Java und DiV

Mastershit

Hallo, ich hab nen problem bei folgender seite:
http://www.computer-false.com/design_mE/800.html

geht dat java scrolling nich, es geht, wenn ich die div-box divcontent auch absolute setzte (position) dann sitzt der text aber an der falschen stelle....

kann mir da jemand helfen?

im prinzip solls so wie hier funktionieren:
http://www.computer-false.com/design_mE/test.htm

(code is ganz einfach per rechtsklick ersichtlich)

Mastershit

keiner der ne idee hat?

wolle code haben?

Code

<td rowspan="2">


			[img]images/800_03.jpg[/img]</td>
		<td rowspan="2" style="background-image: url(images/800_04.jpg); width: 339px; height: 307px;">

<div id="divContainer" style="width: 339px; height: 307px; visibility: visible;"> <div id="divContent" style="width: 339px;">




Das Substantiv Prostitution ist vom lateinischen Verb prostituere abgeleitet. Prosti...</p>
</p></div></div>

Alles anzeigen

und hier der java shit:

Code

<script language="JavaScript" type="text/javascript">


 function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
 
 
var speed=50
 
var loop, timer 
 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
    this.up=MoveAreaUp;this.down=MoveAreaDown; 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function MoveArea(x,y){ 
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y 
} 
 
function MoveAreaDown(move){ 
	if(this.y>-this.scrollHeight+objContainer.clipHeight){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".down("+move+")",speed) 
	} 
} 
function MoveAreaUp(move){ 
	if(this.y<0){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".up("+move+")",speed) 
	} 
} 
 
function PerformScroll(speed){ 
	if(initialised){ 
		loop=true; 
		if(speed>0) objScroller.down(speed) 
		else objScroller.up(speed) 
	} 
} 
 
function CeaseScroll(){ 
    loop=false 
    if(timer) clearTimeout(timer) 
} 
var initialised; 
function InitialiseScrollableArea(){ 
    objContainer=new ConstructObject('divContainer') 
    objScroller=new ConstructObject('divContent','divContainer') 
    objScroller.MoveArea(0,0) 
    objContainer.css.visibility='visible' 
    initialised=true; 
} 
// end absolutely positioned scrollable area object scripts 


</script>


<style type="text/css">#divUpControl{text-align: right} 
#divDownControl{text-align: right} 
#divContainer{width:339; height:307; overflow:hidden; visibility:hidden} 
#divContent{position: static} 
</style>
</head>
<body bgcolor="#eeeeee" onLoad="InitialiseScrollableArea()">

Alles anzeigen

K.Y.L.T.

Um, dich mal aufzuklären JAVA != Javascript . . . ein wichtiger Unterschied , weil das eine OOP und das andere unsichere Webanwendung (wie man hier sieht...)

Hast du etwas verändert oder den Quellcode einfach übernommen?

Mastershit

das javascript habbich übernommen
beim css habbich nur aus
position: absolute; left 0px; top 0px;
-->
position: static gemacht

K.Y.L.T.

Also dann würde ich mal hier lesen http://de.selfhtml.org/css/eigenschaften/positionierung.htm

Zitat

Mit position: können Sie die Positionsart bestimmen. Folgende Angaben sind erlaubt:

static = keine spezielle Positionierung, normaler Elementfluss (Normaleinstellung).
relative = relative Positionierung (Verschiebung), gemessen an der Normalposition oder Anfangsposition des Elements selbst.
absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das nicht die Normaleinstellung position:static aufweist. Scrollt mit.
fixed = absolute Positionierung, gemessen am "Viewport", d.h. am Browserfenster. Bleibt beim Scrollen stehen.

Mastershit

ja darüber bin ich mir ja im klaren nur wenn ich halt genau diese positionsänderung mache, geht das scrolling auf einmal nichtmehr

nehme ich es so wie's vorher war, dann is der text nich da wo er hingehört

und dafür wollt ich jetz ne ausweich idee wissen, falls sie einer kennt....

Tags