Avatar billede cdc Novice
18. november 2001 - 20:07 Der er 4 kommentarer og
1 løsning

Horisontal scroll

Jeg har set på en side en gang, et script der fungerede på den måde at når man klikkede på en pil til venstre flyttede indholde sig mod højre til næste artikel, og omvendt.
Er der noen der kender til dette script ?

/cdc
Avatar billede ordinary Nybegynder
18. november 2001 - 20:34 #1
<html>
<head>

<script 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=1
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.left=MoveArealeft;this.right=MoveArearight;
    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.left=this.y
}

function MoveArearight(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".right(\"+move+\")\",speed)
    }
}
function MoveArealeft(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".left(\"+move+\")\",speed)
    }
}

function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.right(speed)
        else objScroller.left(speed)
    }
}

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContentimg\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
onload=InitialiseScrollableArea;

</script>

</HEAD>
<BODY >
<div id=\"divleftControl\" style=\"position:absolute; top: 202; left: 70\">
<a href=\"java script:;\" onmouseover=\"PerformScroll(-12); self.status=\'Scroll left\';return true\" onmouseout=\"CeaseScroll(); self.status=\'\';return true\">scroll left</a> </div><div id=\"divrightControl\" style=\"position:absolute; top: 202; left: 150\">
<a href=\"java script:;\" onmouseover=\"PerformScroll(12); self.status=\'Scroll right\';return true\" onmouseout=\"CeaseScroll(); self.status=\'\';return true\">scroll right</a></div>

<div id=\"divContainer\" style=\"position:absolute; clip:rect(0,300,310,0); visibility:hidden\">
<div id=\"divContentimg\" style=\"position:absolute\">
hfghfdhdfyhdfhdfhdfhdfhdfhdfhdfh
gfhdfyhdfhdfhdfhdfyhdfhdfgutyujikuiolfjdt
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>



</BODY>
</HTML>
Avatar billede cdc Novice
18. november 2001 - 22:53 #2
jeg kigger på den ordinary, og vender tilbage...

/cdc
Avatar billede rit Nybegynder
19. november 2001 - 23:40 #3
Undskyld, jeg vil ikke blande mig, men er meget intereseret i hvordan scriptet fungerer, og hvordan det hele fungerer i praksis. Er det muligt at få en kommentar :)
Avatar billede cdc Novice
20. november 2001 - 08:17 #4
du skal nok få en kommentar når jeg har testet det færdig rit, men du behøver ikke at svare så jeg afviser lige dit svar , men skal nok give svar her inde så du kan se det i praksis.

/cdc
Avatar billede ordinary Nybegynder
01. december 2001 - 14:35 #5
tak for points
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Paychex Europe

Team Lead for Support

Politiets Efterretningstjeneste

IT Sikkerhedsarkitekt i PET

Capgemini Danmark A/S

Client Partner