Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Posted by Finn Rehmke
Finn Rehmke
4,361 Points

Switching files in the browser without affecting the Header

Hey Guys,

i am sitting on a project for my father. A simple landing page for his 3 projects. It doesn't really need much markup but i decided to use some php with it, just for the performace.

http://d.pr/i/1VFC

This is what the site looks like until now. I'm not into designing homepages yet so i used bootstrap for this one.

What i want to do is, fix the header with the navbar so when i click on another project, only the lower part of the webpage has a transition between these files. How can i achieve this effect? I am thankful for every help.

Greetings

Finn

1 Answer

Mario Blokland
Mario Blokland
19,750 Points
Mario Blokland
Mario Blokland
19,750 Points

Hallo Finn,

ich glaub Du bist deutscher so wie ich? :-). Das lässt sich mich Ajax realisieren. Kennst du das? Wie genau das funktioniert kann ich dir leider nicht erklären. Ansonsten einfach mal nach "div mit ajax laden" oder ähnlichen googlen.

Hi Finn,

you can realize something like that with something called "ajax". I can't tell you how exactly you can do this but I think you can just google something like "load div with ajax" or maybe someone around here can help you specifically.

Greetz

Finn Rehmke
Finn Rehmke
4,361 Points

Ja bin ich. :) Ich werde mir das mal anschauen. Bin bisher nur mit HTML & CSS vertraut. Was Javascript/jQuery etc. angeht bin ich noch nicht so involviert.

Danke für die schnelle Antwort!

Gruß

Mario Blokland
Mario Blokland
19,750 Points

Gerne :-). Du musst nur ein Script implementieren und darin ist dokumentiert wie du das script ausführst. Eigentlich ganz easy. Um das ganze zum laufen zu bekommen brauchst du eigentlich nicht viel Kenntnisse. Um zu wissen wie es funktioniert schon ein paar :-).