An example of the usual performance tabs here .

But tabs should switch without rebooting. And the URL should change. For example, with windows / images / on windows / plans /.

Added 1.

I know how to do ajax upload from the server to change part of the page. But how to combine it with changing the windows / plans / URL is not quite an idea yet.

Added 2.

How does the URL change without # and without redirect here: http://html5demos.com/history

    4 answers 4

    The string will change the world!

    • Correctly, do I understand that all versions of IE are in the span: findmebyip.com/litmus/#mdz_historymanagement - komka
    • Well, it is quite possible, look at the contact site in a 6-7-8 donkey and listen to the music and navigate through the pages and it will be immediately clear. And so on donkey daaavno need to forget, and do not show the site to those who come from under the donkey. let normal browsers install. - Artem
    • one
      For good you need to announce the day of the strike to the ass. - culebre
    • Yes, not the day but the year 2012 is the year of death of an ass! - Artem

    I would do so (I will not describe in detail, there is documentation for this, I will only explain the logic from my bell tower). From the server initially send such

    <a class="ajaxLink" src="#первое">Ссылка при клике на которую, перехода не произойдет(return false), а будет выполнен скрипт, который сделает запрос(нужно так же отправить содержимое атрибута src на сервер, чтоб там выбрать что надо именно) на выполнение скрипта на сервере, этот скрипт (нужно его написать тоже) должен обработать запрос и вернуть нужный кусок хтмл кода, этот код следует положить в"#wrap" </a> <a class="ajaxLink" src="#второе"></a> <a class="ajaxLink" src="#третье"src="третье"></a> <div id="wrap">Сюда будет загружаться динамически контент</div>

    Now I’m reading all this and it seems to me that it’s not clear that I somehow clarified that this is the easiest option, I didn’t take much into account, but this is a general form of solving the problem. I hope it will be useful and the main thing is clear. PS To even change the address bar, you need to put the # symbol in the URL, otherwise the browser will request this URL.

    • Do I understand correctly that this is ajax job description? Plus a reminder that you need to remember to add to the URL #? There are no problems with ajax. I can use window.location.hash too. But how to change the URL to blabla / blabla without rebooting. After all, if we change the location, then there is a redirect. How then does this work: html5demos.com/history - komka
    • If the address bar is # - then the address does not load, just change the address bar, but to implement something like this without #, this is HTML5. - triplustri
    • The fact that the page is not loaded with # is understandable, but with HTML5 it can be implemented through window.history.replaceState, but here IE <10 in the span. <a href=" stackoverflow.com/questions/3722815/…> - komka

    For security reasons, it is generally forbidden to change anything in the address bar. You can add, or use # or?. So here decide for yourself whether to forget about the CNC. In addition, if you want to change links for search engines, this will not help, because active site content during indexing is ignored. If you upload everything with Ajax, then there will be only one page in the index, regardless of whether you change the links or not. Therefore, make 2 versions of the site with and without Ajax.

    • disagree, and the answer is wrong. - Artem
    • As for security, I did not understand, what problems could there be? I know about the CNC, that's why I want windows / plans, but not actualthread.aspx? Bid = 61 & tid = 812988, well, an extreme option with #. I know about indexing, but user convenience is important to me. - komka
    • Phishing, if javascript could completely change the address bar then it would be easy to give out one by one with all that follows. Therefore, browsers prohibit this, exactly like browsing, cookies for someone else's domain. - Rusak
    • As I have already found out, you can change everything in the address bar, except for the domain. Example, in the console, type window.history.replaceState (null, null, '/ hello-changed-world') - komka
    • Well, maybe I didn’t keep up with modern technologies. But in all browsers that at least a little older, this property is missing and just the same for security reasons. And while so few browsers support this, you will have to do this and that for different browsers. - rusak

    An example of what I wanted: html5demos.com/history and pjax.heroku.com . But as it turned out, while it is not cross-browser. Browser support can be found here: caniuse.com/#search=pushstate . Those. IE <10 in span.

    @Shrek gave a good link from the same site , where it says that window.history.replaceState is responsible for these things. After that, everything became clear.

    @Shrek also advised to see how this was done by Vkontakte . Comparison of strings in Firefox and IE9 browser showed the difference. Examples:

    1. http://vk.com/feed vs http://vk.com/feed#/feed
    2. http://vk.com/search?c[section[=communities vs http://vk.com/feed#/search?c%5Bsection%5D=communities

    Those. they did it through window.history.replaceState in browsers where this support is available and through window.location.hash in IE.