Java - Scrollbalken

Snyper · 13. Feb. 2002

Erstmals Gratulation an diese super Page.
>
> Ich hatte heute eine Idee, die ich gerne umsetzen würde,
> meine Java-Kenntnisse sind nicht sehr gross.
>
> Bitte schaut mal auf die Testseite:
> www.kholmes.de/ixtradesire/testbase/layout.htm
>
> ich möchte
> diese seite mit einer revolutionären navigation ausstatten.
>
> Das fenster öffnet sich in einem pop, im fenster sollte dann
> alles per mausklick zu regeln sein, z.b. minimieren,
> maximieren, fenster schliessen (s. Testseite) und ein klick
> auf einen pfeil (noch nicht auf der testseite) und das bild
> scrollt ab oder auf.
>
> Nur letzteres ist das Problem.
>
> Habt Ihr ein Java-skript, über das man die seite scrollen
> kann, oder kann das jemand programmieren?

Vielen Dank

Powell · 13. Feb. 2002

minimieren = window.blur();
schliessen = window.close(); (wenn es ein PopUp ist sogar ohne Meldung)

Seite scrollen (runter)

<script language="JavaScript1.2">

/*
Top-Down scrolling window Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more free DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>

--zurSeite ---

<script language="JavaScript1.2">

/*
Left-Right scrolling window Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more free DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

//change speed to another integer to alter the scrolling speed. Greater is faster
var speed=2
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollLeft
else
temp=window.pageXOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollLeft+speed
else
currentpos=window.pageXOffset+speed
window.scroll(currentpos,0)
}
else{
currentpos=0
window.scroll(currentpos,0)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>

Snyper · 13. Feb. 2002

Nicht selbstausführend

halli hallo

vielen dank für das script, klappt bestens wenn ich das ausprobier.
hab nur noch ein problem.
geh bitte mal auf: http://www.kholmes.de/ixtradesire/testbase/layout.htm

wie kann ich jetzt das skript verlinken, dass es sich nicht selber ausführt, sondern dass die seite runter skrollt wenn ich auf den unteren button klicke oder raufscrollt, wenn ich auf den oberen klicke.

vielen dank für deine hilfe

Powell · 13. Feb. 2002

Okay hier ist das Script.
Hat mit dem anderen nicht viel zu tun.

Viel Spass noch mit deiner Seite.

Gruss Paul

--- -----

<html>
<head>
<title>scrolltester</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">

// begin absolutely positioned scrollable area object scripts
// Extension developed by David G. Miles
// Original Scrollable Area code developed by Thomas Brattli
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{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="InitialiseScrollableArea()">


<div id="divUpControl">
<a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[scroll up]</a>
</div>
<div id="divDownControl">
<a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[scroll down]</a>
</div>
<div id="divContainer">

<div id="divContent">
D
i
e
e
b
e
n
e,
die
s
c
r
o
ll
l
l
l
l
lt
lt
lt
ltt
l
t
tl
t
l
tl
lt
l
 
</div>
</div>


</body>
</html>

Snyper · 14. Feb. 2002

Thx

hi, das skript funzt ja bestens.
jetzt hab ich nur noch ne kleine frage:
kann mann auch einstellen, dass es nur scrollt, wenn man mit der maus auf den button klickt? jetzt scrollt es ja bei einem mouseover schon, und wenn man klickt kommt ne fehlermeldung.

vielen dank.

Java - Scrollbalken

Snyper

New member

Powell

New member

Snyper

New member

Powell

New member

Snyper

New member