Switching URL without page reload

It's really not changing the URL of the page. Basically just calling a javascript function on release of the button that hides/shows the desired div. If you take a look at the source code, you can see that the login form is already present when you first go to the page. A little extra jQuery for the fade ins/outs and that about it...

HTH
ND
 
It's really not changing the URL of the page. Basically just calling a javascript function on release of the button that hides/shows the desired div. If you take a look at the source code, you can see that the login form is already present when you first go to the page. A little extra jQuery for the fade ins/outs and that about it...

HTH
ND

It is changing the URL
original page: https://www.tumblr.com/
after clicking "login": https://www.tumblr.com/login
 
If you look at the source code for each of those pages, they are exactly the same (except for a few minor class names)...anyway, to accomplish what your post title asks, to change the content of the page without a page reload, you need to look into jQuery...

ND
 
If you look at the source code for each of those pages, they are exactly the same (except for a few minor class names)...anyway, to accomplish what your post title asks, to change the content of the page without a page reload, you need to look into jQuery...

ND

yes i know it's using jquery, but how are they changing the title/URL with jquery?

so when you refresh you go to the same page, normally with ajax/jquery you start at the beginning
 
If you have noticed, it is in the same page. the main page is tumblr.com/login but because you have just loaded the domain, it shows as tumblr.com

It is not possible to change the url of the browser with javascript as that will cause a major security flaw. :)
 
It is changing the URL
original page: https://www.tumblr.com/
after clicking "login": https://www.tumblr.com/login

Yeah, this is nothing big, all it is showing the " / login " bit for is because the jquery is using it as an ' id ' variable to call the divided webpage within the source code.

The browser sees it as a different page within itself but, it is merely a fluke of the browser itself, revealing the actual selected div as the domain destination. It is absolutely all on the same page.

It is a better practice to isolate divs with class id variables to better conceal them in that type of exposure. It isn't anything to worry about though and is extremely used as common practice in multi-language coding.
 
nothing too much to worry about just add a 301 and you'll be fine
 
Yeah, this is nothing big, all it is showing the " / login " bit for is because the jquery is using it as an ' id ' variable to call the divided webpage within the source code.

The browser sees it as a different page within itself but, it is merely a fluke of the browser itself, revealing the actual selected div as the domain destination. It is absolutely all on the same page.

It is a better practice to isolate divs with class id variables to better conceal them in that type of exposure. It isn't anything to worry about though and is extremely used as common practice in multi-language coding.

Yeah, that's what I'm going after.. how would I add the "/login" at the end of my site upon a click?
 
you can do this with the new HTML5 history api, unfortunately not supported in IE

i'm not allowed to post urls, so google for 'history.pushState'
 
Back
Top