Avatar billede djensen Nybegynder
02. juli 2001 - 20:47 Der er 9 kommentarer og
1 løsning

Scroll ved klik på billede

Hej!

Er der nogen der ved, hvordan man kan scrolle ned ved at klikke på et billede, og hvordan man scroller op, ved at klikke på et andet billede ?
Avatar billede jakoba Nybegynder
02. juli 2001 - 20:57 #1
kommer ligesom an på hvad der skal scrolles.

Det nemmeste er hvis siden er i frames og du vil scrolle den ene ramme fra den anden:

<a href=\'java script:void(0)\' onclick=\"parent.rammes_navn.scrollBy(0,-100)\"><img src=\"pil_opad_billede.gif></a>

<a href=\'java script:void(0)\' onclick=\"parent.rammes_navn.scrollBy(0,100)\"><img src=\"pil_nedad_billede.gif></a>

hvor den ramme der skal scrolles har  name=\'rammes_navn\'  i sin frame kommando i frameset filen:
  <frame name=\'rammes_navn\' src=\'fil_der_scrolles.html\'>

mvh JakobA
Avatar billede djensen Nybegynder
02. juli 2001 - 21:05 #2
min kode ser sådan ud:
<html>

<head>

<base target=\"_self\">
    <title>Cross-browser Dynamic HTML Scripts - PageLoading</title>
    <style type=\"text/css\">
#divCont{position:absolute; overflow:hidden; z-index:201; left:200; top:250; clip:rect(0,200,250,0); height:250; width:200; }
#divLoad{position:absolute; left:10; top:250; z-index:201;  clip:rect(0,200,250,0); height:250; width:200; visibility:hidden;}
#divIEText{position:absolute; left:0; top:0}
#divArrows{position:absolute; left:10; top:250; z-index:10; visibility:hidden}
#divLinks{position:absolute; left:10; top:20}
</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()

