Nettsia ble vist ikke helt ferdig, men nå er denne oppgaven levert. Har lært mye mer av deg enn på dette temaet enn av noen annen. Men jeg skulle gjerne ha lært meg å sette opp en slik dynamisk nettside som fungerer skikkelig med navigeringen. Enten med history.js eller pushState og popState...
Den blir 0 når jeg først trykker på en tab når jeg befinner meg på forsiden
Den blir rundt 625 når jeg er i "content" og trykker på en tab
Ser ingenting galt her?
merkelig...
Hvis jeg skriver:
$(window).add("#content").scrollTop(0);
Hopper den til toppen hver gang.
Hvis jeg skriver:
if($(window).scrollTop() < 300) {
$(window).add("#content").scrollTop(0);
}
Så dropper den helt å hoppe til tops uansett hvor jeg befinner meg...
hmm... den er ikke laggy, men nå hver gang jeg trykker på en tab, så hopper den til top først for så å utføre animasjonen ned til innholdet. Klarer ikke helt å forstå hvorfor...
Det er jo en scrolltop der, men den la jeg inn slik at innholdet i content skal scrolles til top, ikke hele siden...
Jeg klarer ikke å finne noen god løsning på det her... har rotet rundt med mange forskjellige løsninger som ikke fungerte... det mermeste jeg kom var dette:
$(function() {
var page = window.location.hash.split("#")[1] + '.html';
$('#content').load(page)...
Eller hva med å bare bruke hashtags igjen?
window.location.hash = $(this).attr('href');
Den la til en hashtag i urlen, men gjorde det ikke mulig å bruke fram og tilbake knappene til å navigere gjennom sidene. Vanligvis fungerer jo dette? Er det e.preventDefault(); som roter det til?
Takk, det fungerte.
Jeg har også rotet litt rundt med popstate. La til denne, som gjorde at frem og tilbake knappen fungerte. Men hvis jeg forlater siden og trykker tilbake, fungerer den ikke, heller ikke om jeg oppdaterer siden. Noe jeg er nødt til å få til. Var så vanskelig å finne noen god...
Et problem. Nettsia ligger på nettside.no/sidenavn¨
Når jeg navigerer på sia blir jeg da sendt til nettside.no/side1 osv..
istedenfor nettside.no/sidenavn/side1
Jeg prøvde å fikse det selv på denne måten:
$(".menu a").on('click', function(e) {
e.preventDefault()...
Pga. ".load" så endrer ikke url-en seg. Jeg husker du nevnte history api, men tror jeg fant noe mye enklere. pushstate
https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history
Prøvde å legge den til nederst som jeg gjorde her, men fikk den ikke til å fungere hva enn jeg...
Men en ting fungerte ikke som den skal.
<script type="text/javascript" src="http://www.yr.no/sted/Norge/Buskerud/Hemsedal/Hemsedal_Feriesenter/ekstern_boks_tre_dager.js"></script>
Prøv å legg dette scriptet i en av html filene du henter inn med .load
Den vises ikke... men fungerer fint...
Den atikkelen hjalp egentlig ingenting. Når jeg bruker utf-8 virker ikke æ, ø og å i det heletatt. æ, ø og å fungerer når jeg bruker windows-1252, men bare på det innholdet som ikke hentes inn via .load. Jeg bruker .load til å hente inn f.eks. about.html. Jeg legger dette innholde i #content. I...
bruker ikke en lokal server. Windows-1252 fungerer fint på alt annet innhold som ikke settes inn ved .load på denne serveren. Har prøvd å skifte til UTF-8, men det fungerte ikke i noen av nettleserne...
Problemet var vist at chrome ikke tillot dette lokalt av en eller annen grunn.
Nytt problem.
Når jeg laster inn noe ved hjelp av .load så fungerer ikke charsetet lenger.
Søkte rundt og flere hadde dette problemet.
Fant en løsning for alle andre nettlesere enn internet explorer...
Får ikke det her helt til å fungere...
$('#innhold1').load('test.html #content');
Laget en test.html med en div som heter content. content skal inn i innhold1.
Datepickeren fungerer fint.
Det er mulig at den er laggy pga at jeg har 8 sider med innehold som ligger oppå hverandre som hver inneholder noen bilder og iframes. Men det er kun rett etter at siden er lastet inn at den er laggy. Hadde det vært mulig å legge innholdet i flere html filer men...
Dette nettstedet bruker informasjonskapsler (cookies) for å tilpasse innholdet, skreddersy din opplevelse og holde deg innlogget dersom du registrerer deg.
Ved å fortsette og bruke dette nettstedet, samtykker du i bruken av informasjonskapsler.