Close popup using jquery

Question

1.00/5 (1 vote)

See more:

Hi all,

Can anyone tell me how to close popup using jquery?
but the condition is, jquery code should be in javascript function.

My code:

C#

function ValidateAboutYouMAIN()
{
    //alert("main method call");
    var myVar=validateAboutYou();
//    alert(myVar);
    if(myVar==0)
    {
        alert("value=0");
        $('#aboutYouEditable').fadeOut(500);
    }
    else
    {
        alert("value=1");
    }
}

In above code i check return value from function:

validateAboutYou()

and if it is 0, div -

aboutYouEditable

should be close.

I have tried by writing document.ready function but still its not working..
Please suggest me to close popup

Posted 17-Sep-12 3:04am

Sweetynewb

Updated 17-Sep-12 5:12am

Kenneth Haugland

v2

Add a Solution

Comments

bbirajdar 17-Sep-12 9:12am

$('#aboutYouEditable').hide(); will work for you

Sweetynewb 18-Sep-12 3:20am

not working

bbirajdar 18-Sep-12 5:16am

what is the id of div? show your html code

Sweetynewb 18-Sep-12 5:20am

<div id="aboutYouEditable" class="hidden">
<form action="#" method="post">
<fieldset id="popup_aboutYou">
<dl class="commonForm">

<dt>
<label for="popup_title">Title:*</label>
</dt>
<dd>
<div class="normalFieldWrapper">
<select name="popup_title" id="popup_title">
<option value="">Select</option>
<option value="mr">Mr.</option>
<option value="ms">Ms.</option> </select>
<span id="list_error1" class="popupError" style="display:none"></span>
</div>
</dd>
<dt>
<label for="popup_firstname">First name:*</label>
</dt>
<dd>
<div class="normalFieldWrapper">
<input type="text" name="popup_firstName" id="popup_firstname" /><span id="list_error2" class="popupError" style="display:none"></span>
</div>
</dd>
<dt>
<label for="popup_middlename">Middle name:</label>
</dt>
<dd>
<div class="normalFieldWrapper">
<input type="text" name="popup_middleName" id="popup_middlename" /><span id="list_error3" class="popupError" style="display:none"></span>
</div>
</dd>
<dt>
<label for="popup_lastName">Last name:*</label>
</dt>
<dd>
<div class="normalFieldWrapper">
<input name="popup_lastName" type="text" id="popup_lastName" /><span id="list_error4" class="popupError" style="display:none"></span>
</div>
</dd>

<dt>
<label for="popup_genderMale">Gender:</label>
</dt>
<dd>
<div class="normalFieldWrapper">
<input name="gender" type="radio" class="radioButton" id="popup_genderMale"/>
<label for="genderMale" class="radioButtonLabel">Male</label>
<input name="gender" type="radio" class="radioButton" id="popup_genderFemale" />
<label for="genderFemale" class="radioButtonLabel">Female</label><span id="list_error6" class="popupError" style="display:none"></span>
</div>
</dd>

</dl>
</fieldset>
<div class="buttonWrapper"> <span>Cancel</span> <span class="mainActionbu

bbirajdar 18-Sep-12 5:28am

Your HTML is wrong. Move the div inside the form tag. It should not be outside

<div id="aboutYouEditable" class="hidden">
<form action="#" method="post">

Should be

<form action="#" method="post">
<div id="aboutYouEditable" class="hidden">

Sweetynewb 18-Sep-12 6:15am

ok i tried with your suggestion but still its not working.
its giving me error-
$ is not a function

And if i replace $ with - jQuery word it gives me exceptions which i didnt seen ever

bbirajdar 18-Sep-12 7:11am

You have not included the jQuery library on the page.. You need to set up the webpage to use Jquery...

[no name] 17-Sep-12 9:27am

did u included a latest jquery file in ur page? and try using firebug add on for firefox to deal with client scripts .....

Sergey Alexandrovich Kryukov 8-Feb-13 1:52am

What makes you posting a fake answer?! And even accepting it formally?! Cheating?
Do you know that a number of members already lost their memberships because of this kind of abuse?
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Amy · Answer 1 · 2012-09-17T04:25:00

Solution 1

Try this:

JavaScript

function ValidateAboutYouMAIN()
{
    var myVar=validateAboutYou();
    if(myVar==0)
    {
        alert("value=0");
        $('#aboutYouEditable').fadeOut(500);
        window.close(); // You missed. Although you are using fadeout you need to use close function also.
    }
    else
    {
        alert("value=1");
    }
}

Hope it helps.
--Amit

Posted 17-Sep-12 4:25am

_Amy

Comments

Sweetynewb 18-Sep-12 2:58am

I tried your code, still its not working.
Actually popup is nothing but the div on same page..