お世話になります。
ASP.Net 初心者ではありますが、こちらで多岐に渡り質問させていただき、日々成長できていると思っております。この場をお借りして感謝申し上げます。
なるべく自身で解決したいと思うのですが、また壁に当たっております。
FormView_DataBound イベントの時に、データバインドさせてあるLabel を入れてあるタグがあります。
そのタグにスタイルを設定してあり、値により、そのスタイルの変更(背景色の変更)をしたいのですが、Labelに属してあるスタイルは変更できたのですが、Html上のタグの背景色が変更できないのです。いろいろと調べていくうちに、JavaScript で下記のような記述ができるようなのですが、これをこのまま FormView_DataBoundイベントに記述しても document のところでエラーが出てしまいます。
この部分には何かしらのコントロールの変数などを入れるのでしょうか?
ちなみに 背景色を変えたいタグには ID="Great" を入れてあるので、このタグの背景色を変える為に、下記のプログラムをどう記述すればよいのか、わかりません。
document.getElementById("Great").style.borderColor = "red"
ID = "Great"
スタイルが "newStyle1"
だった場合、上記をどう記述すればタグの背景色を変更できるでしょうか?
何卒、何卒よろしくお願い申し上げます。
No.1ベストアンサー
- 回答日時:
質問の遷移が早すぎると思うのですが。
。いつの間にか文面も変わっていて、戸惑いました。
結論から申し上げますと、サーバイベントであるItemDataBound中に、クライアントスクリプトであるJavaScriptをfireさせるのは、無理があります。
なので、サーバイベント中に、当該のHtml要素のStyleを変更するのがいいと思います。
<asp:FormView ID="FormView1" runat="server" ondatabound="TestDataBound">
<ItemTemplate>
<div runat="server" id="divTest">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
</ItemTemplate>
</asp:FormView>
protected void TestDataBound(object sender, EventArgs e) {
var divTest = (HtmlGenericControl)this.FormView1.FindControl("divTest");
divTest.Style["background-color"] = "red";
}
とかじゃ駄目ですか?
shockatzさま 大変お世話になっております。
大変申し訳ありませんでした。
JavaScript の document.getElementById で解決できるのかなと、質問を遷移させてしましました。改めてお詫び申し上げます。
Asp.Net のみならず、サーバーイベント、クライアントスクリプト、HTMLの要素、仕様なども合わせて勉強しないといけないと改めて思い知らされました。
例題のプログラムで、実現したかった、タグの背景色を変える事ができました。shockatzさまの叡智に感謝いたしております。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) マクロ実行時、自動で背景色を変えたい。 C列にあるチェックボックスをチェックするとB列に「TRUE」 4 2022/11/08 11:14
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- HTML・CSS htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成した 3 2022/10/19 08:54
- Access(アクセス) ACCESS2019 ナビゲーションウィンドウの色 1 2022/05/10 17:15
- Visual Basic(VBA) 昨日、質問した件『VBA にて、条件付き書式で背景色を設定しているセルの範囲で、背景色付きのセルをカ 4 2022/04/07 14:39
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- ノートパソコン AMDディスプレイ設定 暖色見にくい 2 2023/07/18 17:24
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- HTML・CSS HTML <input type=password>の黒丸の色を変える方法 3 2022/11/23 13:56
- Photoshop(フォトショップ) MacでPhotoshopに使い方 教えて! 2 2023/07/08 08:24
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
aspxでIFみたいなことがしたい
-
ASP.NETでTimerコントロールを...
-
ASP.Net DataBound時Style変2
-
HTMLの値の渡し方について質問...
-
フォームのtextareaにnl2brを使...
-
select case文について
-
遷移先のURLにパラメータを表示...
-
write downとfill outの違いを...
-
改行コードが取り切れない
-
SELECTボックスの内容を動的に...
-
javascriptで結果表示テキスト...
-
末尾の改行をカットして保存す...
-
ACCESSのレポートの表示...
-
機種依存文字
-
NotifyIconで二列の文字列を表...
-
arduinoのスケッチについて教え...
-
[ASP]URL付加情報を転用した...
-
あいまい検索画面を作成したい
-
csv内の改行を削除
-
遺伝子アルゴリズムの2点交叉に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
aspxでIFみたいなことがしたい
-
ASP.netで、CheckBoxListのSele...
-
<asp>タグの属性情報が取得でき...
-
ASP.NETでTimerコントロールを...
-
javascriptでlabelの値取得
-
FormViewのEditItemTemplateに...
-
ASP.NETで質問です。
-
ASP.net Ajaxが動作しませんな...
-
クリックしたボタンのIDの取得
-
httpsのページがIE 7で表示でき...
-
ASP.Net DataBound時Style変2
-
複数チェックボックスの判定に...
-
HTMLの値の渡し方について質問...
-
ACCESSのレポートの表示...
-
フォームのtextareaにnl2brを使...
-
SELECTボックスの内容を動的に...
-
奇数・偶数の区別をプログラミング
-
遷移先のURLにパラメータを表示...
-
phpの<br>\\nと\\nとエスケープ...
-
改行したいのですが
おすすめ情報