Modal dialog for a popup

[sreenath reddy]

Hi

I have many popups in my webapplication(Even though i tried restricting them as its always pain with the popups) ......and i am facing a problem which most of you might be aware of....

When the user opens a popup, and then he comes to the main page and refreshes that and he submits the popup which need to pass some data to the parent window (or might need to pick data from parent window)

Hence the parent window is getting lost .how can i prevent this with out changing the window.open to modal window( because i need to modify my code lot to support modal windows and this wont work in netscape too)

Is there anyway ?? i tried using self.focus() on the onblur event of the popup jsps .....but thats not allowing me to enter the fields in that page (as it keeps on focussing that popup)

Can any one suggest me a better way of handling this ??

Regards

[Eric Pascarello]

Try this, I know it works with Mozilla, IE, and Firefox

<script type="text/javascript">
var winPop;
 
function OpenModal(xURL){
  if(window.showModalDialog){
    winPop = window.showModalDialog(xURL,"blank","dialogHeight: 400px;
 dialogWidth: 400px; dialogTop: 150px; dialogLeft: 150px; edge: Raised;
 center: No; help: No; resizable: Yes; status: No;");
  }
  else{
    winPop=window.open(xURL,'yourModal','width=480,height=400,top=0,left=0,
scrollbars=yes,resizable=yes,modal=yes');
winPop.focus();
  }
}
</script>
 
<input type="button" name="B1" value="open" onclick="OpenModal('about:blank')">

Eric
[ May 24, 2005: Message edited by: Eric Pascarello ]

[sreenath reddy]

how can i prevent this with out changing the window.open to modal window( because i need to modify my code lot to support modal windows and this wont work in netscape too)

Hi eric

window.showDialog is nothing but a modal dialog right ?? the problem is t he way in which the data in transferred from child to parent differs a lot if i use that window.showModalDialog() .........so i need to change in lot of places

and i am sure that the window.showModal wont work in Netscape

[Eric Pascarello]

You can try something like this, but it is not a great solution:

<script type="text/javascript">
  var winPop;
  function OpenWindow(xURL){
    if(winPop && !winPop.closed){
      winPop.focus();
  winPop.loaction.href = xURL;
    }
    else{
  PopUpFakeModal(xURL);
    }
  }
 
   function PopUpFakeModal(xPopUpUrl){
    var intWidth = 400;
var intHeight = 300;
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    placementx=(ScreenWidth/2)-(intWidth/2);
    placementy=(ScreenHeight/2)-((intHeight+50)/2);
    winPop=window.open(xPopUpUrl,"","width="+intWidth+",height="+intHeight+
",resizable=1,left="+placementx+",top="+placementy+",screenX="+placementx+
",screenY="+placementy+",");
 
window.onfocus = function(){FocusCloseWindow('onfocus')};
window.onunload = function(){FocusCloseWindow('onunload')};
winPop.window.onunload = function(){window.opener.focus();}
   }
 
   function FocusCloseWindow(xAction){
     if(winPop && !winPop.closed){
   if(xAction=="onfocus"){
     window.blur();  
     winPop.focus(); 
   }
   else{
 winPop.close();
   }
 }
 else{
   window.onfocus = null;
   window.onunload = null;
 }
   }
 
</script>
 
<input type="button" name="b1" onclick="OpenWindow('about:blank')" value="Open">

Eric