469,623 Members | 1,127 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,623 developers. It's quick & easy.

AJAX: Closing a modal popup dialog

Okay, here's the situation: we want to be able to display ASPX pages
in an UpdatePanel. The reasons for this are performance related. The
site in development uses *lots* of modal popups from some pages, and
we don't want to load all that content until it's requested.

So, what we want to do is place an IFRAME inside an UpdatePanel and,
in the onclick event for the linkbutton or button control, set the SRC
so that the content is loaded on demand. So far, so good.

What I can't seem to figure out, at this point, is how you would go
about closing the modal popup once it's displayed. In theory, the
heirarchy looks like this:

Page
Button/LinkButton
ModalPopupExtender
UpdatePanel
IFrame
Page
OK/Cancel button

I'm relatively new to this Ajax business, but I've manged to figure
out how to get the page to load display in the IFrame when I want it
to, and that's all spiffy. Now I just need to know how to get it to
close in response to the user's actions.

Any help would be greatly appreciated.

Thanks!

Mike
Jul 31 '08 #1
3 3671
I can't answer your specific question, but I would put it all in a panel and
make it invisible unless you call the model popup. That way it wont load in
the page, and the buttons on the panel will close the model popup.

Marc
"Mike Hofer" <kc********@gmail.comwrote in message
news:ba**********************************@i76g2000 hsf.googlegroups.com...
Okay, here's the situation: we want to be able to display ASPX pages
in an UpdatePanel. The reasons for this are performance related. The
site in development uses *lots* of modal popups from some pages, and
we don't want to load all that content until it's requested.

So, what we want to do is place an IFRAME inside an UpdatePanel and,
in the onclick event for the linkbutton or button control, set the SRC
so that the content is loaded on demand. So far, so good.

What I can't seem to figure out, at this point, is how you would go
about closing the modal popup once it's displayed. In theory, the
heirarchy looks like this:

Page
Button/LinkButton
ModalPopupExtender
UpdatePanel
IFrame
Page
OK/Cancel button

I'm relatively new to this Ajax business, but I've manged to figure
out how to get the page to load display in the IFrame when I want it
to, and that's all spiffy. Now I just need to know how to get it to
close in response to the user's actions.

Any help would be greatly appreciated.

Thanks!

Mike

Jul 31 '08 #2
On Jul 31, 4:22*pm, "Marc " <RmEaMrO...@imarc.co.ukwrote:
I can't answer your specific question, but I would put it all in a panel and
make it invisible unless you call the model popup. That way it wont load in
the page, and the buttons on the panel will close the model popup.

Marc

"Mike Hofer" <kchighl...@gmail.comwrote in message

news:ba**********************************@i76g2000 hsf.googlegroups.com...
Okay, here's the situation: we want to be able to display ASPX pages
in an UpdatePanel. The reasons for this are performance related. The
site in development uses *lots* of modal popups from some pages, and
we don't want to load all that content until it's requested.
So, what we want to do is place an IFRAME inside an UpdatePanel and,
in the onclick event for the linkbutton or button control, set the SRC
so that the content is loaded on demand. So far, so good.
What I can't seem to figure out, at this point, is how you would go
about closing the modal popup once it's displayed. In theory, the
heirarchy looks like this:
Page
* Button/LinkButton
* ModalPopupExtender
* UpdatePanel
* * *IFrame
* * * * Page
* * * * * *OK/Cancel button
I'm relatively new to this Ajax business, but I've manged to figure
out how to get the page to load display in the IFrame when I want it
to, and that's all spiffy. Now I just need to know how to get it to
close in response to the user's actions.
Any help would be greatly appreciated.
Thanks!
Mike- Hide quoted text -

- Show quoted text -
On these three pages we're developing, each page displays up to eight
modal dialog boxes of varying complexity. Several of these dialog
boxes include data repeaters with *lots* of data. We don't want those
pages loading until the user asks for them.

(Don't ask me why these are being displayed in modal dialog boxes.
Let's just say the creative department was smoking some really good
stuff, and no one from the software engineering department was
involved at the time to restrain their "Gee Whiz" impulses.)

So, embedding eight different dialog boxes on a single page with data
repeaters and all their data is impractical on a *very* high traffic
web site. I need to load this stuff dynamically. Further, some of
these pages have unique styling requirements, and I don't want to load
the style sheets for all those dialog boxes and further bloat the
request size. If I can just load the page when it's asked for and it's
size (and script) requirements, that's optimal.

Thanks,
Mike

Jul 31 '08 #3
the easiest way to do this is two hidden buttons, one as the targetid,
and one as the okcontrolid. then from client script just fire the
correct click to open/close the popup. the ok button in the iframe would
call a routine the parent to close (which would just fire the hidden ok
button). when you close the popup set the iframe src to a empty page, so
when you open it again, you don't have the last page displaying

-- bruce (sqlwork.com)

Mike Hofer wrote:
Okay, here's the situation: we want to be able to display ASPX pages
in an UpdatePanel. The reasons for this are performance related. The
site in development uses *lots* of modal popups from some pages, and
we don't want to load all that content until it's requested.

So, what we want to do is place an IFRAME inside an UpdatePanel and,
in the onclick event for the linkbutton or button control, set the SRC
so that the content is loaded on demand. So far, so good.

What I can't seem to figure out, at this point, is how you would go
about closing the modal popup once it's displayed. In theory, the
heirarchy looks like this:

Page
Button/LinkButton
ModalPopupExtender
UpdatePanel
IFrame
Page
OK/Cancel button

I'm relatively new to this Ajax business, but I've manged to figure
out how to get the page to load display in the IFrame when I want it
to, and that's all spiffy. Now I just need to know how to get it to
close in response to the user's actions.

Any help would be greatly appreciated.

Thanks!

Mike
Aug 1 '08 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Earl Teigrob | last post: by
reply views Thread by Nemisis | last post: by
1 post views Thread by Samuel Rhodes | last post: by
reply views Thread by =?Utf-8?B?QWxCcnVBbg==?= | last post: by
3 posts views Thread by SE.Computerguy | last post: by
4 posts views Thread by fran_j_diaz | last post: by
5 posts views Thread by =?Utf-8?B?SmFtZXMgUGFnZQ==?= | last post: by
2 posts views Thread by Alec MacLean | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.