Archief - jQuery probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Faithlez

Legacy Member
Hallo!

Ik heb een klein probleempje met mijn website die ik voor mijn eindwerk moet maken. Als je op de pagina komt krijg je dit te zien:
bio2kp.png


Ik gebruik deze jQuery code om ervoor te zorgen dat de content die nog niet zichtbaar is, naar beneden schuift en zichtbaar wordt:

$(document).ready(function()
{
$("#home").click(function(){
$("#home").hide();
$("#homeblue").show();
$("#contenthome").slideDown("medium");
});
});

en dan krijg je dit te zien:

10nht0k.jpg


Nu is mijn probleem dat als je de pagina ververst (door op f5 te drukken) dan verandert die terug naar de eerste pagina. Nu is mijn vraag of er een manier is dat je ervoor kan zorgen dat als je de pagina ververst de content open blijft staan?

bij voorbaat dank,

Faithlez

-BVR-

Legacy Member
Met cookies. Ik weet zelf niet tegoei hoe cookie werkt en heb het enkel met hulp geïmplementeerd gekregen. Zoek eens achter cookies en je zult wel iets vinden :)

En PS: gebruik in het vervolg de code-tags aub :)

Faithlez

Legacy Member
Oke, bedankt zo had ik er nog niet over nagedacht. Ik zal er is wat opzoekwerk over doen :)

Drone

Legacy Member
Je kan ook gebruik maken van de hash(#) in een url. Op die manier blijft ook back en forward werken.

Ben Alman » jQuery BBQ: Back Button & Query Library

Html 5 heeft ook een paar extra functies die hier bij kunnen helpen maar ik ben daar niet super op de hoogte van. Als je html5 history googled ga je zeker iets vinden.

Bram

Legacy Member
Kan je idd doen met cookies, jquery heeft oa een cookie plugin. Maar de methode die drone beschrijft hierboven (met de hash) is interessanter.

Kreative88

Legacy Member
Of gewoon via localStorage (HTML5) en is ondersteund in alle moderne browsers en IE8 :). Gewoon de naam van je div als string wegschrijven.

Code:
Save data to localStorage
var saveThisData = “hello!”;
localStorage.setItem("applicationData", saveThisData);


Collect data from localStorage (dit zou je dan doen in de init functie van je app)
var myData = localStorage.getItem("applicationData");
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan