[Ajax] jQuery Pagetitle übergeben

Dieses Thema im Forum "Webentwicklung" wurde erstellt von badloader, 17. Februar 2013 .

  1. 17. Februar 2013
    jQuery Pagetitle übergeben

    Hi,

    ich versuche es schon die ganze Zeit aber habe keine gute Lösung gefunden.

    Ich lade meinen Content über jQuery. Es wird nur der Content ausgegeben (und was ich sonst noch will):

    Code:
    function updateContent() {
     
     // load all navi links
     $('#navi a').click(function() {
     
     var link = $(this).attr('href');
     
     // load content to main div
     $('#main').toggle('clip', 500, function() {
     
     // effekt is ready
     $(this).load(link);
     
     // update title in browser
     // i don't know how :(
     
     // show new content
     $(this).toggle('clip', 500);
     });
     
     // update url in browser
     var hash = link.substr(base_url.length , link.length);
     window.location.hash = hash;
     
     // prevent default behaviour
     event.preventDefault();
     });
    }
    Per PHP Code kann ich ausgeben was ich will zusätzlich. Da bin ich ganz frei.

    Zuerst wollte ich Javascript code rein laden in den Content, aber das bringt nichts, da dann der Title erst beim nächsten Klicken genutzt wird.
    Ich suche eine möglichst elegante Lösung. Bestimmt fällt euch was ein.
     
  2. 17. Februar 2013
    AW: jQuery Pagetitle übergeben

    Zufällig wurde heute (Sunday 17 February 2013) auf HTML5Bookmarks das jQuery plugin Pronto vorgestellt was genau das macht was du vorhast

    Dort wird vom Server ein JSON zurückgegeben was die beiden Element "title" und "content" enthält

    Durch die History-Api ist das ganze sogar noch besser als die "hash" geschichte die früher eingesetzt wurde (und auch in deinem Code drin ist)
     
    1 Person gefällt das.
  3. 17. Februar 2013
    AW: jQuery Pagetitle übergeben

    Code:
    $('title', document.head).text('Hier der Titel');
     
    1 Person gefällt das.
  4. 17. Februar 2013
    AW: jQuery Pagetitle übergeben

    Hi,

    pronto klang erst ganz gut. Dann hab ich versuchst es einzubauen. Hab es nach 10 Minuten probieren nicht geschafft. Die "Doku" und das "Example" ist mir zu schlecht.

    Da lade ich dann lieber per PHP den Code von Murdoc. Hatte gar nicht daran gedacht, dass ich den einfach so laden lassen kann
     
  5. 17. Februar 2013
    AW: jQuery Pagetitle übergeben

    Die History-API ist ein sehr gutes Werkzeug, vor allem weil sich die URI in der Adresszeile anpasst und du keine # mehr benutzen musst.

    Der Vorteil liegt klar auf der Hand: JavaScript wird optional.

    Die URI passt sich entsprechend an und man kann direkt darauf verweisen ohne das Ganze erst mit JavaScript ins Rollen zu bringen.

    Was sieht deiner Meinung nach besser aus:
    foobar.de - dashuhn hat immer noch eine ziemlich fusslige
    Homepage

    http://foobar.de/asdf/fdsa

    Den Inhalt kannst du natürlich immer noch mit PHP generieren.

    Ein mmn. herausragendes Beispiel für die Nutzung der History-API ist github: torvalds/linux · GitHub
     
  6. 17. Februar 2013
    AW: jQuery Pagetitle übergeben

    Ich hatte damals auch eine Beispielseite gemacht, nicht komplex und das Formular erzeugt ein neuladen der kompletten Seite.

    Simple Static Website
     
  7. 17. Februar 2013
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: jQuery Pagetitle übergeben

    Hier eine Beispiel per Hand erstellt:
    http://putc.me/rr/history/

    index.php:
    index.php

    main.js:
    main.js

    So sieht eine Seite auf dem Server aus falls sich jemand wundert:
    seite1.php

    Wer sich das ganze runter laden will:
    Download: history.zip | xup.in
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.