function makeObj(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
      this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\"document.layers.\" +obj):0;                   
    this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\"document.layers.\" +obj):0;       
    this.height=bw.ns4?this.css.document.height||this.css.clip.bottom:this.evnt.offsetHeight||this.css.pixelHeight
    this.width=bw.ns4?this.css.document.width:this.evnt.offsetWidth
    this.moveIt=b_moveIt; this.x; this.y; this.moveBy=b_moveBy;
    return this
}
function b_moveIt(x,y){this.x=x;this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_moveBy(x,y){this.moveIt(this.x+x,this.y+y)}

function makeFrame(iframe,contdiv,textdiv,arrowdiv,usebuffer){
    this.loader=new makeObj(iframe,contdiv)
    if(arrowdiv) this.arrow=new makeObj(arrowdiv)
    this.usebuffer=(usebuffer || bw.ie4 || (bw.ie5 && !bw.ie55) || bw.ns4) && !bw.ns5
    if(this.usebuffer){
        this.cont=new makeObj(contdiv)
        if(!bw.ns4){
            this.ifr=document.frames[iframe]
                this.text=new makeObj(textdiv)
        }else{
            this.text=this.loader
        }
        this.text.moveIt(0,0)
        if(arrowdiv) this.arrow.css.visibility=\'visible\'
        this.checkloaded=ifr_checkloaded;
        this.up=ifr_up;
        this.down=ifr_down;
    }else if(bw.dom){
   
        this.loader.css.visibility=\'visible\'
    }   
    this.scroll=1
    this.loadpage=ifr_loadpage;
    this.obj = iframe + \"Object\";     eval(this.obj + \"=this\")   
}

function ifr_up(speed){
    go=false
    if(this.scroll){
        if(this.text.y<0){
            this.text.moveBy(0,speed)
            go=true
        }
    }
    if(go)setTimeout(this.obj+\".up(\"+speed+\")\",20)
}
function ifr_down(speed){
    go=false
    if(this.scroll){
        h=bw.ns4?this.text.css.document.height:this.text.evnt.offsetHeight
        if(this.text.y>-h+this.cont.height){
            this.text.moveBy(0,-speed)
            go=true
        }
    }
    if(go)setTimeout(this.obj+\".down(\"+speed+\")\",20)
}

function ifr_loadpage(url){
    if(bw.ns4) this.loader.css.load(url,200)
    else this.loader.evnt.src=url
    if(this.usebuffer && !bw.ns4 && !bw.ns5){
        setTimeout(this.obj+\".checkloaded()\",200)
    }
    if(this.usebuffer){
        this.text.moveIt(0,0)
    }
}

function ifr_checkloaded(){
    if(bw.ns6) this.text.evnt.innerHTML=this.ifr.document.getElementsByTagName(\"body\")(0).innerHTML
    if(this.ifr.document.readyState==\"complete\"){
        //Move Content to text div
        this.text.evnt.innerHTML=this.ifr.document.body.innerHTML
    }else setTimeout(this.obj+\".checkloaded()\",100)
}

function ifrinit(){
    //Making a frame. You can have as many frames you want on a page
    //Arguments:
    // makeFrame(\'LOADING_IFRAME/LAYER\',\'THE_LAYER_AROUND_THE_OTHER_LAYERS\',\'THE_TEXT_BUFFER_LAYER\',\'THE_UP&DOWN_LAYER\',useBuffer)
    frame=new makeFrame(\'divLoad\',\'divCont\',\'divIEText\',\'divArrows\',useBuffer)
}
onload=ifrinit;


useBuffer=0
     
   
</script>
</head>

<body bgcolor=\"#FF9933\">
<script>
//Writing out the iframe info we need.
if(bw.ie4 || (bw.ie5 && (!bw.ie55 || useBuffer))){ //FOR IE4 AND IE%
    document.write(\'<iframe id=\"divLoad\"></iframe><div id=\"divCont\"><div id=\"divIEText\"></div></div>\')
}else if(bw.ns4){ //FOR NETSCAPE 4
    document.write(\'<div id=\"divCont\"><layer id=\"divLoad\"></layer></div>\')
}else if(bw.dom){ //FOR IE5.5 (if useBuffer is sets to 0) AND NETSCAPE 6
    document.write(\'<iframe marginwidth=\"0\" marginheight=\"0\" allowTransparency=\"true\" frameborder=\"0\" id=\"divLoad\" scrollbar=\"no\"></iframe>\')
}
</script>
<div id=\"divLinks\" style=\"width: 77; height: 148\">
<a href=\"#\" onclick=\"frame.loadpage(\'pages/page1.html\'); return false\">Load page 1</a>
<a href=\"#\" onclick=\"frame.loadpage(\'pages/page2.html\'); return false\">Load page 2</a>
<a href=\"#\" onclick=\"frame.loadpage(\'pages/page3.html\'); return false\">Load page 3</a>
<a href=\"#\" onclick=\"frame.loadpage(\'pages/page4.html\'); return false\">Load page 4</a>
</div>

<div id=\"divArrows\" style=\"width: 251; height: 33\">

</div>

</BODY>
</HTML>
Avatar billede djensen Nybegynder
02. juli 2001 - 21:07 #3
Det vil sige at det er nogle \"diver\"
Avatar billede jakoba Nybegynder
02. juli 2001 - 21:12 #4
Så lad os håbe olebole eller geeeet kommer forbi. De er bedre til div\'er
Avatar billede djensen Nybegynder
02. juli 2001 - 21:15 #5
ok...:)
Avatar billede djensen Nybegynder
02. juli 2001 - 22:19 #6
er der ikke nogen der kan hjælpe ?
Avatar billede djensen Nybegynder
03. juli 2001 - 01:14 #7
ej, kom nu lige hva\' ?
Avatar billede jakoba Nybegynder
03. juli 2001 - 02:03 #8
nogen gange kan det tage et par dage, der er andet at lave end at sidde her.
Avatar billede djensen Nybegynder
03. juli 2001 - 08:14 #9
Ok - så må jeg jo vel bare vente lidt :-)
Avatar billede djensen Nybegynder
11. juli 2001 - 23:06 #10
Jeg lukker spm....fandt ud af, at bruge layers.
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