Avatar billede webpassion.dk Novice
15. november 2007 - 22:23 Der er 20 kommentarer og
1 løsning

Kodning af Text box med scroll

Jeg skal på en html-side lave en tekst box med egen scrollbar, der ser ca. således ud: http://www.webpassion.dk/text-box.htm

Den skal puttes ind bl.a. her: http://www.quatre.dk/test/what-is-quatre.htm og skal kunne placeres enten i en tabel eller relativt afhængig af skærmstørrelse.

Jeg har søgt og søgt og søgt på nettet efter en så godt som færdig løsning, men har ikke kunnet finde noget.

Det begynder at haste lidt, da kunden venter.

Er der nogen, der kan hjælpe med en løsning eller et super godt link?
Jeg tænker, det kan laves i javascript???
Må ikke være flash.

De bedste hilsener
My Charlot
Avatar billede keysersoze Ekspert
15. november 2007 - 22:28 #1
Avatar billede w13 Novice
15. november 2007 - 22:30 #2
Denne her er rimelig populær og kan forholdsvist let ændres: http://www.ghtml.com/showoff/scrollbar/
Avatar billede w13 Novice
15. november 2007 - 22:30 #3
Ahr.. Der var jeg sgu for langsom :)
Avatar billede webpassion.dk Novice
16. november 2007 - 07:20 #4
Skønt! Jeg kigger lige på det ;o)
Avatar billede webpassion.dk Novice
21. november 2007 - 14:53 #5
Det er nu lykkedes mig at få lavet den scrollbar, som I begge har angivet, men hvordan får jeg teksten placeret således, at der tages højde for forskellige skærmstørrelser:
800 x 600 eller 1024 x 768 m.fl.
Jeg er klar over, det er relative contra absolut, men hvor er det liiiige jeg skal rette??
Siden ligger her: http://www.quatre.dk/test/products.htm

Teksten ligger placeret højere i Firefox og Netscape end i IE7+6.

Som I kan se, skal jeg have pil-op/ned hen at ligge over den lange baggrunds-scrollbar.

Håber I også hér kan hjælpe *S*

Takker mange gange på forhånd.

My Charlot
Avatar billede keysersoze Ekspert
21. november 2007 - 19:48 #6
Du bliver nødt til at placere din scroll inde i eller i forhold til et andet element - sæt den fx ind i din tabel.
Avatar billede webpassion.dk Novice
21. november 2007 - 19:55 #7
hmmmm, det blev jeg ikke så meget klogere af
Avatar billede keysersoze Ekspert
21. november 2007 - 22:10 #8
hvis du undersøgte hvordan position fungerede ville det hele give mere mening - det vil i dit tilfælde måske være nok at sætte position relative på den td din scroll ligger inde i.
Avatar billede webpassion.dk Novice
22. november 2007 - 12:29 #9
Har nu prøvet at ændre position absolute til relative flere steder, men ingen af dem hjælper. Til gengæld, så passer billedet, når jeg gør skærmbilledet mindre. Hvad siger det os?
Avatar billede keysersoze Ekspert
22. november 2007 - 17:23 #10
har ikke snakket noget om at du skulle ændre - kun at du skulle tilføje. Og jeg kan ikke umiddelbart se at du har tilføjet en style på din foreslåede td.
Avatar billede webpassion.dk Novice
22. november 2007 - 17:42 #11
hvordan skal sådan en style se ud?
Avatar billede keysersoze Ekspert
22. november 2007 - 17:47 #12
style="position: relative;"
Avatar billede webpassion.dk Novice
22. november 2007 - 18:03 #13
<table width="490" border="0" style="position: relative;">

........ og se hvad der skete. http://www.quatre.dk/test/products.htm
Avatar billede webpassion.dk Novice
22. november 2007 - 18:07 #14
Har også prøvet at lægge den ind på <td>
......... og hvordan styrer jeg, hvor den skal ligge på de forsk. skærmstørrelser. Skal jeg ikke have noget if...kode?
Avatar billede keysersoze Ekspert
22. november 2007 - 18:16 #15
For mig at se virker det da perfekt nu med den ene tilrettelse at du skal tilpasse placeringen af din scroll i forhold til din td fremfor vinduet som helhed.
Avatar billede webpassion.dk Novice
22. november 2007 - 18:42 #16
suk jeg giver op.
Jeg ved ikke, hvilken skærm du ser det på, men på min skærm ser det således ud.
http://www.quatre.dk/test/test2.htm
........ og nu kan man slet ikke scrolle.
Er der virkelig ikke nogen, der kan hjælpe mig hér. Fortælle mig nøjagtigt, hvordan koden skal se ud. Aaargh !
Avatar billede keysersoze Ekspert
22. november 2007 - 20:54 #17
Sådan ser det også ud på min skærm - og det er også det forventelige der kunne ske med den style du har sat ind. Din scroll virker - den ligger bare et andet sted end hvor den rent grafisk er synlig for dig så for at få den til at være korrekt skal du ændre placeringen (dvs left og top) på formentlig alle elementer der har med scrollen at gøre.
Avatar billede webpassion.dk Novice
23. november 2007 - 10:05 #18
jamen det hjælper jo ikke hvis du har en anden skærmstørrelse.
Avatar billede keysersoze Ekspert
23. november 2007 - 19:23 #19
jo
Avatar billede webpassion.dk Novice
26. november 2007 - 11:49 #20
Hvad skal jeg betale dig for at give mig den færdige kode?
Jeg har prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet og prøvet.
Kan ikke få det til at passe.
Pleeeeaase.
Avatar billede keysersoze Ekspert
29. november 2007 - 23:50 #21
Det kan jeg desværre ikke tilbyde - men prøv at send mig en mail eller fang mig på messenger, du kan finde info under mine brugerinfo
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