http://screencast-o-matic.com/watch/c2euFin04P

 

As you can see on the video when i click the x button it does not close the window but that's what i wanna do.

 

How can i make it onclick to close the window?

Provide code.

 

The general idea is you create an on click listener which changes the css of the backdrop and the login popup to display: none.

A lot of how it works will depend on what you're using to open the login window. If you are using a pre-built script, you'll want to check that documentation for their built in functions - one of which is probably a close function.

 

If you built the pop-up manually, then you'll just need a little javascript. Let's say the X is written like:

<span class="close">X</span>

Then, using jQuery, you'd right something like this: (change #login to whatever the container of the login is)

$('.close').click(function() {
    $('#login').fadeOut("fast");
});

You may need to write something to fade out the background too. Like Samus said, without seeing the code, there is no saying what will work.

alright , thanks guys for your support i totally understand what you mean