C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

ログ内検索

キーワードを複数指定する場合は半角スペースで区切ってください。
検索条件は、(AND)=[A かつ B] (OR)=[A または B] となっています。
[返信]をクリックすると返信ページへ移動します。

キーワード	/	検索条件	/
検索範囲	/	強調表示	/ ON (自動リンクOFF)
結果表示件数	/	記事No検索	/ ON
大文字と小文字を区別する

No.13041 の関連記事表示

ヒット / 5件

<< 0 >>

■13041

　javascriptを使用しての変換

□投稿者/ サブ -(2008/01/23(Wed) 20:24:44)

分類:[.NET 全般]　

ASP.NET　C#での作成です。

ご質問宜しくお願い致します。

javascriptのマウスオーバーなどを使用してGridViewのセルにマウスが来たときに表示文字がテキストボックスに変わって
文字を入力しボタンを押して更新などというものを作ろうとしています。

セルの値の受け取りは分かります。
javascriptでのマウスオーバの使用もある程度わかります。

テキストボックスに変えたりする上記のような事は可能でしょうか？

方法など良ければご教授お願い致します。
宜しくお願いします

親記事 /過去ログ28より / 関連記事表示
削除チェック/

■13063

　Re[1]: javascriptを使用しての変換

□投稿者/ ｍあ＠反省中 -(2008/01/24(Thu) 00:32:24)

■No13041 (サブさん) に返信
> javascriptのマウスオーバーなどを使用してGridViewのセルにマウスが来たときに表示文字がテキストボックスに変わって
> 文字を入力しボタンを押して更新などというものを作ろうとしています。

マウスオーバーでテキストをテキストBOXにするのは簡単ですが・・・
ブラウザ止まっちゃうよ、いいのかな？？
グリッド上でマウスぐりぐり１００回くらいやったら、たぶん重くなるかも。

replaceNode
と
createElement
を使います。

記事No.13041 のレス /過去ログ28より / 関連記事表示
削除チェック/

■13064

　Re[2]: javascriptを使用しての変換

□投稿者/ ｍあ＠反省中 -(2008/01/24(Thu) 00:41:55)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD> 
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<script>
function showText() {
	var td = event.srcElement;
	var tb = document.createElement("input");
	tb.type = "text";
	tb.style.width="100%";
	tb.value = td.innerText;
	td.firstChild.replaceNode(tb);
}
function hideText() {

}
</script>
</HEAD>
<BODY>
<table border>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa1</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa2</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa3</span></td></tr>
<tr><td onmouseover="showText()" onmouseout="hideText()"><span>aaa4</span></td></tr>
</table>

</BODY>
</HTML>

コレ。手抜きサンプル。やること一杯あるのでやらない方がいいかも。イベントをキーにするのはね。

記事No.13041 のレス /過去ログ28より / 関連記事表示
削除チェック/

■13065

　Re[3]: javascriptを使用しての変換

□投稿者/ ｍあ＠反省中 -(2008/01/24(Thu) 00:44:50)

マウスオーバーじゃなくて、クリックの方が楽。で、テキストBOXからフォーカスアウト時点で
もとに戻す、と。

まぁ、とりあえず、やって出来ないことないけど、仕様をもう少し捏ねた方がいいんじゃないかな。

連投スマソ。

記事No.13041 のレス /過去ログ28より / 関連記事表示
削除チェック/

■13077

　Re[4]: javascriptを使用しての変換

□投稿者/ 七曜 -(2008/01/24(Thu) 08:54:11)

> マウスオーバーじゃなくて、クリックの方が楽。で、テキストBOXからフォーカスアウト時点で
> もとに戻す、と。
>
> まぁ、とりあえず、やって出来ないことないけど、仕様をもう少し捏ねた方がいいんじゃないかな。

UIの操作性に関しては、利用者の主観やら動作させる環境やらでかわるので、一概に良し悪しを決することは出来ませんが
ご指摘の動作は
・クライアントマシンのマシンパワーに依存して、性能が悪い場合がある
・入れ替わりでチラつくとか、意図しない場合でも入れ替わっちゃったりとかというのも考えられる。
・マウスを使わない場合の操作性が考慮されていない。
・コードの複雑さが増す。
他にも色々と理由はあるのですが、あまり良いデザインでは無いかな。
多くの場合には、
・表示専用のページ
・編集専用のページ
を切り替えれば事は満たせる様な気がします。

記事No.13041 のレス /過去ログ28より / 関連記事表示
削除チェック/

<< 0 >>

パスワード/

- Child Tree -