Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Zong Han Huang
Zong Han Huang
161 Points
Posted by Zong Han Huang
Zong Han Huang
161 Points

Wordpress custom sign up in popup

Hi, I'm trying to customize sign up page in popup. I create an overlay and show /wp-signup.php/ content in that overlay. I want to that when user click Next button that will still in the overlay, but right now it direct to /wp-signup/ page not in the overlay.

This is my site(please click open): http://adword.vip/

I want to like :http://edublogs.org/

Html:

<!-- The overlay -->
<div id="myNav" class="overlay">
 <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">Ɨ</a>
   <!-- Overlay content -->
  <div class="overlay-content" id="overlay-content">
  </div>
</div>
<span id="open" onclick="openNav()">open</span>

Javascript:

<script>
 jQuery(document).ready(function(){

  jQuery("#open").click(function(){
      jQuery("#overlay-content").load('/wp-signup.php');
      jQuery("#header_container").hide();
  });

    jQuery("#next").click(function(){
    jQuery("#overlay-content").load( '/wp-signup.php');
     });
  });
</script>

I think problem is in

 jQuery("#next").click(function(){
    jQuery("#overlay-content").load( '/wp-signup.php');
     });

What can I do? or is there any better way?

Thanks for help.