Ahmad Masykur

Share your knowledge although one function!

About the author

Ahmad Masykur is a Software Architecture Engineer at PT. Freeport Indonesia Jakarta Indonesia.
In this blog, I share things of interest to me. Most topics are likely to be related to software development, but don't hold me to it.

Certificates



Awards


Powered by

Widget Prayer Time not found.

There is an error in XML document (4, 16278).X

Page List

Validators


Ahmad Masykur

Internet Explorer Open Modal Window

Pada Internet Explorer terdapat salah satu fitur untuk membuat pop-up window  yang bersifat modal, yaitu ketika window pop-up muncul maka window pemanggilnya tidak bisa diakses (terkunci). Fasilitas ini sangat menarik karena dalam pembuatan aplikasi web seringkali harus membuat window kecil untuk input/pemilihan data.

Kode yang digunakan untuk membuat modal window adalah window.showModalDialog, penggunaannya seperti pada baris berikut.


vReturnValue = window.showModalDialog(sURL [,vArguments] [,sFeatures])

Pada contoh kode di atas, fungsi showModalDialog memiliki tiga argument dengan dua argument optional.

  • sURL: merupakan url window yang akan ditampilkan
  • vArguments: merupakan arguments yang nilainya dapat diterima/dibaca oleh window target melalui property window.dialogArguments.
  • sFeatures: merupakan kumpulan atribut dari pop-up window, masing-masing atribut dipisahkan dengan tanda titik koma. Atribut yang bisa digunakan yaitu:
    dialogHeight: sHeight
    dialogWidth: sWidth
    dialogLeft: sXPos
    dialogTop: sYPos
    center: { yes | no | 1 | 0 | on | off } default = yes
    dialogHide: { yes | no | 1 | 0 | on | off } default = no
    edge: { sunken | raised } default = raised
    resizable: { yes | no | 1 | 0 | on | off } default = no
    scroll: { yes | no | 1 | 0 | on | off } default = yes
    status: { yes | no | 1 | 0 | on | off } default = yes
    unadorned { yes | no | 1 | 0 | on | off } default = no
  • vReturnValue: merupakan nilai kembalian dari pop-up window. Nilai kembalian ini dihasilkan dari property window.returnValue yang diset dari pop-up window.

Contoh kode:

Window induk:


function openDialog() {
    var retVal = window.showModalDialog(url,"name", "dialogWidth:255px;dialogHeight:250px");
    alert(retVal);
}

Pada window pop-up, saat menutup window untuk mendapatkan nilai kembalian property window.returnValue harus diisi.


function closeDialog() {
    window.returnValue = 'kembalian';
    window.close();
}

Masalah PostBack pada Pop-Up Modal Window

Terdapat masalah pada aplikasi ASP.NET dengan pop-up modal window. Setiap kontrol yang memerlukan postback ke server, hasil pemprosesan server tidak ditampilkan dalam pop-up window yang sama melainkan akan membuka window baru. Hal ini dapat diatasi dengan menambahkan element <base target="_self"> pada header seperti contoh berikut.


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PopUp.aspx.cs" Inherits="WebApplication1.PopUp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">    <title>PopUp Window</title>    <base target="_self"></head><body>    <form id="form1" runat="server">    <div>        <asp:TextBox runat="server" ID="userName"></asp:TextBox>        <asp:Button runat="server" ID="submitButton" Text="Submit" />        <input type="button" value="Close" onclick="window.returnValue = true; window.close();" />    </div>    </form></body></html>

Demikian tutorial singkat untuk membuat modal window pop-up pada Internet Explorer.

Semoga bermanfaat.


Permalink | Comments (13) | Post RSSRSS comment feed

Comments

geeks.netindonesia.net | Reply

Thursday, May 22, 2008 8:52 AM

pingback

Pingback from geeks.netindonesia.net

Internet Explorer Open Modal Window - Ahmad Masykur

agusto xaverius Indonesia | Reply

Thursday, May 22, 2008 12:01 PM

agusto xaverius

IE brp aja nich bos yang bisa pake showmodaldialog ini

Ahmad Masykur Indonesia | Reply

Thursday, May 22, 2008 7:40 PM

Ahmad Masykur

Saya sudah coba di IE 6 dan IE 7. Keduanya tidak bermasalah

electric guitars for sale United States | Reply

Monday, December 22, 2008 3:33 PM

electric guitars for sale

Saya selalu guna IE jadi penerangan ini amat membantu saya. Thanks!

Cayenne Pepper Diet United States | Reply

Wednesday, January 07, 2009 2:57 AM

Cayenne Pepper Diet

Pingback from geeks.netindonesia.net

Internet Explorer Open Modal Window - Ahmad Masykur

cayennepepper-diet.com | Reply

Friday, January 09, 2009 10:31 PM

pingback

Pingback from cayennepepper-diet.com

Top Secret about Cayenne Pepper Diet Recipes | Cayenne Pepper Diet Information

cayennepepperdiet21.wordpress.com | Reply

Tuesday, January 13, 2009 6:24 AM

pingback

Pingback from cayennepepperdiet21.wordpress.com

Top Secret about Cayenne Pepper Diet Recipes « Cayenne Pepper Diet Blog

ขายบ้านเชียงใหม่ United States | Reply

Sunday, January 18, 2009 12:26 PM

ขายบ้านเชียงใหม่

IE brp aja nich bos yang bisa pake showmodaldialog ini

Internet-Explorer India | Reply

Tuesday, January 27, 2009 1:43 PM

Internet-Explorer

<a href="www.jumpusa.com/..._hoops.html">Basketball Hoops</a>Provides information on Globe Life Term Insurance where one dollar buys up to $50,000 life insurance for adults, children, and seniors.

Basketball Hoops India | Reply

Tuesday, January 27, 2009 1:44 PM

Basketball Hoops

Provides information on Globe Life Term Insurance where one dollar buys up to $50,000 life insurance for adults, children, and seniors.

insurance India | Reply

Tuesday, January 27, 2009 1:50 PM

insurance

Provides information on Globe Life Term Insurance where one dollar buys up to $50,000 life insurance for adults, children, and seniors.

buy viagra online United Kingdom | Reply

Wednesday, February 04, 2009 1:44 PM

buy viagra online

buy viagra online

buy viagra online United Kingdom | Reply

Wednesday, February 04, 2009 1:46 PM

buy viagra online

buy viagra online

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading