Avatar billede klas Juniormester
30. oktober 2000 - 23:34 Der er 61 kommentarer og
1 løsning

hvordan laves en scroll side nemmest ?

heysa,

På www.eroticom.dk/front-index.htm skal jeg have noget tekst til at stå i det store felt i midten . . Men hvordan gøres dette nemmest ?

Jeg vil have at siden skal have en fsat størrelse hele tiden . .Men nogle af de sider der skal stå der er større  . . Hvordan laver jeg så en \"pæn\" scrool funktion . .skal jeg til at lave det hele i frames .  ? eller kan man lave noget smart . .

Skal virke både i NS ogIE . .
Avatar billede nathan Nybegynder
30. oktober 2000 - 23:54 #1
mmm du skal placere en frame i midten med scroll bar, du kan lave den sådan scroll baren er kun synlig, når siden er langt/større.

Jeg fandt en fejl.. under menuer har du kaldt main.asp ved at linke den fra eroticom i venstre frame. men når man klikke den på kalde du hele siden i venstre frame. kig lidt på target_frame!
/nathan
Avatar billede klas Juniormester
31. oktober 2000 - 00:01 #2
\"du skal placere en frame i midten med scroll bar, du kan lave den sådan scroll baren er kun synlig, når siden er langt/større.\"

Der er bare normal frames . .det kender jeg godt . .Men jeg leder helst efter noget mere smart . .så som en \"selv designet\" scroller . .eller en måde hvor jeg kan bruge include istedet for frames . .

Den fejl du snakker om . .hvor på siden er den ? jeg har ikke kunne finde den nogle steder.
Avatar billede nathan Nybegynder
31. oktober 2000 - 00:06 #3
http://www.eroticom.dk/default.asp
i venster frame!

Jeg tror ikke du kan bruge noget selv desigenet scroller, men prøve lidt med noget layer!



Avatar billede klas Juniormester
31. oktober 2000 - 00:09 #4
Hvis det er første menupunkt du tænker på, så er det ikke en fejl . . det er en ny menu der kommer op med oversigt over de forskellige produkter . .Alle de andre åbner (på min computer) i den rigtige frame . .

Er der nogle der har nogle links til noget hvor noget ala det jeg skal alve er lavet i layers ?  . . kan man egentlig bruge layers i NS ?
Avatar billede nathan Nybegynder
31. oktober 2000 - 00:15 #5
*lol* det var ikke første menu jeg mente, men klik på eroticom title som står oven over menuer i samme frame!

Jeg kender desvære ikke meget til layers, men har set nogen webside som bruger layers, virker ret flot! jeg tror måsker man får problemer med NS. men jeg er ikke sikkert.
prøver søger på nettet!

/nathan
Avatar billede nathan Nybegynder
31. oktober 2000 - 00:27 #6
Avatar billede olebole Juniormester
31. oktober 2000 - 03:23 #7
<ole>
Den nok fedeste tutorial på WWW om X-browser DHTML:
    http://www.dansteinman.com/dynduo/
Han kan også en del med scroll-vinduer. Check ham ud...! ;o))
/mvh
</bole>
Avatar billede jwolf Nybegynder
31. oktober 2000 - 08:05 #8
Jeg ved en måde så du kan sætte farver på en scroller så den kommer til at passe ind i dit design.. men jeg kan desværre ikke huske koden i hovedet, så du får den først i aften (hvis ud på det tidspunkt ikke allerede har fået svar...)
Avatar billede klas Juniormester
31. oktober 2000 - 15:44 #9
Nathan :: ok - Nu har jeg set fejlen :) tak for det


Jeg kigger lige de der links igennem . .men tager gerne imod flere svar
Avatar billede klas Juniormester
31. oktober 2000 - 15:50 #10
http://www.dansteinman.com/dynduo/


mange af hans demoer virker ikke . . og dem der gør kan ikke bruges  :(
Avatar billede nathan Nybegynder
31. oktober 2000 - 16:47 #11
Hej klas, Jeg har forstået nu at der findes two type layers(eller layers kan bruges på 2 måder)

1)CSS-layer

2)dhtml layer

første er kompatible med både NS og IE, mens anden er kun kompatibel med NS. Jeg ved det ikke om det passer, men jeg har læst det et eller andet sted.

/nathan
Avatar billede nixen Nybegynder
03. november 2000 - 09:59 #12
nathan>> øhhh?
Det du siger om layers lyder umiddelbart rimeligt uforståeligt ?!
klas>> Hvis du mener at det steinman laver ikke kan bruges så ... altså.. steinman er guru\'EN for mange dhtml/script programmører - hvis ikke du kan bruge ham til noget skal du ikke gå igang med at lave en dhtml-scrollbar; den opgave dør du på hvis du skal lære om lag, events og script logik samtidigt. Brug dog bare nogle frames i stedet...
Avatar billede klas Juniormester
03. november 2000 - 15:58 #13
Jeg siger bare at det jeg fandt på hans side ikke ser godt nok ud . . at det virker efter hensigten kan godt være , ,men det er ikke det jeg har brug for  . .

Hvis jeg bruger frames . .som jeg jo nok skal til skal jeg jo stadig have svaret på spørgsmålet, da jeg ikke vil have den der grimme grå scrool bar midt på siden . .
Avatar billede nathan Nybegynder
03. november 2000 - 16:04 #14
klas, jeg har også kiggede på hans side, flere af hans demoer virker ikke! Jeg vender tilbage hvis jeg finder noget mere om layers!

/nathan
Avatar billede nixen Nybegynder
03. november 2000 - 16:14 #15
klas>> Det kan godt lade sig gøre at lave en scrollbar der afløser den normale og kun scroller en del af siden, det kræver bare at du har styr på en ordentlig røvfuld css-properties og events - prøv eventuelt at tjek www.bratta.com, han kan også nogle x-browser ting. En måde at lære lortet på er at læse tutorials fra enten ham eller steinman og derefter prøve det af.. Du lærer det ikke på en weekend, tilgengæld lærer du en hel masse om dhtml.
Avatar billede olebole Juniormester
03. november 2000 - 16:19 #16
Yepsen, nixen! ;o))
/mvh
Avatar billede klas Juniormester
03. november 2000 - 16:21 #17
jeg har desværre ikket id til at lærer en masse lige nu . .så jeg går efter den hurtige løsning
Avatar billede klas Juniormester
03. november 2000 - 16:31 #18
Er der ikke nogle der har en måde bare at skifte farve på scrool baren ?
Avatar billede nixen Nybegynder
04. november 2000 - 17:18 #19
nope, der er ikke noget at gøre - enten bruger man den som den er ellers laver man sin egen :-(
Avatar billede nathan Nybegynder
04. november 2000 - 22:17 #20
Avatar billede klas Juniormester
05. november 2000 - 13:20 #21
Thanx - Det ser helt fint ud  :)
Avatar billede nathan Nybegynder
05. november 2000 - 14:11 #22
takker for pointerne! håber du kan kom af med de grimme standrad scrollbar!

/nathan
Avatar billede nathan Nybegynder
06. november 2000 - 12:47 #23
check lige scroll baren på den side!
http://www.aventtech.snoop.dk/
Avatar billede nixen Nybegynder
06. november 2000 - 12:52 #24
nathan>>..? scrollbar? Der er da kun standard-dimsen, eller?
Avatar billede nathan Nybegynder
06. november 2000 - 13:02 #25
har anden farve!
Avatar billede nixen Nybegynder
06. november 2000 - 13:05 #26
Har du spist grønne frøer, mand !? ;o)
Det er en ganske 100% normal scrollbar - der er intet anderledes ved den.
Avatar billede nathan Nybegynder
06. november 2000 - 13:29 #27
haaaaa grøn frøer, jeg kan se den på gul! jeg bruger IE5.5
Avatar billede nixen Nybegynder
06. november 2000 - 13:30 #28
AHHH! Jeg bruger IE5.0 - det er jo nok derfor :-))
Avatar billede nathan Nybegynder
06. november 2000 - 13:32 #29
skift den ud med ny ver.5.5 :-)
Avatar billede klas Juniormester
06. november 2000 - 15:37 #30
tror næsten denne scrollbar er bedre end den anden med layers du viste mig . ..
Avatar billede nathan Nybegynder
06. november 2000 - 15:49 #31
ja men det er jo en smag sag!
den passer til stor viduer, anden passer til små vinduer
Avatar billede klas Juniormester
06. november 2000 - 15:52 #32
Der er nemlig lidt problemer med den anden . . jeg ved ikke om den kan laves centreret.. .  det er siden nemlig ..
Avatar billede nathan Nybegynder
06. november 2000 - 15:53 #33
jaaaa mon ikke? har du kikket koderne?
Avatar billede nathan Nybegynder
06. november 2000 - 15:55 #34
kikket=kigget
Avatar billede klas Juniormester
06. november 2000 - 15:57 #35
ja lidt ... .  men det var i går aftes klokken 2 . .gad ikke mere ..

http://www.eroticom.dk/default2.htm

Klik på \"saadan handler du hos os\" i menuen . .

Scrool funktionen virker ikke .. men det kigger jeg på i dag . .  det vigtigste er at den ikke er centreret
Avatar billede nathan Nybegynder
06. november 2000 - 16:02 #36
jeg kan se den ikke virker, men prøver og kigge på koderne, den passer nemlig meget godt til siden. kan du ikke ændre den hvid bagrund til noget lyser farve end den bagrund farver du bruger på siden?

/nathan
Avatar billede klas Juniormester
06. november 2000 - 16:14 #37
hvide ?  du mener vel den lysebrune right ?
Avatar billede nathan Nybegynder
06. november 2000 - 21:45 #38
den ser hvid up på min browser IE5.5
Jeg mener den lang hvid bælke på scrollen.
Avatar billede klas Juniormester
06. november 2000 - 23:22 #39
ok :) så er jeg mere rolig
Avatar billede nathan Nybegynder
06. november 2000 - 23:34 #40
”Katja Kean er uimodståelig! Alene hendes røv er alle pengene værd! En dampende hed og lækkert lavet film. En klar storsælger!”
haaaaa *lol*
Avatar billede klas Juniormester
06. november 2000 - 23:36 #41
- Jeg har bare en ting at sige . . køb den, køb den - Det gør alle mine veninder ;o)
Avatar billede nathan Nybegynder
06. november 2000 - 23:39 #42
:-)
Avatar billede klas Juniormester
07. november 2000 - 00:37 #43
Eeeh . .

hvis jeg sætter den til at være centeret kan den ikke scrolle . .  hvis den er venstre justeret og åbnes i et nyt vindue kan den godt scrolle .. men ikke nr den er i en frame . .HVad gør man så  ?

http://www.eroticom.dk/default2.htm

Klik på \"saadan handler du hos os\" i menuen . .
Avatar billede nathan Nybegynder
07. november 2000 - 00:40 #44
jeg kan se den ikke virker
har du kigget på java scriptet?
Avatar billede klas Juniormester
07. november 2000 - 17:05 #45
hvilken del af det tænker du på ?

Ang. det med frames kommer der en fejl i disse linier:

else if (ie) {
        if (frameref) {
            this.css = parent.frames[frameref].document.all[id].style
            this.ref = parent.frames[frameref].document
        }

Det andet kigger jeg lige lidt på selv først
Avatar billede klas Juniormester
07. november 2000 - 17:11 #46
det fatter min hjerne ikke . . 50 points for hvert svar til de 2 problemer :)

mener at det med at den ikke vil scrolle kan findes i disse linier:

