automatisch scroll naar beneden.

Status
Niet open voor verdere reacties.
N

NielsEulink

Gebruiker
Lid geworden
7 sep 2013
Berichten
82
hallo iedereen,

ten eerste meld ik nu al vast dat ik niet precies wist onder welk kopje dit bericht moest.
mijn vraag:

ik heb een chat systeem gemaakt en wil graag dat hij automatisch scrolt naar beneden. (naar de nieuwe berichten)
ik weet niet hoe/of ik het met css, javascript of php moet doen.

- zo ziet mijn script er uit: http://pastebin.com/8pg9mwv6
- zo ziet mijn chat systeem er uit: http://i.imgur.com/Fjz97DP.png

wat ik dus wil is dat mijn #View automatisch naar beneden scrolt nadat hij de berichten opnieuw heeft opgehaald.
hopelijk is het duidelijk genoeg. alvast bedankt. :)

mvg, Niels Eulink
 
Ik heb zoiets op mijn website ook gemaakt.
Ik zal de code eventjes opzoeken en deze hier posten

EDIT:
Ik heb het met een IFrame gedaan, maar misschien helpt het iets

ifrm = IFrame, deze moet je vervangen met jouw eigen object. Wat je wel moet doen is dit
Code: 
/* This function scrolls to the IFrameView when the page is loaded */
Dat is een commentaar regel, zo weet je als je de code terug kijkt wat wat doet ;-) Wel zo handig!


Code: 
 ifrm = document.getElementById("ifrm"); 
	 ifrm.scrollIntoView();

Ik denk dat je dan iets van scrollToBottom() moet doen.

Suc6,
Tim
Als je nog hulp nodig hebt. PM me of mail me!
 
Laatst bewerkt:
Verplaatst van PHP naar Javascript
 
Het is een ongeschreven regel op Helpmij om communicatie via het forum te laten verlopen. We stellen het dan ook erg op prijs er via het forum gecommuniceerd wordt en dat de oplossing van een vraag hier uiteindelijk geplaatst wordt.
 
is het ook goed als ik straks als het is opgelost de goeie codes en oplossing hier post ? en de status op: oplost. zet ?
 
Zolang de uiteindelijke oplossing hier komt te staan heb ik er geen moeite mee, op die manier heeft een ander namelijk ook iets aan je vraag ;)
 
helaas is er niks uitgekomen ik moet een php script hebben die auto naar beneden scrolt
wat de helpmij chat ook heeft.


Niels Eulink
 
ik heb een oplossing bedacht. het zal wel niet de makkelijkste manier zijn maar het werkt wel,
kon namelijk niks vinden op het internet.

voeg: <a id="scroll" name="scroll"></a> aan het einde van alles chat berichten
en aan het einde van je link: #scroll dan gaat ie auto naar dat punt van de pagina. :)
 
Ziet eruit als een mooie oplossing!
Is dit PHP of JavaScript?
Of gewoon HTML?
 
dat is gewoon html ;)
1 nadeel hij scrolt niet helemaal zelf kwam ik net achter dus nog ff verder kijken.
 
Wat je zou kunnen doen is bij de reload script als er nieuwe berichten zijn, naar de url toesturen met #scroll erachter
 
mijn script reload niet auto maar standaard iedere 1 sec.
ik probeer nu een ander script uit. hopen dat dat werkt
 
ik heb het probleem opgelost !
manier:

<script type="text/javascript">
var auto_refresh = setInterval(
function () {
$("#Div").scrollTop($("#Div")[0].scrollHeight);
}, 550);
</script>

wat er gebeurt: iedere 0,55 sec scrolt hij auto naar beneden.
dat heb ik zo ingesteld omdat mijn script iedere 0,5 sec kijk of er een nieuw bericht is,
zo loop het dus mooi i elkaar over.


bedank voor alle reacties ik hoop dat ik hier iemand mee wegwijs heb gemaakt.

-Niels Eulink
 
Waarom maak je er niet gewoon een losse functie van die je aanroept aan het einde van de functie die checkt op nieuwe berichten?

Scheelt een extra interval gebruiken ;)
 
ik zou niet weten hoe...
ik ben erg slecht met javascript. ik wil mijn script wel uploaden op dit forum.
zodat je er naar kan kijken en mij kan uitleggen hoe ik dan moet doen. als je dat wil/tijd voor hebt.

het klinkt namelijk als minder dataverkeer en dan is lekker voor de portemonnee :p

-Niels Eulink
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan