zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden JQuery Slide nach ajaxStart

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.04.2012, 23:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard 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/, "");
       }
   });

}

Geändert von cyrious (16.04.2012 um 16:00 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.04.2012, 00:10
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Meine Kristallkugel ...

Kannst Du einen Link posten ? Das ist so kaum nachvollziehbar ...
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.04.2012, 00:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 16.04.2012, 00:36
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von cyrious Beitrag anzeigen
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.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 16.04.2012, 00:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #6 (permalink)  
Alt 16.04.2012, 00:53
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 16.04.2012, 01:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #8 (permalink)  
Alt 16.04.2012, 01:13
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von cyrious Beitrag anzeigen
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 anzeigen
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"
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 16.04.2012, 01:19
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

*Knusper* Lecker Popcorn...
Bitte mehr flame, mir ist kalt!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.04.2012, 01:20
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von nevermind Beitrag anzeigen
*Knusper* Lecker Popcorn...
Bitte mehr flame, mir ist kalt!

Popcorn hat ich eben mein Lieber Tribute von Panem und so..
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

Geändert von Thielo (16.04.2012 um 01:24 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
ajax, jqeury

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery (coda slider) und prototype (Lightbox) konflikt computernerd Javascript & Ajax 3 21.09.2011 20:04
jquery slide unten nach oben skip23 Javascript & Ajax 1 07.09.2010 17:47
JQuery + Wordpress VoinG Javascript & Ajax 0 29.12.2008 17:03
jQuery Slide Problem dan_23 Javascript & Ajax 2 01.12.2008 18:54
JQuery von Slide Panel von vertikal auf horizontal ändern slater77 Javascript & Ajax 0 22.11.2008 04:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:45 Uhr.