Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:21 Der er 12 kommentarer og
1 løsning

iframe og scroller

Jeg har set et par sider hvor de havde en <iframe> men scrolleren var ikke en almendelig scroller det så ud som om den var lavet med grafik stykker, så det jeg gerne vil vider er: Kan man det?? hvis ja er der et sted jeg kan se et eksempel??
Avatar billede pelkjaer Nybegynder
11. juli 2002 - 08:24 #1
Så er det nok fordi det ikke en er <iframe> men en dhtml scroller alá http://www.ghtml.com/showoff/scrollbar/index.html
Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:28 #2
Kender godt den side, men er der virkelig ikke andre måder??
Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:30 #3
det er jo også et billed der bliver scrollet den jeg så var med ren tekst.
Avatar billede pelkjaer Nybegynder
11. juli 2002 - 08:31 #4
Du kan bare indsætte tekst istedet for et billede.
Avatar billede pelkjaer Nybegynder
11. juli 2002 - 08:32 #5
ghtml's er den fedeste synes jeg, men disse er også cool, men minder en del om ghtml's http://www20.brinkster.com/viewsrc/
Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:42 #6
Æv det er ikke lige det jeg leder efter.
Avatar billede pelkjaer Nybegynder
11. juli 2002 - 08:43 #7
Nå hvad leder du så efter?
Du kan jo få disse scrollere til at se ud som du vil.
Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:56 #8
det problem jeg har er at min side er opbygget sådan.
En tabel som er 100% høj og 100% bred. inden i dennne har jeg min side som er 735x450p det vil sige at alt efter opløsning hos brugeren hopper siden rundt. Og jeg fatter ikke det position der er brugt i overstående script, derfor kikker jeg efter noget lidt mere simpel.
Avatar billede bobbedude Nybegynder
11. juli 2002 - 08:59 #9
det problem jeg har er at min side er opbygget sådan.
En tabel som er 100% høj og 100% bred. inden i dennne har jeg min side som er 735x450p det vil sige at alt efter opløsning hos brugeren hopper siden rundt. Og jeg fatter ikke det position der er brugt i overstående script, derfor kikker jeg efter noget lidt mere simpel.
Avatar billede -master-d- Nybegynder
11. juli 2002 - 11:08 #10
ja det kan man meget nemt lave.
Avatar billede bobbedude Nybegynder
11. juli 2002 - 11:14 #11
-master-d- hvad mener du??
Avatar billede bgo Nybegynder
11. juli 2002 - 12:16 #12
Jeg tror ikke det er en iframe men snarrere en div. Jeg har selv prøvet at lege med det og det virker.

Her er JavaScriptet som styrer det:

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;
    //added
    this.ie4mac=this.ie4 && navigator.userAgent.indexOf("Mac")>-1
    this.ie5mac=this.ie5 && navigator.userAgent.indexOf("Mac")>-1
    this.ie55=(this.ver.indexOf("MSIE 5.5")>-1 && this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5 || this.ie5mac)
    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;

Og her css'en til div'erne:

#divUp{position:absolute; left:885; top:118}

#divDown{position:absolute; left:885; top:546}

#divCont{position:absolute; width:729; height:465; overflow:hidden; top:109; left:153; clip:rect(0,729,465,0); visibility:hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000}

#divText{position:absolute; top:0; left:0}

Desvære kan jeg ikke forklare så meget om det, da jeg selv har tyvstjålet det og leget med det til det passede til www.pantheonmusic.cjb.net

bgo
Avatar billede bgo Nybegynder
11. juli 2002 - 12:17 #13
ups, det var ment som et svar:)

bgo
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