Avatar billede medazza Nybegynder
11. januar 2003 - 02:54 Der er 3 kommentarer og
1 løsning

Scroll funktion i en tabel ?

Jeg har lavet noget grafik som er i tabeller. Hele siden skal derfor loades ved hver ny side. I midten har jeg en indholdsrude (den aktuelle side) med tekst. På grund af grafikken i bunden kan jeg dog ikke skrive ret meget af hensyn til design og får derfor pladsmangel.

Kan man få et script der kan sættes ind i tabellen som gør at man kan ved "mouse over" på en pil scrolle siden videre ned?

Håber i forstod :)
Avatar billede medazza Nybegynder
11. januar 2003 - 03:06 #1
Har fundet et eksempel her. http://www.sonymusic.de/anastacia/
Avatar billede fbb Nybegynder
11. januar 2003 - 03:12 #2
<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=lib_bwcheck()




var speed = 30

var loop, timer

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=0; this.y=0;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}

var px = bw.ns4||window.opera?"":"px";

function moveIt(x,y){
    this.x = x
    this.y = y
    this.css.left = this.x+px
    this.css.top = this.y+px
}

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

function scroll(speed){
    if (scrolltextLoaded){
        loop = true;
        if (speed>0) oScroll.down(speed)
        else oScroll.up(speed)
    }
}

function noScroll(){
    loop = false
    if (timer) clearTimeout(timer)
}
var scrolltextLoaded = false
function scrolltextInit(){
    oCont = new makeObj('divScrollTextCont')
    oScroll = new makeObj('divText','divScrollTextCont')
    oScroll.moveIt(0,0)
    oCont.css.visibility = "visible"
    scrolltextLoaded = true
}
if (bw.bw) onload = scrolltextInit

</script>

og for at kører op:
<a href="#" onmouseover="scroll(-2)" onmouseout="noScroll()" onclick="return false"><img border="0" src="op.bmp" width="7" height="14"></a>

og ned:
<a href="#" onmouseover="scroll(2)" onmouseout="noScroll()" onclick="return false"><img border="0" src="ned.bmp" width="7" height="14"></a>

Du kan bare lave de grafik om så det bliver så du kan lide det ;)

Du kan se eksampel her: http://www.frederikbb.dk/eng/da.htm
Avatar billede medazza Nybegynder
11. januar 2003 - 03:28 #3
Nice ! Tak ! Tusind tak! ;)
Avatar billede fbb Nybegynder
11. januar 2003 - 16:33 #4
Så lidt ;) og 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