プログラムのメモ置き場 @ ウィキ 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> <a 2014-08-01T13:53:53+09:00 1406868833 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 SqlServer/sql001 https://w.atwiki.jp/chaka-poko/pages/35.html &topicpath() **連番を振りなおす ***テーブルのレイアウト |BGCOLOR(#eeeeee):CENTER:''フィールド名''|BGCOLOR(#eeeeee):CENTER:''データ型''|BGCOLOR(#eeeeee):| |id|int|ID（主キー 連番）| |jun|int|順番| |wamei|varchar(50)|和名| ***テーブルのデータ 　［　実行前　］ |BGCOLOR(#eeeeee):CENTER:''id''|BGCOLOR(#eeeeee):CENTER:''junban''|BGCOLOR(#eeeeee):''wamei''| |RIGHT:3|RIGHT:10|睦月| |RIGHT:6|RIGHT:23|如月| |RIGHT:9|RIGHT:35|弥生| |RIGHT:12|RIGHT:47|卯月| |RIGHT:15|RIGHT:59|皐月| |RIGHT:18|RIGHT:62|水無月| |RIGHT:21|RIGHT:74|文月| |RIGHT:24|RIGHT:86|葉月| |RIGHT:27|RIGHT:98|長月| |RIGHT:30|RIGHT:101|神無月| |RIGHT:33|RIGHT:113|霜月| |RIGHT:36|RIGHT:125|師走| 　［　実行後　］ |BGCOLOR(#eeeeee):CENTER:''id''|BGCOLOR(#eeeeee):CENTER:''junban''|BGCOLOR(#eeeeee):''wamei''| |RIGHT:3|RIGHT:10|睦月| |RIGHT:6|RIGHT:20|如月| |RIGHT:9|RIGHT:30|弥生| |RIGHT:12|RIGHT:40|卯月| |RIGHT:15|RIGHT:50|皐月| |RIGHT:18|RIGHT:60|水無月| |RIGHT:21|RIGHT:70|文月| |RIGHT:24|RIGHT:80|葉月| |RIGHT:27|RIGHT:90|長月| |RIGHT:30|RIGHT:100|神無月| |RIGHT:33|RIGHT:110|霜月| |RIGHT:36|RIGHT:120|師走| 2010-07-20T17:21:14+09:00 1279614074 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 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") %>' 2010-07-20T17:27:07+09:00 1279614427 HTMLCSS/hc001 https://w.atwiki.jp/chaka-poko/pages/32.html &topicpath() **IE7以降覚書 -テーブルの背景に画像を使う時、セルに1px×1pxの透明GIF画像を入れておかないと、背景が表示されない -window.openに非表示にするオプションをつけても非表示にならない要素がある。（アドレスバーとステータスバー） ---- [Counter] Total：&counter(total) 2010-07-20T17:21:46+09:00 1279614106 JavaScript/js001 https://w.atwiki.jp/chaka-poko/pages/31.html &topicpath() **画像を縮小して表示（javaScript） ***テーブルのレイアウト |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|最終更新日| ***Thumbnail1.aspx #highlight(linenumber){ <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>画像を縮小して表示（JavaScript）</title> <style type="text/css"> <!-- /* 画像リサイズ用 */ /* 100x100の領域だけ取って、表示しない。 */ /* ただし、これではスクリプトOFFだと全く表示されない。 */ img.thumb { visibility: hidden; width: 100px; height: 100px;} //--> </style> <script type="text/javascript"> <!-- //一旦縦横とも"auto"にして実寸を取得。長い方を"100px"に再設定。そして表示 function Rsize(img){ img.style.width = "auto"; img.style.height = "auto"; if (img.width > img.height){ if (img.width > 100) img.style.width = "100px"; } else { if 2010-07-20T17:22:15+09:00 1279614135 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 2010-07-20T17:24:49+09:00 1279614289 ASP.NET/asp005 https://w.atwiki.jp/chaka-poko/pages/29.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|最終更新日| ***ImageUpload.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:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br /> 画像：<asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="更新" /> </form> </body> </html>} ***ImageUpload.aspx.vb #highlight(linenumber,vb){ Imports System.Data.SqlClient Imports System.Data Imports System.IO Partial Class ImageUpload_ImageUpload Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As O 2010-07-20T17:24:01+09:00 1279614241 ASP.NET/asp004 https://w.atwiki.jp/chaka-poko/pages/28.html &topicpath() **DBに登録したバイナリデータをDataListに表示 ***テーブルのレイアウト 　　　''d_Image'' |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|最終更新日| ***Image_List.aspx #highlight(linenumber){ <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>バイナリ・データをDataListに表示</title> </head> <body> <form id="form1" runat="server"> <h3> バイナリ・データをDataListに表示</h3> <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" /><br /> <hr 2010-07-20T17:23:18+09:00 1279614198