Question

I’m using this script as a popup on my website for a login.

But what im having trouble with is that it makes me put the HTML code of the popup in my index or page whichever will display the popup. Is there a way to make it so that i can call the popup code externally like whatever is in the popup?

This is the popup code im using!

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

Help would be awesome i just cant figure it out anymore….

Answer 1

Maybe you could use the load() function inside the function that makes the popup appear?

Seems like loadPopup() is the function that shows the popup.

//loading popup with jQuery magic!
function loadPopup(){
   //loads popup only if it is disabled
   if(popupStatus==0){

      // load popup content from external file
      $("#popupContact").load("popupContent.html");

      $("#backgroundPopup").css({
         "opacity": "0.7"
      });
      $("#backgroundPopup").fadeIn("slow");
      $("#popupContact").fadeIn("slow");
      popupStatus = 1;
   }
}