Javascript fråga, vad heter detta som används på webbsidan

Permalänk
Medlem

Javascript fråga, vad heter detta som används på webbsidan

Goddag alla medlemmar

Jag är relativ erfaren inom HTML och CSS, jag kan grunderna dvs och lite till. Nu hade jag tänkt öka min kunskap inom Javascript till mitt nästa hemsideprojekt. Jag vet vad jag vill designa, problemet är att jag inte riktigt vet vad det heter som jag är ute efter.

För att beskriva mitt problem, http://ungprivatekonomi.se/kapitel/04-kom-ihag-fem-gyllene-re...

Som ni ser kan man klicka på t.ex "Förstå vad du köper" och "Håll dig informerad" rubrikerna, och det öppnas ett nytt fönster där man även kan "läsa mera" och få upp informationen i en helt ny informationsruta.

Vad heter detta, är det ens javascript man använder? Skulle gärna vilja veta mer om detta segment för att visa information, tycker det ser sjukt snyggt ut än det vanliga traditionella sättet när man har allt statiskt på sidan enbart.

Hoppas min information var tillräcklig, men för att sammanfatta vad är det jag egentligen ska googla efter för att komma i kontakt med tutorials angående just detta sätt att programmera webbsidor?

Permalänk
Hedersmedlem

Jag tycker att det där mest var jobbigt. Sidan far upp och ner.
Men kolla på AngularJS, jQuery och jQueryUI. Man kan göra mycket spännande med de ramverken.

Visa signatur

Använd gilla för att markera nyttiga inlägg!

Permalänk
Medlem
Skrivet av giplet:

Jag tycker att det där mest var jobbigt. Sidan far upp och ner.
Men kolla på AngularJS, jQuery och jQueryUI. Man kan göra mycket spännande med de ramverken.

Jo tackar har kollat igenom och har börjat lite smått att lära mig jQuery som någon form av hobbyprojekt/sysselsättning

Jag letar även efter sökord för hur man gör detta http://kaffevagnen.se/ Dvs när man trycker på en rubrik så åker man direkt ner till själva innehållet på samma sida. Är det javascript man kodar detta eller är det helt enkelt bara vanlig css? Oavsett så har jag letat men inte hittat något. Skulle vara tacksam om någon kunde förklara för mig hur man kodar detta så jag kan läsa på mer om detta

Permalänk
Medlem

Det du frågar om angående http://kaffevagnen.se/ kallas för anchor points, alltså sätter du ut punkter i din HTML-kod som menyn är länkad till:
http://www.w3schools.com/html/html_links.asp

För att göra en sådan len rörelse, och inte ett hopp, så kan man använda exempelvis Smooth Scroll (finns många andra liknande script).
http://cferdinandi.github.io/smooth-scroll/

Permalänk
Medlem
Skrivet av plajton:

Jo tackar har kollat igenom och har börjat lite smått att lära mig jQuery som någon form av hobbyprojekt/sysselsättning

Jag letar även efter sökord för hur man gör detta http://kaffevagnen.se/ Dvs när man trycker på en rubrik så åker man direkt ner till själva innehållet på samma sida. Är det javascript man kodar detta eller är det helt enkelt bara vanlig css? Oavsett så har jag letat men inte hittat något. Skulle vara tacksam om någon kunde förklara för mig hur man kodar detta så jag kan läsa på mer om detta

Det är vanlig html + css.

För att komma till något på samma sida så sätter du id på det du vill komma till text <h1 id="myid">Hej</h1>. Sedan så länkar du till det objektet genom att skriva <a href="#myid">KnappText</a>.
Smooth scrolling som de använder för att den inte ska hoppa direkt finns det gott om exempel till om du googlar.

Permalänk
Medlem
Skrivet av plajton:

Jo tackar har kollat igenom och har börjat lite smått att lära mig jQuery som någon form av hobbyprojekt/sysselsättning

Jag letar även efter sökord för hur man gör detta http://kaffevagnen.se/ Dvs när man trycker på en rubrik så åker man direkt ner till själva innehållet på samma sida. Är det javascript man kodar detta eller är det helt enkelt bara vanlig css? Oavsett så har jag letat men inte hittat något. Skulle vara tacksam om någon kunde förklara för mig hur man kodar detta så jag kan läsa på mer om detta

Haha ,det kallas bokmärken. Det första man lär sig i css typ

Visa signatur

Citera för svar

Permalänk
Medlem

Haha får tacka så hemskt mycket, äntligen vet jag vad jag ska söka efter. Helt otroligt att jag missat detta efter alla online skolor som jag hållt på med

Permalänk
Medlem
Skrivet av m0lex:

Haha ,det kallas bokmärken. Det första man lär sig i css typ

*Tar på sig viktigpettermössan*

Anchorpoints är ju HTML och inte CSS!