DHTML Modal window Resize?

**SteveToms** · 01-05-2008, 05:08 AM

1) Script Title: DHTML Modal window v1.01

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm

3) Describe problem: Is there a way to have the window auto resize to a new size when a link is link on in the window??

http://stevetoms.com/dhtmlwindow/ftgairlines2.htm

For example, on Air France-KLM, when I click the F icon, can the window become smaller??

**ddadmin** · 01-05-2008, 07:21 AM

You should be able to do this by calling the setSize(w, h) method. For a list of methods available, see: http://www.dynamicdrive.com/dynamici...ndow/index.htm

**SteveToms** · 01-05-2008, 07:32 AM

So do I put the code on the page where all my logos are, or the windowed page?

**SteveToms** · 01-05-2008, 11:02 PM

I want to make sure people know what I am asking, I know I can have a resize on the main page, but how do I make it work on the DHTML Modal Window that opens?

**ddadmin** · 01-07-2008, 10:26 AM

If you wish to resize the DHTML window from within the page contained within this window, you can do so by referring back to the main page first, then calling setSize(w, h). For example, lets say on your main page, you've opened up a DHTML modal window:

Code:

<script type="text/javascript">
var mysurvey=dhtmlmodal.open("surveybox", "iframe", "survey.htm", "Fill out this survey", "width=700px,height=450px,resize=1,scrolling=1,center=1", "recal")
</script>

Then inside survey.htm, you wish to create a link that resizes the window it's contained in. You would do something like:

Code:

<a href="#" onClick="parent.mysurvey.setSize(500, 400); return false">Resize Me</a>

In other words, the key is to call "parent" in front of the method you wish to run, when that method is being called from the DHTML window itself.

**SteveToms** · 01-07-2008, 11:30 AM

Still a tad confused. First is there a way I can not have it auto open? Second, how do I make it work for click to open?

**ddadmin** · 01-07-2008, 12:51 PM

A DHTML modal window can be set to open when you click on a link, for example. This is actually already demonstrated in demo #2 and #3 on the script page. The code would look something like:

Code:

<script type="text/javascript">

function opennewsletter(){
//Open a modal window with an iframe page inside, and assign the result to a global variable called "emailwindow"
emailwindow=dhtmlmodal.open('EmailBox', 'iframe', 'modalfiles/newsletter.htm', 'Newsletter Signup page', 'width=350px,height=200px,center=1,resize=0,scrolling=1')

</script>

<a href="#" onClick="opennewsletter(); return false">Signup for our newletter:</a> <span id="youremail" style="color: red"></span>