Mam problemy ze skrpytem, działa pod FF/OPERA ale pod IE w każdej wersji dane nie są zastępowane.
DEMO:
http://marcinmarecik.com (galeria, ladowanie zdjec po wyborze albumu)
$(function() { $('.albumFoto').bind('click', function() { var id = parseInt($(this).attr('rel')); var response2 = $('#galeria'); $.ajax({ type: "POST", url: "galeria.php", cache: false, data: "mode=foto" + "&id=" + id, complete: function(data){ response2.html(data.responseText); } }); }); }); $(function() { $('#galeriaBack').bind('click', function() { var response2 = $('#galeria'); $.ajax({ type: "POST", url: "galeria.php", cache: false, data: "mode=back", complete: function(data){ response2.html(data.responseText); } }); }); });
skrypt działający na podobnej zasadzie na inej stronie działa.
DEMO: staniatkisalos.pl (logowanie)
$(document).ready(function(){ //global vars var inputUser = $("#nick"); var inputPass = $("#pass"); var loading = $("#loading"); var panel = $("#script"); //check if all fields are filled function checkForm(){ if(inputUser.attr("value") && inputPass.attr("value")) return true; else return false; } //on submit event $("#logIn").submit(function(){ if(checkForm()){ var nick = inputUser.attr("value"); var pass = inputPass.attr("value"); //we deactivate submit button while sending $("#send").attr({ disabled:true }); $.ajax({ type: "POST", url: "login.php", cache: false, data: "mode=login&nick=" + nick + "&pass=" + pass, complete: function(data){ panel.hide(); loading.fadeIn(500, function() { loading.fadeOut(500, function() { panel.html(data.responseText); panel.fadeIn(1000); }); }); //reactivate the send button $("#send").attr({ disabled:false }); } }); } else alert("Wypelnij wszystkie pola!"); //we prevent the refresh of the page after submitting the form return false; }); $("#out").click(function(){ $.ajax({ type: "POST", url: "login.php", cache: false, data: "mode=out", complete: function(data){ panel.hide(); loading.fadeIn(500, function() { loading.fadeOut(500, function() { panel.html(data.responseText); panel.fadeIn(1000); }); }); } }); }); });