Hvordan får man til dette?

[Trond78]

Hei,

snublet over denne siden her om dagen; https://ambassadorwatches.com/order-status/

Som du ser har denne siden er navigasjons bar på venstre side og en innholds del på høyere side. Det jeg lurer på er hvordan får han til dette uten at siden loader en ny side når han trykker på link i nav. bar

Håper noen kan svare på dette om noen skjønte spm. mitt

 

[Thor Erik Just Olsen]

Han gjemmer og viser div områder, ser det ut til for meg. <div style="visible:true;"> eller <div style="visible: false";>

Noe i den duren

 

[Thor Erik Just Olsen]

https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

 

[Tarjei]

Her er det nok brukt react eller annet javascript bibliotekt. Men i bunn er det som Thor sier bare en toggle som viser og skjuler noe når du trykker på knappen, men de har gjort litt mer flid (på desktop). URL blir satt for hvert åpne felt, så en kan navigere fram og tilbake, men i realiteten er en på samme side hele tiden.

 

[Trond78]

Takk for nyttige svar!

Det dere mener er at i realiteten ligger tekesten opp på hverandre? Så med en toggle show/hide når man klikker dit man vil gjemmer den teksten bak og viser kun teksten som man har selv bestemt?

Lurer litt på åssen man setter URL for egene felt da denne siden linker til forskjellige steder på denne ene siden som om det skulle vært flere sider.

 

[Tarjei]

Du kan se i koden view-source:https://ambassadorwatches.com/order-status/ at teksten allerede er lastet. Så er bare javascript og css for å få det som de vil. Når siden er smal toggler de teksten uten å forandre url. På bred skjerm har de routingen i tillegg. I react eller tilsvarende som de sikkert bruker gjøres det med en router som viser spesifikke tingen basert på url. https://github.com/ReactTraining/react-router

 

[Daniel Johnsrud]

Javascript history.pushState
https://jsfiddle.net/fJ9wq/

 

[Trond78]

Takk for kjempe svar Noen som vet om dette er mulig å få til med Elementor page builder?

 

[Tarjei]

Er ikke kjent med elementor men dette er nok ikke så lett å få til med en pagebuilder.

 

[Thor Erik Just Olsen]

Det eneste jeg klarer å finne er denne:
https://wordpress.org/plugins/dynamic-visibility-for-elementor/

Tror ikke den gjør det du er ute etter

 

[Thor Erik Just Olsen]

Sjekk ut JQuery.

 

[Daniel Johnsrud]

Nå kjenner ikke jeg til hvordan pagebuildere virker, men hvis man kan skrive javascript i de, noe jeg innbiller meg er mulig i 2019, så skal det gå fint. Tror ikke jeg ville begynt med det dersom du ikke har noe særlig erfaring med javascript.

Anbefaler dette kurset dersom du skulle ønske å lære vanilla javascript fundamentals. Passer forøvrig også for de som ønsker seg bort fra jQuery lib.
https://www.udemy.com/share/10015YB0cbdl5QR3o=/
Dyktig "foreleser". Han er å finne med kortere\mindre kurs på YouTube også. Traversy Media.