[CSS, JS, HTML] Bij klik laad .html in div met vervaging

[kevinr1]

Hallo allemaal,

Ik heb een klein probleem waar ik niet uit kom,
ik ben hier al enkele dagen mee bezig maar kom er echt niet uit.
Heb flink wat lopen google-en maar ik kom er niet.

Het gaat om het volgende:
[Download a.u.b. eerst de bijlage *knip* en open index.html in firefox, chrome o.i.d.(!!!!!!)]

De teskt:
"Over Test ttest"

Moet vervagen als er op een menu koppeling wordt geklikt en de nieuwe koppeling in vervagen(?)

Als voorbeeld heb ik onder de menu knop: Test - > over test gemaakt. Ook een link naar "Pages/test/test.html"
Dit staat op 1 of andere manier in een div ( css ).

Als dus op de menu op 'over test' wordt geklikt moet de tekst vervagen en verangen worden door hetgeen wat in test.html staat.
Zodat de main page altijd blijft staan en niet 'gerefresht' hoeft te worden.
Dat ik alleen maar .html hoef te maken met tekst erin.

Mijn vriend vertelde mij dat dit het beste gedaan kon worden met Javascript.


P.s, als ik dit bericht in een fout sub-forum heb geplaats, mijn excuses.
Als u dit topic verplaatst stel mij dan a.u.b. op de hoogte.
Anders ben ik mij weer rot aan het zoeken.

[ Voor 4% gewijzigd door MueR op 14-01-2012 12:03 ]

[N0 0B]

Dit zou je met een ajax request kunnen doen. Als je op het populaire jQuery zoekt zal je zien dat er tal van tutorials hiervoor zijn.

[kevinr1]

Ik ben inderdaad aan het zoeken op hun forum. Snap er alleen niet veel van .
Wil je mij misschien de goede richting opwijzen?

[N0 0B]

De standaard load() functie is een optie: http://api.jquery.com/load/
Met de voorbeelden die daar gegeven worden zou je er toch uit moeten komen.

[iH8]

Ik herformuleer de reactie van N0 0B even:

N0 0B schreef op vrijdag 13 januari 2012 @ 14:41:
Dit zou je met een ajax request kunnen doen. Als je op het populaire jQuery javascript zoekt zal je zien dat er tal van tutorials hiervoor zijn.

keywords: javascript, ajax & XMLHttpRequest.

[OkkE]

iH8 schreef op vrijdag 13 januari 2012 @ 14:55:
Ik herformuleer de reactie van N0 0B even:


[...]


keywords: javascript, ajax & XMLHttpRequest.

Je hebt helemaal gelijk, maar gezien de grote inconsequenties mbt implementatie in verschillende browsers (van XMLHttpRequest) en de gelimiteerde kennis van topicstarter, lijkt me jQuery.get() het gebruik van één van de libraries een beter advies.

[ Voor 6% gewijzigd door OkkE op 13-01-2012 15:48 ]

[iH8]

OkkE schreef op vrijdag 13 januari 2012 @ 15:00:
[...]

Je hebt helemaal gelijk, maar gezien de grote inconsequenties mbt implementatie in verschillende browsers (van XMLHttpRequest) en de gelimiteerde kennis van topicstarter, lijkt me jQuery.get() een beter advies.

Ja... en in mijn ogen is dojo/xhr een veel beter advies. Wacht even en er komt vast en zeker nog wel iemand die ext/ajax, prototype/ajax, mootools/request etc. adviseren gaat.

[kevinr1]

Dus wat is nou uiteindelijk het beste om dit aan te pakken?
Waar moet ik zoeken en wat moet ik toepassen op welk object?

[Dipsausje]

Ik zou hierop Googelen: "jquery ajax website," er zijn nogal veel tutorials over, volgens mij is de eerste hit (van tutorialzine) meteen al geschikt. Zodra je dat deel voor elkaar hebt is het makkelijk om het fade effect toe te voegen (tip: jquery show en hide).

En ondanks het advies van mijn voorganger stuur ik je dus vrolijk door naar Jquery. Zoveel maakt het niet uit welke je gebruikt, Jquery is prima, niet te ingewikkeld en er is veel over te vinden. Als je de principes eenmaal snapt en kan toepassen kun je altijd nog kijken of je liever voor een andere oplossing gaat.

[MueR]

En ik stuur een slotenmaker voordat we weer eens een keer verzandden in een discussie over welk framework of library beter is. Eeuwig gezanik ook altijd.

TS: Zorg in het vervolg voor relevante code in het topic alsjeblieft. Downloads willen we niet hebben. Als je ergens met een probleem zit, post zo min mogelijk "versiering" aan extra code, enkel het deel waar je een probleem mee ervaart. Zorg ook dat je zelf al wat debugging gedaan hebt.