Nicht mehr ganz neu hier
Guten Abend allerseits,
ich habe ein Problem, welches mir bisher so noch nicht begegnet ist. Ich habe ein Problem mit der JS Library JQuery die ich vorallem wegen der Cross Browser Funktionalität so sehr schätze.
Nun kommt es allerdings zu einem Bug im Browser Opera, der zwar noch wenig Marktanteil hat, aber ich möchte ihn trotzdem nicht ausschließen.
Das Problem ist wie im Titel bereits angedeutet, dass die Animation bis zu einem bestimmten Punkt läuft, sich dort "aufhängt" und dann nach gewisser Wartezeit weiterläuft.
In allen anderen Browsern die ich getestet habe (IE 7, IE 8, IE 9 Beta, Mozilla seit Ver. 2, Chrome und Safari || alle Browser auf Windows) läuft die Animnation in einem rutsch und butterweich. IE 6 wird bewusst ausgeschlossen.
Hier könnt ihr den Fehler reproduzieren (wenn noch andere Browser auffällig werden, bitte melden): und dort dann auf einen Link klicken.
Der gesamte JS Code für die Animationen liegt unter
Hier nochmal ein Ausschnitt aus der Datei
ich habe ein Problem, welches mir bisher so noch nicht begegnet ist. Ich habe ein Problem mit der JS Library JQuery die ich vorallem wegen der Cross Browser Funktionalität so sehr schätze.
Nun kommt es allerdings zu einem Bug im Browser Opera, der zwar noch wenig Marktanteil hat, aber ich möchte ihn trotzdem nicht ausschließen.
Das Problem ist wie im Titel bereits angedeutet, dass die Animation bis zu einem bestimmten Punkt läuft, sich dort "aufhängt" und dann nach gewisser Wartezeit weiterläuft.
In allen anderen Browsern die ich getestet habe (IE 7, IE 8, IE 9 Beta, Mozilla seit Ver. 2, Chrome und Safari || alle Browser auf Windows) läuft die Animnation in einem rutsch und butterweich. IE 6 wird bewusst ausgeschlossen.
Hier könnt ihr den Fehler reproduzieren (wenn noch andere Browser auffällig werden, bitte melden): und dort dann auf einen Link klicken.
Der gesamte JS Code für die Animationen liegt unter
Hier nochmal ein Ausschnitt aus der Datei
PHP:
//Callback Funktion des history Plugins
function callback(hash) {
//Google Analytics manueller Aufruf
//pageTracker._trackPageview("/"+hash);
//Zerlegt den Query String um ihn f�r Ajax Call nutzbar zu machen
var to_split = hash
var splitted = to_split.split("&");
hash = splitted[0]; //Hash wird bekannt gemacht
// Query String wird zusammengesetzt und letztes Zeichen wird entfernt (&)
var get_string = "";
for(i = 1; i < splitted.length; i++) {
get_string += splitted[i]+"&";
}
get_string = get_string.substr(0, get_string.length-1);
//Falls hash nicht leer ist (also nicht die Startseite) werden die Boxen bewegt
if(hash != "") {
$('#new').hide();
$('#content').css({
"background-image" : "url('./images/content_bg2.jpg')",
"background-repeat" : "repeat-y"
});
$('#reference').animate({
"margin-top" : 260,
"margin-left" : -331,
"padding-left" : 0
});
$('#contact').animate({
"margin-top" : 550,
"margin-left" : -331,
"padding-left" : 15
},
//Callback funktion anmimate
function () {
$('#loaded_content').fadeOut("slow", function() {
$('#ajax_ani').show();
$.ajax({
type: "GET",
url: "ajax/"+hash+".php",
data: get_string,
success: function(msg){
$('#ajax_ani').hide();
$('#loaded_content').html(msg);
$('#loaded_content').fadeIn("slow");
}
});
});
});
} else { //Startseite also wird alles r�ckg�ngig gemacht
$('#content').css({
"background-image" : "none",
"background-repeat" : "no-repeat"
});
$('#loaded_content').fadeOut('slow', function() {
$('#reference').animate({
"margin-top" : 0,
"margin-left" : 0,
"padding-left" : 15
});
$('#contact').animate({
"margin-top" : 0,
"margin-left" : 0,
"padding-left" : 35
});
});
$('#new').show();
}
}