Solved

Inform webpage that popup has closed

Posted on 2012-03-29
10
479 Views
Last Modified: 2012-03-29
I have a textbox on a webpage whose click event opens a calendar popup.

What do I need to do so that the main webpage 'knows' that the popup calendar has been closed?

My overall goal is to:
    1.  Open the popup calendar when the user clicks the texbox
    2.  Return and display the selected date in the textbox on the main page
    3.  Run some code on the main page immediately upon closing the popup

I have 1 and 2 worked out, but am stuck on 3.

(I'm using VB.Net/ C# /Visual Studio 2008)

Please let me know if more info is needed.

Thanks (!)
0
Comment
Question by:mbizup
  • 6
  • 3
10 Comments
 
LVL 61

Author Comment

by:mbizup
ID: 37782176
I have tried using the TextChanged event of the textbox that accepts the date from the popup calendar, but that event does not seem to get triggered by the popup writing the date to the textbox on the main page.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 37782622
the popup should be able to fire a function in the parent with:

parent.yourfunction();
self.close();


Cd&
0
 
LVL 61

Author Comment

by:mbizup
ID: 37782784
That makes sense - it sounds like I have been approaching this from the wrong direction.

Does my syntax look okay?

<asp:Button ID="Button1" runat="server" onclick="parent.foo(); self.close();" Text="Button" />

I'm getting a compilation error saying that I'm missing a close parenthesis, but I don't see where.


That is in the markup for my popup calendar.  Am I putting the code in the right place?
0
 
LVL 61

Author Comment

by:mbizup
ID: 37782827
Okay - here's a really stupid question.  

My function "Foo()" is currently in the VB.Net code behind the parent form as a public function.  Will it work like that, or do I have to write it in Javascript and put it in the markup?
0
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 37782902
Are you using AJAX Calendar Extender control?  Use its OnClientHidden property

http://www.dotnetfunda.com/articles/article1001-ajax-calendarextender.aspx

http://forums.asp.net/p/1335624/2690286.aspx
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 61

Author Comment

by:mbizup
ID: 37782962
Hi CC,

This is the example I was following for the calendar, using the built in VS.Net calendar:

http://www.codeguru.com/csharp/csharp/cs_date_time/article.php/c19401/Creating-a-Popup-Date-Picker.htm

I'll take a look at sites that you posted, too.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37783009
As soon as we drift off into asp and vb it leaves me behind.  I'm an open source developer.  However to answer the question, about javascript, yes the recommendation I posted asumes the function is written in javascript in the parent page.


Cd&
0
 
LVL 61

Author Comment

by:mbizup
ID: 37783409
Cd&,

That was completely brilliant!

My original approach (trying to determine when the popup closed) was backwards.

Using javascript to call a javascript function worked beautifully, when I got rid of the asp tags - which from your last comment, I think needed to be done.

This is what I wound up with:
    // This is in the popup - 
    function fooPopup()
    {
        window.opener.fooParent();
        self.close();
    }
    <button id="Button1" onclick="fooPopup();"></button>


        // This is in the main form - 
        function fooParent() {
            alert("Hello");
            document.getElementById('TextBox1').value = "Aloha";
            // This clicks an asp button --
            document.getElementById('Button1').click();
        }

Open in new window


What is very, very cool - and what I was ultimately trying to get at - is that you can use that to click a command button to run VB.Net or C# functions.

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        Response.Write("This Works!!")
    End Sub

Open in new window


I'm just so happy, I could click that button all day!!
0
 
LVL 61

Author Closing Comment

by:mbizup
ID: 37783412
Thanks!
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37783506
The original concept behind the site was an Expert in something helping an Expert in something else.  A true exchange between Experts.

Glad to help.  :^)


Cd&
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
Viewers will learn about if statements in Java and their use The if statement: The condition required to create an if statement: Variations of if statements: An example using if statements:

930 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now