「新しいウィンドウを開く2」の編集履歴(バックアップ)一覧はこちら
新しいウィンドウを開く2 - (2008/01/24 (木) 14:51:44) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
// 現在のページ名
*&this_page()
**概要
ASP.NET で JavaScript を生成し、新しいウィンドウを開く。
参考:
-[[DHTML リファレンス / showModalDialog>>http://msdn.microsoft.com/library/ja/default.asp?url=/library/ja/jpisdk/dhtml/references/methods/showModalDialog.asp]]
-[[クラスライブラリ リファレンス / WebControl.Attributes プロパティ>>http://msdn2.microsoft.com/ja-jp/library/system.web.ui.webcontrols.webcontrol.attributes(VS.80).aspx]]
**前提条件
-[[新しいwebサイトの作成]]
**手順
buttonコントロールをひとつ配置。
&img(146.jpg)
default.aspx.vbを以下のようにする。
#highlight(vb.net){
Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub Page_Load1(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Button1.Attributes("onclick") = _
"window.showModalDialog( 'hoge.aspx' , window, 'dialogWidth:400px;dialogHeight:300px;' );"
End Sub
End Class
}
実行すると以下のようになる。
&img(147.jpg)
ボタンを押すと、新しいウィンドウが開く。
※下記では、存在しないURLを開いた為、エラーが出ている。
&img(149.jpg)
// 現在のページ名
*&this_page()
**概要
ASP.NET で JavaScript を生成し、新しいウィンドウを開く。
参考:
-[[DHTML リファレンス / showModalDialog>>http://msdn.microsoft.com/library/ja/default.asp?url=/library/ja/jpisdk/dhtml/references/methods/showModalDialog.asp]]
-[[クラスライブラリ リファレンス / WebControl.Attributes プロパティ>>http://msdn2.microsoft.com/ja-jp/library/system.web.ui.webcontrols.webcontrol.attributes(VS.80).aspx]]
**前提条件
-[[新しいwebサイトの作成]]
**手順
buttonコントロールをひとつ配置。
&img(146.jpg)
default.aspx.vbを以下のようにする。
※「window.open」でもいいが、ここでは「window.showModalDialog」を使用した例を挙げる。
参考:
-[[ウェブマニアックス - ダイアログ(showModalDialog)を表示する。>>http://park14.wakwak.com/~kimihiko/web-maniacs/javascript/modal/001/]]
#highlight(vb.net){
Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub Page_Load1(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Button1.Attributes("onclick") = _
"window.showModalDialog( 'hoge.aspx' , window, 'dialogWidth:400px;dialogHeight:300px;' );"
End Sub
End Class
}
実行すると以下のようになる。
&img(147.jpg)
ボタンを押すと、新しいウィンドウが開く。
※下記では、存在しないURLを開いた為、エラーが出ている。
&img(149.jpg)
表示オプション
横に並べて表示:
変化行の前後のみ表示: