プログラムのメモ置き場 @ ウィキ http://w.atwiki.jp/chaka-poko/ プログラムのメモ置き場 @ ウィキ ja 2014-08-01T13:53:53+09:00 1406868833 JavaScript/js002 https://w.atwiki.jp/chaka-poko/pages/37.html &topicpath() **EnterKeyの制御　その１ ***JWebForm1_1.aspx #highlight(linenumber){ <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>JavaScript Enterキー入力でFocus移動 その1</title> <script type="text/javascript"> function ChangeKeycode() { if (event.keyCode == 13 && event.srcElement.type == 'text') { event.keyCode = 9; } } document.onkeydown = ChangeKeycode; </script> </head> <body onload="document.form1.txtUserID.focus()"> <form id="form1" runat="server"> <h2> JavaScript</h2> <h3> Enterキーの制御　その１</h3> <table cellpadding="5"> <tr> <td width="110px"> ユーザーＩＤ：</td> <td width="160px"> <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> </td> <td width="50px"> &nbsp;</td> </tr> <tr> <td> パスワード：</td> <td> <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> </td> <td> <asp:Button ID="btnSubmit" runat="server" Text="送信" /> </td> </tr> <tr> <td colspan="3"> &nbsp;<asp:Label ID="lblMsg" runat="server"></asp:Label> </td> </tr> </table> </form> </body> </html>} ***JWebForm1_1.aspx.vb #highlight(linenumber){ Partial Class JavaScript_JWebForm1 Inherits System.Web.UI.Page Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click Me.lblMsg.Text = "Submitされました。" End Sub End Class } イベントが発生したコントロールのタイプがtextだったら、Enterキー入力をTabキー入力に変換することでFocusを移動している。 コントロールのタイプがpasswordだったら、Enterキー入力のままなので、FormがSubmitされる。 つまり、ユーザーID入力、Enter→パスワードにFocusが移動　パスワード入力、Enter →FormがSubmitされる document.body.onkeydown = ～　は、bodyタグの中に書かないとダメ。 document.onkeydown = ～　ならば、headタグのなかでも、bodyタグの中でもOK。 ※このページはdocument.onkeydown =～をheadタグの中に書いている。 ※このページはデザインファイル(.aspx)に直接[[JavaScript]]を書いている。 ---- [Counter] Total：&counter(total) 2014-08-01T13:53:53+09:00 1406868833 JavaScript https://w.atwiki.jp/chaka-poko/pages/21.html &topicpath() **JavaScript -[[画像を縮小して表示（javaScript）>JavaScript/js001]] -[[EnterKeyの制御　その１>JavaScript/js002]] ---- [Counter] Total：&counter(total) 2014-08-01T13:50:30+09:00 1406868630 トップページ https://w.atwiki.jp/chaka-poko/pages/1.html **トップページ このwikiは私のプログラムに関するメモ置き場です。 ***環境 -VisualStudio2005 .NET Framework 2.0（ASP.NET VB） -VisualStudio2008 .NET Framework 3.5（ASP.NET VB） -SQLServer2005 -Ajax1.0 -Ajax3.5 //このwikiの記載内容をもとに何かを行い、その結果、何らかの損害・不利益なことが発生しても当方は一切の責任を負いません。 作成者：hazedon ---- Counter Total：&counter(total)　Today：&counter(today)　Yesterday:：&counter(yesterday) 2013-07-02T14:23:47+09:00 1372742627 ASP.NET/asp008 https://w.atwiki.jp/chaka-poko/pages/36.html &topicpath() **テーマ・スタイル研究（VS2008改訂版） ***参考にさせていただいたページ -[[C# と VB.NET の質問掲示板：GridViewにDBの画像を縦横比保持して縮小表示するには>http://bbs.wankuma.com/index.cgi?mode=al2&namber=39957&KLOG=68]] ---- [Counter] Total：&counter(total) 2012-08-21T16:07:42+09:00 1345532862 ASP.NET https://w.atwiki.jp/chaka-poko/pages/22.html &topicpath() **ASP.NET（VB） ***コントロール -[[コントロールのBackColorをRGBで指定する >ASP.NET/asp001]] -[[ToolTipの表示内容を改行 >ASP.NET/asp002]] ***DataList -[[DBに登録したバイナリデータをDataListに表示>ASP.NET/asp004]] ***ファイル関連 -[[バイナリ・データをデータベースに登録する>ASP.NET/asp005]] -[[バイナリ・データを表示する>ASP.NET/asp006]] ***その他 -[[テーマ・CSS研究 >ASP.NET/asp003]] //-[[テーマ・スタイル研究（VS2008改訂版） >ASP.NET/asp008]] -[[画像を縮小して表示する（ASP.NET）>ASP.NET/asp007]] ---- [Counter] Total：&counter(total) 2012-08-21T16:01:50+09:00 1345532510 SQLServer https://w.atwiki.jp/chaka-poko/pages/34.html &topicpath() **SQLServer -[[連番を振りなおす>SQLServer/sql001]] ---- [Counter] Total：&counter(total) 2012-04-25T16:32:40+09:00 1335339160 メニュー https://w.atwiki.jp/chaka-poko/pages/2.html **メニュー -[[トップページ]] -[[ASP.NET]] -[[JavaScript]] -[[HTML・CSS>HTMLCSS]] -[[SQLServer]] ---- // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集) 2012-04-25T16:28:31+09:00 1335338911 ASP.NET/asp007 https://w.atwiki.jp/chaka-poko/pages/33.html &topicpath() **画像を縮小表示する（ASP.NET） ****メモ 透過GIFは透過でなくなってしまう。Bitmapに変換してから縮小しているから？ ***テーブルのレイアウト |BGCOLOR(#eeeeee):CENTER:''フィールド名''|BGCOLOR(#eeeeee):CENTER:''データ型''|BGCOLOR(#eeeeee):| |id|int|ID（主キー 連番）| |subject|varchar(300)|件名| |title|varchar(100)|ファイル名| |type|varchar(50)|MIMEタイプ| |idata|varbinary(MAX)|バイナリ・データ| |last_modified|datetime|最終更新日| ***Thumbnail2.aspx #highlight(linenumber){<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>画像を縮小して表示（ASP.NET）</title> </head> <body> <form id="form1" runat="server"> <h3> 画像を縮小して表示 ASP.NET版</h3> <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">戻る</asp:HyperLink> <p> 100px×100pxに収まるように比率を維持して縮小</p> <asp:DataList ID="DataList1" runat="server" DataKeyField="id" DataSourceID="SqlDataSource1"> <ItemTemplate> <strong> id:</strong> <asp:Label ID="lblId" runat="server" Text='<%# Eval("id") %>'></asp:Label> <strong> subject:</strong> <asp:Label ID="lblSubject" runat="server" Text='<%# Eval("subject") %>'></asp:Label><br /> <asp:Image ID="imgIdata" runat="server" CssClass="thumb" /><br /> <hr /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NetWorks01ConnectionString %>" SelectCommand="SELECT [id], [subject] FROM [d_Image]"> </asp:SqlDataSource> </form> </body> </html>} ***Thumbnail2.aspx.vb #highlight(linenumber,vb){Partial Class ImageThumbnail_Thumbnail2 Inherits System.Web.UI.Page Protected Sub DataList1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles DataList1.ItemDataBound If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then Dim id As Label = CType(e.Item.FindControl("lblId"), Label) Dim image As Image = CType(e.Item.FindControl("imgIdata"), Image) image.ImageUrl = "Image2.aspx?id=" & id.Text End If End Sub End Class} ***Image2.aspx ※空のページ #highlight(linenumber){<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>画像</title> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html>} ***Image2.aspx.vb #highlight(linenumber,vb){Imports System.Data.SqlClient Imports System.Data Partial Class ImageThumbnail_Image2 Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load '選択されたIDの画像をDBから取り出して表示する。 Dim id As Integer id = Request.QueryString("id") Dim db As New SqlConnection(ConfigurationManager.AppSettings("dbstr")) Dim cmd As SqlCommand = New SqlCommand("SELECT type,idata FROM d_Image WHERE id=@p1", db) Dim p1 As SqlParameter = cmd.Parameters.Add("@p1", SqlDbType.Int) p1.Value = id db.Open() Dim rs As SqlDataReader = cmd.ExecuteReader() If rs.Read Then Dim oW As Integer = 100 ' サムネイル表示サイズ横 Dim oH As Integer = 100 ' サムネイル表示サイズ縦 Dim bmp As System.Drawing.Bitmap = System.Drawing.Bitmap.FromStream(New System.IO.MemoryStream(DirectCast(rs("idata"), Byte()))) If bmp.Width > oW Or bmp.Height > oH Then Dim s As Double = Math.Min(oW / bmp.Width, oH / bmp.Height) Dim sW As Integer = CInt(s * bmp.Width) Dim sH As Integer = CInt(s * bmp.Height) Dim outBmp As System.Drawing.Bitmap = New System.Drawing.Bitmap(sW, sH) Using g As System.Drawing.Graphics = System.Drawing.Graphics.FromImage(outBmp) g.DrawImage(bmp, 0, 0, sW, sH) End Using Response.ContentType = CType(rs("type"), String) outBmp.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg) Else Response.ContentType = CType(rs("type"), String) Response.BinaryWrite(DirectCast(rs("idata"), Byte())) End If Response.End() End If rs.Close() db.Close() End Sub End Class } ***参考にさせていただいたページ -[[C# と VB.NET の質問掲示板：GridViewにDBの画像を縦横比保持して縮小表示するには>http://bbs.wankuma.com/index.cgi?mode=al2&namber=39957&KLOG=68]] ---- [Counter] Total：&counter(total) 2010-07-20T17:27:07+09:00 1279614427 ASP.NET/asp003 https://w.atwiki.jp/chaka-poko/pages/18.html <h2>テーマ・CSS研究</h2> <h3>WEBページのデザインを設定する</h3> <h4>CSSで設定</h4> <ol><li>CSSファイルを作成（場所はどこでも良いと思う）</li> <li>プロパティ→DOCUMENT→StyleSheet でCSSファイルを指定</li> </ol><h4>テーマ機能を使って設定</h4> <ol><li>仮想ディレクトリ直下に App_Themes フォルダを作成（ASP.NETフォルダ）</li> <li>さらにその配下にテーマごとのサブフォルダを作成（ex.「Red」「Green」 ）<br /> サブフォルダの配下には、以下のファイルを置く<br /> ・スキンファイル（.skin） → サーバーコントロールに対してのデザイン<br /> ・CSSファイル（.css）<br /> ・上の２つから参照する画像ファイル</li> <li>ページに指定 ： プロパティ→DOCUMENT→Theme（またはStyleSheetTheme） で上で作ったサブフォルダを指定<br /> アプリケーション全体に指定 ： web.configに &lt;pages theme="<em>サブフォルダ名</em>"&gt; と書く</li> </ol><h5>ThemeとStyleSheetThemeの違い</h5> <p>・Theme ― 常にスキンファイルの内容が優先<br /> ・StyleSheetTheme ― 個々のコントロールの指定内容が優先</p> <h5>テーマをアプリケーション全体に指定後、特定のページだけそのテーマを適用しない</h5> <p>該当ページの@PageディレクティブのEnableThemeing を Falseにする<br /> ※skinは適用されなくなるが、CSSは適用されたままになる</p> <h4>優先順位</h4> <ol><li>個々のページのTheme で指定したデザイン</li> <li>web.config で指定したデザイン</li> <li>個々のページのStyleSheetTheme で指定したデザイン</li> <li>従来のスタイルシート指定</li> </ol><p>※例外もあるかも？　web.config の指定よりも、個々のページの&lt;span&gt; で指定したスタイルが優先</p> <h4>マスターページがある場合</h4> <ul><li>web.config での指定は<br /> マスタ・子ページにも同じものが適用される。<br /> マスタの@Master に EnableThemingはOK</li> <li>マスタページにはTheme、StyleSheetTheme を設定できない<br /> StyleSheetの設定はできる<br /> StyleSheetの設定をすると、子ページにも適用される</li> <li>子ページはTheme、StyleSheetTheme の設定ができる（DOCUMENT）<br /> StyleSheetの設定はできない</li> </ul><h4>例１</h4> <p>・マスターページ ： StyleSheet<br /> ・子ページ ： Theme<br /> →ページ全体が子ページのスタイルになる</p> <h4>例２</h4> <p>・マスターページ ： StyleSheet<br /> ・子ページ ： StyleSheetTheme<br /> →CSSはマスターページのスタイル、サーバーコントロールは子ページのスタイル</p> <h4> MSDNより</h4> <p>テーマをマスタページに直接適用することはできない</p> <p>但し、次の状況ではテーマはマスターページに適用される</p> <ul><li>テーマがコンテンツページ（子ページ）で適用された時</li> <li>テーマ定義をpages要素に含める。（web.config）で設定</li> </ul><p>MSDNの参照元 ：<a target="_blank" href="http://msdn.microsoft.com/ja-jp/library/wtxbf3hh(VS.80).aspx">ASP.NET マスター ページの概要</a></p> <hr /><p> </p> 2010-07-20T17:26:35+09:00 1279614395 ASP.NET/asp006 https://w.atwiki.jp/chaka-poko/pages/30.html &topicpath() **バイナリ・データを表示する ***テーブルのレイアウト |BGCOLOR(#eeeeee):CENTER:''フィールド名''|BGCOLOR(#eeeeee):CENTER:''データ型''|BGCOLOR(#eeeeee):| |id|int|ID（主キー 連番）| |subject|varchar(300)|件名| |title|varchar(100)|ファイル名| |type|varchar(50)|MIMEタイプ| |idata|varbinary(MAX)|バイナリ・データ| |last_modified|datetime|最終更新日| ***ImageShow.aspx #highlight(linenumber){ <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>イメージの表示</title> </head> <body> <form id="form1" runat="server"> <h3> データベースに登録したバイナリデータを表示する</h3> <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1" DataTextField="title" DataValueField="id"> </asp:DropDownList> <asp:Button ID="Button1" runat="server" Text="表示" /> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NetWorks01ConnectionString %>" SelectCommand="SELECT [id], [title] FROM [d_Image]"></asp:SqlDataSource> </form> </body> </html>} ***ImageShow.aspx.vb #highlight(linenumber,vb){ Imports System.Data.SqlClient Imports System.Data Partial Class ImageShow_ImageShow Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim id As Integer id = Me.DropDownList1.SelectedValue Dim db As New SqlConnection(ConfigurationManager.AppSettings("dbstr")) Dim cmd As SqlCommand = New SqlCommand("SELECT type,idata FROM d_Image WHERE id=@p1", db) Dim p1 As SqlParameter = cmd.Parameters.Add("@p1", SqlDbType.Int) p1.Value = id db.Open() Dim rs As SqlDataReader = cmd.ExecuteReader() If rs.Read Then Response.ContentType = CType(rs("type"), String) Response.BinaryWrite(DirectCast(rs("idata"), Byte())) Response.End() End If rs.Close() db.Close() End Sub End Class} ***参考にさせていただいたページ -[[@IT NET.TIPS：データベースに登録したバイナリ・データを表示するには？>http://www.atmarkit.co.jp/fdotnet/dotnettips/257aspdbbinary2/aspdbbinary2.html]] ---- [Counter] Total：&counter(total) 2010-07-20T17:24:49+09:00 1279614289