JavaScriptのポップアップを作成するよりエレガントな方法はありますか？最もエレガントな方法は、JavaScriptのポップアップを作成するには？
<head>
<script>
function myPopup() { window.open("http://www.google.com", "myWindow", "status=1, height=300, width=300, resizable=0")
}
</script>
</head>
<body>
<input type="button" onClick="myPopup()" value="popup">
</body>
jQuery UIには使いやすい大きなmodal dialogプラグインがあります。
<head>
<script>
function myPopup(){
window.open("http://www.google.com", "myWindow",
"status=1,
height=300,
width=300,
resizable=0"
);
}
</script>
</head>
<body>
<input type="button" onclick="myPopup()" value="popup" />
</body>
あなたが達成しようとしていることに依存して、あなたはModal Dialogueフォームを見ることができます。
jQueryはこの例をhttp://jqueryui.com/demos/dialog/としています。
私はHizmetListesi.aspx .Iは、その後のaspxに
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "hizmetYenileTahsilat", "showModalDialog()", true);
でそれを呼び出すことのaspxファイルにJSのコードを書くというページ上のボタンをクリックした後modalDialog
function showModalDialog() {
window.showModalDialog('HizmetSuresiUzatma.aspx',
'',
'resizable: no;
scroll: No;
dialogWidth:640px;
dialogHeight:350px');
}
を開く方法です.csファイル。
いいえクラッシュしてもいい作業コード。
シンプル何このコードは良くなりますすることで、個別にファイルとそれもポップアップ上の別のページかかわらず同じポップアップサイズでもっとして一つのファイルにフェアリング持ってJavaScriptでそれを使用することができるということです。
Javascriptを
// Popup window code
function MyPopUp(url) {
popupWindow = window.open(
url,'popUpWindow','height=454,width=580,left=0,top=200,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
HTML
<a href="JavaScript:MyPopUp('MyDirectory/Page.html');" title="My PopUp For You">My PopUp</a>
注：あなたはまた、例えば<body onload="JavaScript:MyPopUp('MyDirectory/Page.html');">体内にonloadイベントとしてこれを使用することができますし、それがonmouseoverと他人に仕事をasloます。 ..あなたがあなたのページにアクセスしているクライアントを怒らせない限り、私はこれを助言しませんが。
ポップアップを作成しないでください –
haha、音楽プレーヤー用...クライアントリクエスト – Steven
最も優雅な方法は同じページにオーバーレイを作成することです – Ibu