ansaurus

Question

jQuery popup help

Answer 1

A:

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

Stian 2010-06-18 22:25:09

So using this will pull the code of the popup from another page? And it will work like it did before just with external page containing code right?

mystycs 2010-06-18 22:28:50

Yeah, that's the idea. :)But you should probably be aware that the load() function uses AJAX, so it might affect the way the popup is rendered, because elements could be rendered at different times.. But you could try it out.

Stian 2010-06-18 22:32:07

Allright ill try it, ill post back telling! Hope me luck :)

mystycs 2010-06-18 22:37:23

Wait just curiously where exactly do i add the code "$("#popupContact").load("someExternalPage.html");"

mystycs 2010-06-18 22:42:41

I updated the code example in my original post.

Stian 2010-06-18 22:57:55

Tried it. Nothing happens

mystycs 2010-06-18 23:09:03

You've created a html file called popupContent and put the html of the popup inside? Just to get the obvious out of the way :P

Stian 2010-06-18 23:15:39

Yup lol, and i replaced the code you gave me inside the popup.js file

mystycs 2010-06-18 23:16:40

Oh and this is the html i have that brings it up when clicked. <div id="button"><li><a onclick="document.form.submit()">Login</a></li> </div>

mystycs 2010-06-18 23:18:51

Yea im completely at loss now.

mystycs 2010-06-18 23:25:59

I downloaded all the files from the example and modified it the way I have suggested, and it works for me. You say nothing happens, what does that mean? When you click the button to make the popup appear, nothing happens? In that case there could be a syntax error in your code... I tried copy-pasting the code in my example and replaced the loadPopup function in popup.js, and it still works.

Stian 2010-06-18 23:28:57

Hmm want to look at my code? Here http://bit.ly/ckJFfeI put the bit.ly cause i dont want my site coming up in this on google haha.Maybe you can find something i missed?

mystycs 2010-06-18 23:33:50

Should the popup appear when you click the Login link at the top?

Stian 2010-06-18 23:37:30

Yup! Thats how it worked before if the code was just in there.

mystycs 2010-06-18 23:40:28

This is the popup.js file if you didnt take a look. http://bit.ly/cyEosP

mystycs 2010-06-18 23:40:58

In your popup.js you use an element with id "popupLogin", but I can't find such an element on your page.. Just put a empty div with that id somewhere inside the body tag. Hopefully it will fix it.

Stian 2010-06-18 23:59:32

I have that div in my popupcontent.html file here Or should i still add it?http://bit.ly/ak46tv

mystycs 2010-06-19 00:04:35

It worked before if i put that code in the popupcontent in my index.html file in my template and didnt have that new code in the js. Thats why im wierded out its not working haha. And yea i replaced it all with popupLogin

mystycs 2010-06-19 00:07:25

Aha, now I realize that you have the popupLogin div inside the popupContent.html. But you should have that div on your main page, and it should just be empty. Because now jQuery can't find that element. Also <div id="backgroundPopup"></div> should be on your main page, not in the popupContent.html.

Stian 2010-06-19 00:11:35

Okay will do now =) Lets see this work!! haha

mystycs 2010-06-19 00:15:13

It works great!!!! Thank you so much! Your awesome, but one thing haha. When i try to close my window now it doesnt. Any idea?http://bit.ly/93iDZv After the popup opens.

mystycs 2010-06-19 00:17:53

Yeah, I had the same problem here. In popup.js replace$("#popupLoginClose").click(function(){ disablePopup();}); with $("#popupLoginClose").live("click", function(){ disablePopup();}); But you need to use jQuery 1.4 to use the "live" function, and you're using 1.2.

Stian 2010-06-19 00:20:06

Works perfectly! Dude you are the best out of like 20 days of looking you give me the answer! Haha Thanks so much! =)

mystycs 2010-06-19 00:22:49

Hehe, no problem! Just remember to accept my answer :P Good night :)

Stian 2010-06-19 00:25:14

It has been accepted =)

mystycs 2010-06-19 00:29:31

ansaurus

tags:

views:

answers:

jQuery popup help

related questions