[Javascript] Scrollbar plaats instellen - Softwareontwikkeling

dinsdag 2 maart 2004 00:31

Acties:

Topicstarter

Ik ben er zelf al een tijdje mee bezig geweest, en flink wat gegoogled, maar ik kom er niet uit: Ik ben op het moment bezig met een webbased irc script. Hierin wordt de main-chat-tekst in een div gezet die de optie "overflow:auto;" heeft.

Het probleem is, dat zodra de pagina wordt geopend, de scrollbar helemaal bovenaan staat. Dit heeft elke browser standaard, maar ik wil het veranderen, omdat de nieuwste tekst in de chat-div onderaan staat. Ik ben dus op zoek naar een Javascript die die bepaalde scrollbar standaard naar beneden zet. Misschien is een plaatje ter verduidelijking handiger:

Afbeeldingslocatie: http://milenco.student.utwente.nl/files/scrollbar.gif

Afbeeldingslocatie: http://milenco.student.utwente.nl/files/scrollbar.gif

Bij 1 wordt aangegeven hoe de scrollbar standaard staat tijdens het laden van de pagina. Bij 2 staat hoe ik het wil hebben tijdens het laden (zodat ik de balk niet meer handmatig naar beneden hoef te drukken).

krvabo kwam al met de oplossing van html anchors gekomen, maar het probleem daarbij is, dat die ook in de url naam moeten komen (irc.php#anchornaam), en dat is niet mijn bedoeling. Een bijkomend probleem is, dat als de pagina automatisch hernieuwd, IE na de refresh niet de scrollbar terugplaats bij de anchor.

Mijn vraag:
Is het mogelijk mijn probleem op te lossen in Javascript? Zo ja; op welke functies moet ik dan zoeken. Zo nee; waarmee kan dat eventueel wel.

PS: Ik heb het beleid doorgelezen en ik vraag dan ook niet naar een kant en klaar script. Als jullie mij op weg kunnen helpen, kan ik de rest zelf wel verder uit-google-n. Zolang ik weet wáár ik precies op moet zoeken.

dinsdag 2 maart 2004 00:38

Acties:

FireWire

I taste like chicken...

ik ben niet goed in duits maar volgens mij doet dit zijn werk wel
http://selfforum.teamone.de/archiv/2000/7/16603/
suc6

\__________________________________Niet verwarren met IEEE 1394__________________________________/

dinsdag 2 maart 2004 00:42

Acties:

Verwijderd

Ik weet niet hoe ze het hier oplossen: http://cgiirc.sourceforge.net/

maar het zou wel het kijken waard kunnen zijn..

dinsdag 2 maart 2004 01:13

Acties:

Sendy

Nou, de link van FireWire is wel leuk, maar de code die er staat is IE afhankelijk. De link van Kampie is een irc component voor buiten javascript; daar heb je niet zoveel aan denk ik.

Ik denk wel dat het moeilijk is, want je wilt niet dat de scrollbar onderaan staat, maar dat de scrollbar naar onder gaat als er tekst bijkomt. Misschien kan je wel de scrollbar van de browser besturen? Of anders moet je de nieuwe tekst maar boven zetten

dinsdag 2 maart 2004 01:28

Acties:

Verwijderd

Dit :

code:

1
2
3

<script language="JavaScript">
scroll(0,50000);scroll(0,50000);
</script>

heb ik uit dit http://www.monstar.nl/php/demo.php3 (monstar chat) script.

Misschien heb je er wat aan..

Suc6

dinsdag 2 maart 2004 06:59

Acties:

crisp

Devver

Pixelated

volgens mij kan je gewoon de scrollTop zetten van je div

Intentionally left blank

zaterdag 6 maart 2004 15:14

Acties:

Milenco

Topicstarter

Sorry voor het late bericht, maar ik wou toch nog even melden hoe ik het heb opgelost: Iframes. Iframes boden voor mij toch een betere oplossing, omdat de chat-div vaker gerefreshed moest worden dan de rest van de pagina. Door de onderstaande code in de <body> tag van de iframe te plaatsen, wordt mijn pagina automatisch naar beneden gescrollt:

code:

1	<body onload="window.scrollTo(0, 1000000000)">

Die 1000000000 is dan gewoon een gigantisch hoog getal, wat je ook wel zou kunnen vertienvoudigen (bij wijze van spreken), die is er om er zeker van te zijn dat die helemaal naar beneden scrollt, ook al is de pagina 3000 regels lang.

Bedankt voor jullie hulp