<SCRIPT language=JavaScript>
document.writeln(\'<STYLE TYPE=\"text/css\">\');
document.writeln(\'<\\!--\');
document.writeln(\'#scrollWindow {position:absolute; center:\'+scrollLeft+\'; top:\'+scrollTop+\'; width:\'+scrollWidth+\'; height:\'+scrollHeight+\'; clip:rect(0,\'+scrollWidth+\',\'+scrollHeight+\',0);}\');
document.writeln(\'#scrollBorderTop {position:absolute; left:0; top:0; width:\'+scrollWidth+\'; height:\'+scrollBorder+\'; clip:rect(0,\'+scrollWidth+\',\'+scrollBorder+\',0); background-color:\'+scrollBorderColor+\'; layer-background-color:\'+scrollBorderColor+\';}\');
document.writeln(\'#scrollBorderBottom {position:absolute; left:0; top:\'+(scrollHeight-scrollBorder)+\'; width:\'+scrollWidth+\'; height:\'+scrollBorder+\'; clip:rect(0,\'+scrollWidth+\',\'+scrollBorder+\',0); background-color:\'+scrollBorderColor+\'; layer-background-color:\'+scrollBorderColor+\';}\');
document.writeln(\'#scrollBorderLeft {position:absolute; left:0; top:0; width:\'+scrollBorder+\'; height:\'+scrollHeight+\'; clip:rect(0,\'+scrollBorder+\',\'+scrollHeight+\',0); background-color:\'+scrollBorderColor+\'; layer-background-color:\'+scrollBorderColor+\';}\');
document.writeln(\'#scrollBorderRight {position:absolute; left:\'+(scrollWidth-scrollBorder)+\'; top:0; width:\'+scrollBorder+\'; height:\'+scrollHeight+\'; clip:rect(0,\'+scrollBorder+\',\'+scrollHeight+\',0); background-color:\'+scrollBorderColor+\'; layer-background-color:\'+scrollBorderColor+\';}\');
if (ie)
document.writeln(\'#scrollTextWindow {position:absolute; left:\'+scrollBorder+\'; top:\'+scrollBorder+\'; width:\'+(scrollWidth-scrollBarWidth-2*scrollBorder)+\'; height:\'+(scrollHeight-2*scrollBorder)+\'; clip:rect(0,\'+(scrollWidth-scrollBarWidth-2*scrollBorder)+\',\'+(scrollHeight-2*scrollBorder)+\',0); background-color:\'+scrollTextBGColor+\'; layer-background-color:\'+scrollTextBGColor+\';}\');
document.writeln(\'#scrollBar {position:absolute; left:\'+(scrollWidth-scrollBarWidth-scrollBorder)+\'; top:\'+scrollBorder+\'; width:\'+scrollBarWidth+\'; height:\'+(scrollHeight-2*scrollBorder)+\'; clip:rect(0,\'+scrollBarWidth+\',\'+(scrollHeight-2*scrollBorder)+\',0); background-color:\'+scrollBarColor+\'; layer-background-color:\'+scrollBarColor+\';}\');
if (scrollBoxColor==\"none\")
document.writeln(\'#scrollBoxDiv {position:absolute; left:0; top:0; width:\'+scrollBarWidth+\'; height:\'+scrollBoxHeight+\'; clip:rect(0,\'+scrollBarWidth+\',\'+scrollBoxHeight+\',0);}\');
else
document.writeln(\'#scrollBoxDiv {position:absolute; left:0; top:\'+scrollArrowHeight+\'; width:\'+scrollBarWidth+\'; height:\'+scrollBoxHeight+\'; clip:rect(0,\'+scrollBarWidth+\',\'+scrollBoxHeight+\',0); background-color:\'+scrollBoxColor+\'; layer-background-color:\'+scrollBoxColor+\';}\');
document.writeln(\'#scrollArrowUpDiv {position:absolute; left:0; top:0; width:\'+scrollBarWidth+\'; height:\'+scrollArrowHeight+\'; clip:rect(0,\'+scrollBarWidth+\',\'+scrollArrowHeight+\',0); background-color:\'+scrollArrowColor+\'; layer-background-color:\'+scrollArrowColor+\';}\');
document.writeln(\'#scrollArrowDownDiv {position:absolute; left:0; top:\'+(scrollHeight-2*scrollBorder-scrollArrowHeight)+\'; width:\'+scrollBarWidth+\'; height:\'+scrollArrowHeight+\'; clip:rect(0,\'+scrollBarWidth+\',\'+scrollArrowHeight+\',0); background-color:\'+scrollArrowColor+\'; layer-background-color:\'+scrollArrowColor+\';}\');
document.writeln(\'#scrollBoxDiv {position:absolute; left:0; top:0; width:\'+scrollBarWidth+\'; height:\'+scrollBoxHeight+\'; clip:rect(0,\'+scrollBarWidth+\',\'+scrollBoxHeight+\',0);}\');


document.writeln(\'-->\');
document.writeln(\'</STYLE>\');
</SCRIPT>

<DIV id=scrollWindow>
<DIV id=scrollBar>
<DIV id=scrollBoxDiv></DIV>
<DIV id=scrollArrowUpDiv></DIV>
<DIV id=scrollArrowDownDiv></DIV></DIV>
<DIV id=scrollBorderTop></DIV>
<DIV id=scrollBorderBottom></DIV>
<DIV id=scrollBorderLeft></DIV>
<DIV id=scrollBorderRight></DIV>
<SCRIPT language=JavaScript>
if (n) document.writeln(\'<LAYER NAME=\"scrollTextWindow\" SRC=\"\'+scrollFirstPage+\'\" LEFT=\'+scrollBorder+\' TOP=\'+scrollBorder+\' WIDTH=\'+(scrollWidth-scrollBarWidth-2*scrollBorder)+\' HEIGHT=\'+(scrollHeight-2*scrollBorder)+\' CLIP=\"0,0,\'+(scrollWidth-scrollBarWidth-2*scrollBorder)+\',\'+(scrollHeight-2*scrollBorder)+\'\" BGCOLOR=\"\'+scrollTextBGColor+\'\"></LAYER>\')
if (ie) document.writeln(\'<DIV ID=\"scrollTextWindow\"><IFRAME NAME=\"scrollTextFrame\" SRC=\"\'+scrollFirstPage+\'\" WIDTH=\'+(scrollWidth-scrollBarWidth-2*scrollBorder)+\' HEIGHT=\'+(scrollHeight-2*scrollBorder)+\' MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER=\"No\" SCROLLING=\"No\"></IFRAME></DIV>\')
</SCRIPT>

Avatar billede klas Juniormester
07. november 2000 - 22:52 #47
nathan  ::  JEg har prøvet scriptet i NS . .det virker ikke :(
Avatar billede nathan Nybegynder
07. november 2000 - 23:04 #48
mmmm de siger jo den virker både på NS og IE...
Avatar billede klas Juniormester
07. november 2000 - 23:05 #49
prøv at tjekke siden i NS .. den virker ikke .. heller ikke deres egen demo
Avatar billede nathan Nybegynder
07. november 2000 - 23:24 #50
A Non-External File Scrollbar Script:

Even though the external file is a handy thing, I believe in many cases it won\'t be necessary. It\'s easier if the content is in the same file as the script. And since you don\'t have to use IFRAME the script works equally as well in both Netscape and IE.

I won\'t explain it here but just look at scrollbar4.html to see how to do it.

/nathan
Avatar billede nathan Nybegynder
09. november 2000 - 00:14 #51
tjek lige den link!
http://www.domaindirect.com/
Avatar billede klas Juniormester
09. november 2000 - 18:05 #52
virker ikke i netscape
Avatar billede klas Juniormester
09. november 2000 - 18:07 #53
\"I won\'t explain it here but just look at scrollbar4.html to see how to do it. \"


Virker heller i netscape . . .
Avatar billede nathan Nybegynder
09. november 2000 - 18:54 #54
jeg har testet i NS6.0 men den virker ikke :-(
Avatar billede klas Juniormester
09. november 2000 - 18:57 #55
nope desværre
Avatar billede olebole Juniormester
09. november 2000 - 19:06 #56
På 10 dage kunne man have nået at lære bunker af DHTML ved hjælp af tutorials som Steinman\'s og Bratli\'s :o))
/mvh
Avatar billede klas Juniormester
09. november 2000 - 19:10 #57
jeg har ingen tid desværre  :(
Avatar billede nathan Nybegynder
09. november 2000 - 19:15 #58
olebole> den virker fint på IE, men ikke NS, klas står med en opgave han skal løse hurtigt, Er det ikke smart at finde nogle oplysninger på eksperten/nettet, bagefter kan man ændre koderne, Jeg hjalp ham med finder nogle oplysninger, han kan jo lære DHTML når han har tid til det! :-o)
Avatar billede klas Juniormester
09. november 2000 - 19:20 #59
Jeps det kommer nok om nogle nmåneder :) lige nu arbejder jeg jo normalt arbejde om dagen og laver web om aftenen .. så der er ikke tid til det vilde indlæring der skal bare laves lidt  :)

Jeg har fundet flere forskellige . . men ingen af dem virker i NS  :(
Avatar billede nixen Nybegynder
09. november 2000 - 19:22 #60
Der er en her der virker på NS - så vidt jeg kan se med nogle gode optimeringer :-)

http://www.webreference.com/dhtml/column23/
Avatar billede olebole Juniormester
09. november 2000 - 19:29 #61
Hmmmm...virker fint i NS, men er komplet død i IE!...I hvert fald på Mac.
Jeg har lige lukket min PC ned og er på vej hjem, så jeg kan ikke checke den på PC.
/mvh
Avatar billede nixen Nybegynder
09. november 2000 - 19:30 #62
right on, den er udelukkende til NS. For en gangs skyld. 
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