AJAX-Slide-Effekt von GitHub

[Namenloser]

Hallo Leute,

mir ist gerade aufgefallen, dass bei Github die Sourcecode-Listings (z.B. hier – klickt mal einen Ordner oder eine Datei an, dass seht ihr’s) per AJAX geladen werden. Soweit ja erst mal nichts spektakuläres, sieht man öfters.

Aber: Bei GitHub wird aber auch die URL in der Adressleiste korrekt angepasst – das sehe ich in der Form zum ersten Mal. Bisher habe ich immer nur Umwege über Anker gesehn (z.B. https://twitter.com/#!/mentions), wo nur der Teil hinter dem # geändert wird. Das ist natürlich eine Krücke, weil z.B. jeder, dem man die URL schickt, JS aktiviert haben muss, damit der richtige Inhalt nachgeladen wird.

GitHub kommt irgendwie ohne diesen Trick aus, hier verhält sich die Adressleiste so, als wäre die Seite ganz normal ohne AJAX geladen worden, was natürlich sehr viel eleganter ist.

Wie machen die das?
Ich dachte, das wäre technisch gar nicht möglich... auch aus Sicherheitsgründen.

[s.h.a.r.k]

Also bei mir wird immer die ganze Seite neu geladen, sobald ich auf einen Ordner (z.B. components) klicke?! :gruebel:

[Matze]

Bei mir wird die Seite dort neu geladen (JS ist aktiviert). Daher passt sich auch die URL an.

Bist du dir sicher, dass das per AJAX bei dir geladen wird? Wenn du etwas herunter scrollst und den Ordner bzw. die Datei anklickst, scrollt der Browser nicht wieder hoch o.ä.?
Bei mir schon.

[s.h.a.r.k]

Welchen Browser hast du? Vielleicht lädt der diverse Links schon im Voraus und zeigt daher den neuen Content sehr schnell an? Ich würde mal auf Opera tippen, mit diesem aktiviertem Turbo ;)

[Namenloser]

Welchen Browser verwendest du? Ich habe schon gehört, dass es in Opera beispielsweise nicht geht. Ich nutze die Beta von Firefox 4.

@Matze: Wird definitiv per AJAX geladen. Hab schon getestet durch Markieren, Scrollen usw...

[Meflin]

Also laut Firebug finden bei mir keine XHR-Requests statt... kein AJAX (FF 3.6).

[Matze]

Ich nutze FF 3.6.14

Du meinst schon die Verzeichnis-Links wie "components/", "content/" etc?

[s.h.a.r.k]

Gibts vielleicht mit dem FF4 neuere bzw. bessere HTML5-Unterstützung? Wusste aber auch noch nicht, dass das geht.

[Namenloser]

Bei mir schon, es werden solche URLs geladen: https://github.com/greasemonkey/grea...onents?slide=1 (halt immer mit slide=1 hinten dran)

[Matze]

Da muss ich passen. Ich kann es nicht reproduzieren.

Mich würde aber auch interessieren, wie man diese URLs so manipulieren kann. Ich habe das Gleiche kürzlich gefragt und da hieß es auch, es gehe nur über die Anker.

[s.h.a.r.k]

Aktueller Chrome und Safari (beide auf Windows) sliden auch. Das ist ja geil :stupid:

Hab mich mal ein wenig durch den Code gelesen und bin dann auf das hier von Mozilla gestoßen. Und der FF 3.6 kann es noch nicht, da er noch die Gecko Engine < v2.0 verwendet.

[Namenloser]

Ah, ist das das sagenumwobene, verbesserte History-API von HTML-5? Cool, wusste nicht, dass sowas damit geht :shock:

[s.h.a.r.k]

Ich bis jetzt auch noch nicht. Aber jetzt weiß ich, was ich in meinem CMS bald einbauen werde :mrgreen:

[Namenloser]

Und ich, was ich in meine Todo-Liste für die seit langem überfällige Überarbeitung meiner Website aufnehme...

[s.h.a.r.k]

Bald wird jede Website nur noch einen kompletten "Reload" aufweisen und zwar dann, wenn der User die erste URL aufruft. Danach wird alles nur noch via AJAX erledigt ;)

[generic]

Bei mir wird auch die ganze Seite neu geladen.

Die Url anpassen geht aber per Javascript in einen HTML5 fähigen Browser.

Code:

window.history.pushState(“object or string”, “Title”, “/new-url”);

http://www.w3.org/TR/html5/author/hi...-history-entry