Søg
Avatar billede nickyc Nybegynder
01. oktober 2003 - 09:42 Der er 5 kommentarer og
1 løsning

javascript til scroll

Hej Allesammen.

Jeg har set på nogle sider hvor at en scrollbar har et javascript eller sådan noget...

Det foregår vidst sådan du sætter et par billeder ind, også fungere de som scrollen... Når du holder musen over scroller de?

Er der nogen der har det script, eller der ved hvor jeg kan finde det?
Avatar billede jih Nybegynder
01. oktober 2003 - 09:43 #1
hmmm... forkert kategori? den skal vist under javascript.... men tjae... jeg har leget lidt med det... var vist noget med OnMouseOver="scroll(-1)" eller sådan noget.... ser lige på det..
Avatar billede jih Nybegynder
01. oktober 2003 - 09:45 #2
fandt det her.... har ik testet om det er det du vil ha..

---

<style type="text/css">
#divUp{position:absolute; left:170; top:190}
#divDown{position:absolute; left:170; top:380}
#divCont{position:absolute; width:300; height:150; overflow:hidden; top:220; left:170; clip:rect(0,300,150,0); visibility:hidden}
#divText{position:absolute; top:0; left:0}
</style>
<script type="text/javascript" language="JavaScript">
//Default browsercheck, added to all scripts!
function checkBrowser(){
    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 checkBrowser()
/*****************

You set the width and height of the divs inside the style tag, you only have to
change the divCont, Remeber to set the clip the same as the width and height.
You can remove the divUp and divDown layers if you want.
This script should also work if you make the divCont position:relative.
Then you should be able to place this inside a table or something. Just remember
that Netscape crash very easily with relative positioned divs and tables.

Updated with a fix for error if moving over layer before pageload.

****************/


//If you want it to move faster you can set this lower:
var speed=50

//Sets variables to keep track of what's happening
var loop, timer

//Object constructor
function makeObj(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=goUp;this.down=goDown;
    this.moveIt=moveIt; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function moveIt(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}

//Makes the object go up
function goDown(move){
    if(this.y>-this.scrollHeight+oCont.clipHeight){
        this.moveIt(0,this.y-move)
            if(loop) setTimeout(this.obj+".down("+move+")",speed)
    }
}
//Makes the object go down
function goUp(move){
    if(this.y<0){
        this.moveIt(0,this.y-move)
        if(loop) setTimeout(this.obj+".up("+move+")",speed)
    }
}

//Calls the scrolling functions. Also checks whether the page is loaded or not.
function scroll(speed){
    if(loaded){
        loop=true;
        if(speed>0) oScroll.down(speed)
        else oScroll.up(speed)
    }
}

//Stops the scrolling (called on mouseout)
function noScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
//Makes the object
var loaded;
function scrollInit(){
    oCont=new makeObj('divCont')
    oScroll=new makeObj('divText','divCont')
    oScroll.moveIt(0,0)
    oCont.css.visibility='visible'
    loaded=true;
}
//Call the init on page load
onload=scrollInit;
</script>

---

det skal så indsættes i <HEAD> tagget....
Avatar billede jih Nybegynder
01. oktober 2003 - 09:47 #3
og i <BODY>:

---

<div id="divUp">
    <a href="#" onmouseover="scroll(-2)" onmouseout="noScroll()">[slow]</a>
    <a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()">[medium]</a>
    <a href="#" onmouseover="scroll(-10)" onmouseout="noScroll()">[fast]</a>
</div>

<div id="divDown">
    <a href="#" onmouseover="scroll(2)" onmouseout="noScroll()">[slow]</a>
    <a href="#" onmouseover="scroll(7)" onmouseout="noScroll()">[medium]</a>
    <a href="#" onmouseover="scroll(10)" onmouseout="noScroll()">[fast]</a>
</div>

<div id="divCont">
    <div id="divText">
        <p>News: <br>
        www.bratta.com/dhtml - Have you ever experienced DHTML is now updated
        with more script, demos and how to's then ever. Visit now!
        Also added: The DHTML Scriptomania, a new and better interface
        to browser the scripts, demos and how to's.</p>
        <p>
        test text test text test text test text test text test text<br><br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br></p>
        <p>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br><br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text - END</p>
    </div>
</div>
og resten af dit dokument her..

---

det skulle gerne virke så... håber jeg da.. :P
Avatar billede jih Nybegynder
01. oktober 2003 - 09:51 #4
det virker så i hvert fald her.... og hvis du så skal scrolle ved et billede, sætter du bare <img src="billede.jpg" border="0"> ind i stedet for [slow], [medium] eller [fast].... det er jo meget smart, ik? :P

//WebPsycho
Avatar billede simonvalter Praktikant
01. oktober 2003 - 15:08 #5
webpsycho lad venligst være med at besvare med javascript i java katagorien...henvis istedet til den korekte katagori så det kan blive flyttet derhen.

nickyc > den rette katagori for dette spørgsmål vil være:
http://www.eksperten.dk/kat/10/
Avatar billede jih Nybegynder
01. oktober 2003 - 20:44 #6
jo tak loadet... det skal jeg huske på fremover....
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Java kategorien

Titel Indlæg Oprettet Seneste aktivitet
Programmering: Produktmixoptimering Af OBS i Java 34 23/05/202513:55 27/05/202518:32
Seleniumspørgsmål vedr. getText() Af mergelspir i Java 11 08/05/202516:32 08/05/202522:16
eclipse Af OBS i Java 0 02/05/202512:51 -
eclipse Af OBS i Java 14 27/04/202521:14 28/04/202521:28
eclipse Af OBS i Java 2 18/04/202517:14 18/04/202519:52
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »