XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   JQuery Slide nach ajaxStart (http://xhtmlforum.de/showthread.php?t=67292)

cyrious 15.04.2012 23:32

JQuery Slide nach ajaxStart
 
Hallo zusammen,

Ich habe einen Slide-Effekt realisiert. Bei ajaxStart soll der per AJAX geladene #content nach rechts raus-sliden und mit neu geladenen #content von links wieder rein-sliden. Das funktioniert mittels $("#content").ajaxStart(function () { showProgress() }).ajaxStop(function () { hideProgress() }); schon alles prima. Allerdings wird der #content sofort ausgelöst, bevor der Effekt also der Slide ausgeführt ist. So slidet bereits der neue Content raus und wieder rein. Hat jemand eine Idee wie ich das verhindern kann? Also Ziel ist es ERST den alten #content raussliden und im Anschluss den neuen wieder rein! Für Hilfe wäre ich dankbar!


Hier mein Script

Code:

$(document).ready(function() {

        //Links per Ajax nachladen
        $('#main_navigation a').click(function(){
                url = $(this).attr("href");
                getContent(url);
                $(this).blur();
      return false;
                });
       
        // ajaxStart und ajaxStop Funktionen initialisieren
        $("#content").ajaxStart(function () { showProgress() }).ajaxStop(function () { hideProgress() });
});


// Prozess initialisieren und Content verstecken
function showProgress() {
  $('body').append('<div id="progress"><img src="/assets/images/loading.gif" alt="" width="16" height="11" /> Loading...</div>');
  $('#content').hide("slide", { direction: "right" }, 1000);}

// Prozess inisialisieren und Content auslösen
function hideProgress() {
  $('#progress').remove();
  $('#content').show("slide", { direction: "left" }, 1000);}


// AJAX - Content holen
function getContent(url) {
      $.ajax({

      //erweitere aufzurufenden Link
      url: url+"...",
      dataType: "html",

      //wenn es geklappt hat
      success: function(html) {

      //Adresszeile aktualisieren
      location.hash = url;

      //alert("ERGEBNIS: Geklickt auf "+url);

          //Inhalt reinschreiben und anzeigen
          $("#content").html(html)

              //Adresszeile aktualisieren
              location.hash = url.replace(/.html/, "");
      }
  });

}


Scheppertreiber 16.04.2012 00:10

Meine Kristallkugel ... ;)

Kannst Du einen Link posten ? Das ist so kaum nachvollziehbar ...

cyrious 16.04.2012 00:22

Danke für deine Antwort! Ich habe es lokal entwickelt. Ich suche eigentlich "nur" eine Möglichkeit das ajaxStart etwas zu verschieben. Bzw. erst abzuwarten bis auch wirklich der alte Content rausgeslidet ist. Das lässt sich doch an meinem Script nachvollziehen, oder? Zudem greift das AJAX auf ein TYPO3 Template zu. Daher ist es noch nicht online verfügbar. Sorry.

Thielo 16.04.2012 00:36

Zitat:

Zitat von cyrious (Beitrag 514681)
Zudem greift das AJAX auf ein TYPO3 Template zu. Daher ist es noch nicht online verfügbar. Sorry.


Dann lad es hoch.. und wieso entwickelt eigentlich jeder mit TYPO3?! Ah klar, ihr wollt mit Raketen auf Kanarienvögel ballern.

cyrious 16.04.2012 00:49

Was is das denn fürn quatsch? Sorry, so hätte ich mir meine Anfrage hier nicht vorgestellt. Ich habs nun ein paar mal gelesen, aber was meinst du mit Raketen auf Kanarienvögel ballern? Das ist so ziemlich der unqualifizierteste Beitrag den ich je gelsen habe. Oder habe ich hier irgendwas falsch verstanden?

Thielo 16.04.2012 00:53

Quatsch ist was anderes ;)

Wenn das was ich schreibe "unqualifiziert" ist, dann ist dein "Daher ist es nicht online verfügbar." totaler Bockmist.

Wieso ein TYPO3 einsetzen? Und was hat das damit zu tun etwas nicht hochzuladen. Regeln lesen und verstehen.

cyrious 16.04.2012 01:05

Also zunächst mal geht es hier nicht um TYPO3, sondern um mein kleines JS welches ich hier gepostet habe. Ich habe eine reltaiv einfache Frage gestellt und auf Hilfe gehofft. Wenn du dich dadurch angepisst fühlst, dass ich hier noch nicht so weit bin um extra alles online zur Verfügung zu stellen, dann antworte nicht mit sonem Schwachsinn. Das ist ja unfassbar! Und ja! Das ist wirklich unqualifiziert. Was rechtfertigt denn deine Aussage? Welchen Informationengehalt haben deine Posts? Ich habe hier doch nur eine Frage gestellt. Was du allerdings postets ist absoluter Bullshit. Ich habe auch keine Lust mehr weiter darauf einzugehen. Welch eine Zeitverschwendung sich mit einem wie dir auseinanderzusetzen. Also bitte erweise allen die das hier lesen um sich auch über themenbezogene Dinge zu informieren den Gefallen NICHT mehr hier zu posten. Für mich geht das schon hart an die Grenze des erträglichen. Aus meiner Sicht sollte man den kompletten Beitrag hier inklusive deinem Account vom Server tilgen!!! Servus!

Thielo 16.04.2012 01:13

Zitat:

Zitat von cyrious (Beitrag 514687)
Also zunächst mal geht es hier nicht um TYPO3, sondern um mein kleines JS welches ich hier gepostet habe.

Oh, wenn der restliche Code falsch ist, hat das ja trotzdem nur was mit dem Javascript zu tun hm?

Zitat:

Zitat von cyrious (Beitrag 514687)
Ich habe eine reltaiv einfache Frage gestellt und auf Hilfe gehofft. Wenn du dich dadurch angepisst fühlst, dass ich hier noch nicht so weit bin um extra alles online zur Verfügung zu stellen, dann antworte nicht mit sonem Schwachsinn. Das ist ja unfassbar! Und ja! Das ist wirklich unqualifiziert. Was rechtfertigt denn deine Aussage? Welchen Informationengehalt haben deine Posts? Ich habe hier doch nur eine Frage gestellt. Was du allerdings postets ist absoluter Bullshit. Ich habe auch keine Lust mehr weiter darauf einzugehen. Welch eine Zeitverschwendung sich mit einem wie dir auseinanderzusetzen. Also bitte erweise allen die das hier lesen um sich auch über themenbezogene Dinge zu informieren den Gefallen NICHT mehr hier zu posten. Für mich geht das schon hart an die Grenze des erträglichen. Aus meiner Sicht sollte man den kompletten Beitrag hier inklusive deinem Account vom Server tilgen!!! Servus!

Öhm, nö mein Account bleibt hier, aber du kannst deinen Thread hier gerne löschen wenn du magst.
Können uns gerne Privat darüber weiter unterhalten was für ein Choleriker du sein scheinst, wenn du (nicht ich fühle mich angepisst, das machst du hier grade allein mit dir ;))

Du willst nicht darauf eingehen aber postest hier so ne "Hate-Speech" weil du a) dein Problem nicht selber lösen kannst b) zu Faul bist uns informationen zu geben und c) Hey, is ja nicht so das man Googlen könnte hm?

Ich finds spontan ordentlich witzig wie du dich hier anpisst ;)


Accept the rules. Hier die Regeln: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Die gelten auch für dich.
Und lad endlich ne Demo (DEMO, nicht das komplette Ding!) hoch.
Oder lass es bleiben.


P.S. Ich warte jetzt noch auf deine nächste "Hate-Speech" :)

nevermind 16.04.2012 01:19

*Knusper* Lecker Popcorn...
Bitte mehr flame, mir ist kalt!

Thielo 16.04.2012 01:20

Zitat:

Zitat von nevermind (Beitrag 514689)
*Knusper* Lecker Popcorn...
Bitte mehr flame, mir ist kalt!


Popcorn hat ich eben mein Lieber ;) Tribute von Panem und so..


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:23 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023