Avatar billede gerri Nybegynder
19. marts 2001 - 18:50 Der er 23 kommentarer og
2 løsninger

text scroll

Jeg har brug for, at lave en tekst i et table hvor jeg gerne vil have indsat en \"hjemmelavet\" scrollbar evt. i form af nogle pile. Teksten skal kunne scrolle som en alm. op-ned scrollbar.

Jeg har fundet et script på www.bratta.com, men kan absolut ikke få det til at virke.

Er der nogen der har et godt råd, evt. hvor jeg kan finde et godt script????

Hilsen Gerri
Avatar billede a-torsten Nybegynder
19. marts 2001 - 18:53 #1
Avatar billede gerri Nybegynder
19. marts 2001 - 18:56 #2
Jeg har før stødt på denne scroll, og den ser egentlig meget fin ud, men jeg kan ikke helt gennemskue hvordan jeg bruger den!

Har du brugt den før? Er den nem at få implementeret på mit site?
Avatar billede gerri Nybegynder
19. marts 2001 - 18:58 #3
Kan man downloade et script på den???
Avatar billede mouzey Nybegynder
19. marts 2001 - 18:58 #4
<script language=\"Javascript\">
//X-plorer.dk
function scrollit() {
        for (I=1; I<=600; I++){
          parent.scroll(1,I)
        }
}
</script>
<input type=\"button\" value=\"Scroll Down!\" onClick=\"scrollit()\">
Avatar billede gerri Nybegynder
19. marts 2001 - 19:00 #5
Hej mouzey, jeg er temmelig meget nybegynder, og ved ikke helt hvad jeg skal gøre med det script!!!
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:01 #6
Hvor har du hjemmeside henne? :) Så kan jeg nemlig meget nemmere forklare dig det ;)
Avatar billede gerri Nybegynder
19. marts 2001 - 19:03 #7
hmm...jeg har ikke nogen hjemmeside, men er ved at lave en!!!
Avatar billede a-torsten Nybegynder
19. marts 2001 - 19:03 #8
http://www.dhtmlshock.com/scrollers/APScrollableArea/default.asp

Her er en perfekt forklaring... ja faktisk cut and paste..... den siger enda hvor de forskellige dele skal ligge,,,

-Anders
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:05 #9
Ok... Har du oprettet et subdomæne f.eks på subnet.dk ?

Du går ned i Start > Programmer > Tilbehør > Notepad : og der skriver du :

<html>
<head>
<script language=\"Javascript\">
//X-plorer.dk
function scrollit() {
        for (I=1; I<=600; I++){
          parent.scroll(1,I)
        }
}
</script>
</html>
</head>
Og så hvis du har hjemmeside hos subnet.dk , så går du ind og klikker på det hvide papir, og klikker \"html kode\" og så skriver du den \"html\" kode som jeg lige har skrevet..


Yupti ;)

Har du ikke icq?


/MouZey
Avatar billede gerri Nybegynder
19. marts 2001 - 19:06 #10
Hej a-torsten, det var lige præsis sådan en jeg mente!!!

Jeg håber jeg kan få den til at virke, ellers håber jeg du kan svare på evt. spørgsmål!!!
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:07 #11
Kopirer lige koden :
<html>
<head>
<style type=\"text/css\"> 
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<script language=\"JavaScript\">// begin absolutely positioned scrollable area object scripts
/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli
To add more shock to your site, visit www.DHTML Shock.com
*/

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=50

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.up=MoveAreaUp;this.down=MoveAreaDown;
    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.top=this.y
}

function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".down(\"+move+\")\",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".up(\"+move+\")\",speed)
    }
}

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

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContent\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
// end absolutely positioned scrollable area object scripts

</script>
<body>
<body bgcolor=\"999999\" onLoad=\"InitialiseScrollableArea()\">
</body>
<!-- begin absolutely positioned scrollable area object-->
<div id=\"divUpControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7)\" onMouseOut=\"CeaseScroll()\">[scroll
  up]</a> </div>
<div id=\"divDownControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(7)\" onMouseOut=\"CeaseScroll()\">[scroll
  down]</a> </div>
<div id=\"divContainer\">
  <div id=\"divContent\"> <b>Scroll Area Content Start</b>
    <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->
<style type=\"text/css\">
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<div id=\"divUpControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7)\" onMouseOut=\"CeaseScroll()\">[scroll up]</a> </div>
<div id=\"divDownControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(7)\" onMouseOut=\"CeaseScroll()\">[scroll down]</a> </div>
Avatar billede a-torsten Nybegynder
19. marts 2001 - 19:08 #12
gerri.... spør du bare løs....
Avatar billede gerri Nybegynder
19. marts 2001 - 19:11 #13
Tak begge to, jeg prøver lige mulighederne og vender tilbae, hvis det ikke virker! Så hold lige øje med mig!!!
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:11 #14
Anders > Der er jo egenligt ikke noget at spørge om.. det er jo bare at kopire den \"HTML\" kode som jeg skrev ind i sin hjemmeside? :-)
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:12 #15
Takker ;o)
Avatar billede gerri Nybegynder
19. marts 2001 - 19:12 #16
Jeg prøver...man ved jo aldrig!!!
Avatar billede a-torsten Nybegynder
19. marts 2001 - 19:14 #17
mouzey... Hvis man er i tvivl om noget må man self gerne spørge, og så kan det jo være at andre kan hjæl.e..*ehhe*..
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:14 #18
;o)
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:15 #19
Anders > *GGGGG*
Avatar billede mouzey Nybegynder
19. marts 2001 - 19:19 #20
Anders > Kan du huske spacey som der engang ejede www.backslash.dk sammen med dig? Har han en brugerprofil her på eksperten.dk <;( *G*
Avatar billede a-torsten Nybegynder
19. marts 2001 - 19:30 #21
mouz... yeps.. spacey .. men han kommer nok ikke online det næste stykke tid....
Avatar billede a-torsten Nybegynder
19. marts 2001 - 19:30 #22
mouz.. btw.. hvem der..???
Avatar billede gerri Nybegynder
19. marts 2001 - 19:33 #23
jeg kan kan ikke få laget til at ligge det rigtig sted. Og hvordan får jeg det til at ligge fast i forskellig opløsninger????
Avatar billede mouzey Nybegynder
20. marts 2001 - 15:19 #24
A-TORSTEN > kan du huske th@ boy inde fra din chat?
Avatar billede mouzey Nybegynder
20. marts 2001 - 15:19 #25
Det er mig..
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