dynamic content

[Scorpion1984]

Ik heb een pagina met heel veel fotos(als gallerie in elkaar gezet, met automatisch gedownsized plaatjes voor bandwidth besparing). Nu heb ik een vraagje: is het mogelijk om delen van de pagina pas op commando te laten zien.
Oftewel, dit is niet goed:
- met hide visible in css en met javascript laten veranderen: de hele pagina wordt dan nog steeds helemaal geladen, en is dus nog steeds een hoop traffic.
- met post/get variabele, de pagina content aanpassen: probleem: je laad 1 blok, je laat het andere blok laden, maar blok 1 wordt dus weer opnieuw gezonden>> weer veel traffic.

Hoe kan ik het dus laten doen dat ik niet delen elke keer opnieuw moet zenden EN niet de totale pagina in 1 keer moet laden. Het geeft niet als wel al de hele html wordt gezonden, grootste probleem is de plaatjes, die moeten pas worden geladen als de user dat wil, en niet elke keer opnieuw worden geladen als de user 2 blokken op dezelfde pagina wil.

[Eskimootje]

Zoiets als een iframe?

[Scorpion1984]

Nee, geen iframe, deze laad hij toch ook meteen, of snap ik je nu verkeerd?

[Eskimootje]

Je kan later met javascript het iframe een andere locatie geven, dus je begint met een lege pagina en op een druk van een button verander je het target en gaat hij die pagina openen in het iframe.

[Skaah]

Je kunt als commando bijvoorbeeld de <img> elementen toevoegen, eerder worden ze niet geladen omdat ze niet in de DOMtree staan.

[Scorpion1984]

Skaah schreef op 17 april 2004 @ 11:43:
Je kunt als commando bijvoorbeeld de <img> elementen toevoegen, eerder worden ze niet geladen omdat ze niet in de DOMtree staan.

Naar dat soort dingen heb ik al gezocht, maar nergens gevonden hoe dat moet?

[Verwijderd]

Iframe vind ik persoonlijk ranzig, behalve voor WYSIWYG editors

Je zou heel goed een SOAP server kunnen opzetten. Google maar eens op
SOAP of kijk bij w3.org. Volgens mij heeft w3schools ook nog een inleidend
tutorial.

[sjoerdb2]

je kunt toch iets doen als

code:

<script language="javascript">
function show(plaatje) {
document.write('[img]"'[/img]');
}
</script>

(...)

<a href="#" onclick="show('figuur.jpg');">klik</a>

edit:

of je doet:

code:

<script language="javascript">
function show(plaatje) {
document.plaatje1.src = "foto/" + plaatje;
}
</script>

(...)

<img name=plaatje1>
<a href="#" onclick="show('figuur.jpg');">klik</a>

[ Voor 76% gewijzigd door sjoerdb2 op 17-04-2004 12:20 ]

[djluc]

probleem: je laad 1 blok, je laat het andere blok laden, maar blok 1 wordt dus weer opnieuw gezonden>> weer veel traffic.

Doen browsers tegenwoordig niet meer aan caching?

[Verwijderd]

djluc: ik denk dat hij bedoelt dat hij een stramien heeft dat telkens hetzelfde is en dat ergens in dat stramien bepaalde content geladen moet worden. Het netst is dat te doen zonder page refresh.
Je zou de content kunnen laden m.b.v. XML. Door middel van een SOAP request kan je de server het XML bestand laten updaten en het nieuwe bestand opnieuw downloaden en inladen...

[Scorpion1984]

sjoerdb schreef op 17 april 2004 @ 12:14:
je kunt toch iets doen als

code:

<script language="javascript">
function show(plaatje) {
document.write('[img]"'[/img]');
}
</script>

(...)

<a href="#" onclick="show('figuur.jpg');">klik</a>

edit:

of je doet:

code:

<script language="javascript">
function show(plaatje) {
document.plaatje1.src = "foto/" + plaatje;
}
</script>

(...)

<img name=plaatje1>
<a href="#" onclick="show('figuur.jpg');">klik</a>

Eerste werkt gewoon niet, 2e wel, maar lijkt me nou erg slordig eigenlijk.
MIsschien dat ik iets met SOAP kan, zal ik morgen eens naar kijken.

[faabman]

sjoerdb schreef op 17 april 2004 @ 12:14:
..knip..

ik denk dat je dat beter met DOM kunt doen... dus zoiets als document.createElement('img')

[crisp]

als je niet over serverside scripting kan beschikken zijn er alsnog een hele hoop dingen mogelijk mbv GET-variabelen en javascript document.write(). Je geeft bijvoorbeeld een begin en eind-id mee en laat javascript de juiste HTML genereren. Je laadt dan wel elke keer dezelfde pagina, maar dat kan een hele kleine pagina zijn - externe JS wordt gewoon gecached.