Lo he estado revisando y combina jquery con ajax y php, ¿alguien podría darme una pista?, el código que creo que hace esto es el siguiente:
Código:
Gracias de antemano, saludos jQuery(document).ready(function() { // this code in testing state // open popup jQuery(".hard a").click(function(event) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; href = jQuery(this).attr("href"); jQuery("#backoffice").css({ "background" : "url(" + href + ")" }); jQuery("#backoffice").fadeIn(1000); }); /* button press */ jQuery(".hard a").mouseup(function() { jQuery(this).removeClass("pressed").addClass("normal"); }).mousedown(function() { jQuery(this).removeClass("normal").addClass("pressed"); }); // close popup /*jQuery(".popclose").click(function() { jQuery("#overlay_hard").fadeOut(1000); });*/ jQuery(".back a").click(function(event) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; href = jQuery(this).attr("href"); jQuery("#backoffice").css({ "background" : "url(" + href + ")" }); jQuery("#backoffice").fadeIn(1000); }); /* button press */ jQuery(".back a").mouseup(function() { jQuery(this).removeClass("pressed").addClass("normal"); }).mousedown(function() { jQuery(this).removeClass("normal").addClass("pressed"); }); jQuery(".popclose").click(function() { jQuery("#backoffice").fadeOut(); }); /* jQuery(".products-cont a").click(function(event) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; href = jQuery(this).attr("href"); jQuery("#overlay_back").css({ "background" : "url(" + href + ")" }); jQuery("#overlay_back").fadeIn(1000); });*/ /* jQuery("#menu-cont nav a").click(function(event) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; href = jQuery(this).attr("href"); jQuery("#overlay_back").css({ "background" : "url(" + href + ")" }); jQuery("#overlay_back").fadeIn(1000); });*/ jQuery(".products-cont a, #menu-cont nav a").click(function(event) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; href = jQuery(this).attr("href"); jQuery.ajax({ type: "POST", url: "http://www.golden-race.com/products-page/", context: jQuery("#page"), data: { postpermalink: href, c_code: icl_lang }, beforeSend: function() { jQuery("#loadergif").fadeIn(1000); }, success: function(msg) { jQuery("#loadergif").hide(); jQuery(this).append(msg).fadeIn(1000); jQuery(this, 'popclose').bind('click', function() { jQuery("#overlay_back").fadeOut(1000).remove(); }); } /*.done(function( msg ) { jQuery(this).append(msg).fadeIn(1000); jQuery(this, 'popclose').bind('click', function() { jQuery("#overlay_back").fadeOut(1000).remove(); }); */ // alert(msg); /*.remove(); alert( "Data Saved: " + msg );*/ }); /* jQuery("#overlay_back").css({ "background" : "url(" + href + ")" }); jQuery("#overlay_back").fadeIn(1000);*/ }); var dt = new DateTime(); jQuery("#top1").text(dt.formats.pretty.b); });