JavaScript È°¿ëÆÁ
2009.02.08 / 23:46

¸ð´Þâ-showModalDialog()

Á¶Èí
Ãßõ ¼ö 100
Á¦¸ñ¾øÀ½ ¸ð´Þâ-showModalDialog() 

 

1. ¸ðµç Á¦¾î±ÇÀ» »õ·Î ¶ç¿öÁö´Â âÀÌ °¡Áü.
 -> showModalDialog·Î »ý¼ºµÈ Æ˾÷âÀ» ´Ý¾Æ¾ß ºÎ¸ðâÀº ´Ù¸¥ ¾×¼ÇÀ» ÃëÇÒ ¼ö ÀÖÀ½.

2. »ç¿ë¹æ¹ý
   window.showModalDialog("url","arguments","options");
   - urlÀº ¸ð´Þ´ÙÀ̾î·Î±×·Î ¿­ html ¹®¼­ÀÇ ÁÖ¼Ò
   - arguments´Â ´ëÈ­ »óÀÚ¿¡ ³Ñ°ÜÁÙ ÀÎÀÚ
   - options
     dialogHeight : pixel ³ôÀÌ
     dialogWeight : pixel ³Êºñ
     dialogLeft ¡¡: ÁÂÃø »ó´ÜÀÇ x ÁÂÇ¥
     dialogTop ¡¡ : ÁÂÃø »ó´ÜÀÇ y ÁÂÇ¥
     center       : Áß¾ÓÀ§Ä¡¼³Á¤(yes/no)
     help         : help ¾ÆÀÌÄÜ(yes/no)
     scroll       : ½ºÅ©·Ñ¹Ù(yes/no)
     resizable    : Å©±âÁ¶Àý °¡´É¿©ºÎ(yes/no)
     status       : »óÅÂÇ¥½ÃÁ٠ǥ½Ã¿©ºÎ(yes/no)

3. arguments Àü´Þ¹æ¹ý(ºÎ¸ðâ -> ¸ð´Þâ)
   1) window.showModalDialog("URL", window, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");
      -> arguments·Î window °´Ã¼¸¦ ³Ñ°ÜÁÖ¾ú°í ¸ð´Þâ¿¡¼­´Â window.dialogArguments ·Î parent Object¿¡ Á¢±Ù°¡´É
         var win = window.dialogArguments;
         var pform = win.document.dataForm;
   2) ¿©·¯°³ÀÇ °´Ã¼¸¦ ³Ñ±â´Â ¹æ¹ý
      <INPUT TYPE="text" ID="gHtxtZipNo" SIZE="10">
      <INPUT TYPE="text" ID="gHtxtAddr" SIZE="30">
   
      °´Ã¼¸¦ »ý¼ºÇؼ­ ³Ñ±ä´Ù.
      var oArgObj = new Object();
      oArgObj = gHtxtZipNo;
      oArgObj = gHtxtAddr;
      oArgObj = "test";

      window.showModalDialog("URL", oArgObj, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");

4. Return °ª Àü´Þ¹æ¹ý(¸ð´Þâ -> ºÎ¸ðâ)
   ºÎ¸ðâ
   -> rVal = window.showModalDialog("URL", window, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");
 
   ¸ð´Þâ
   -> var arg = window.dialogArguments; ºÎ¸ðâ¿¡¼­ ÀÎÀÚ·Î ³Ñ¾î¿Â °ª
      window.returnValue = È£ÃâÇÑ ÆäÀÌÁö·Î ³Ñ±æ °ª(À§ÀÇ °æ¿ì ÀÌ °ªÀº rVal¿¡ ÀúÀåµÈ´Ù)
      window.close();