Witam
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);
});
});
}
});
});
});