• ベストアンサー

サーバコントロールのコントロールIDをjavaScriptの引数として

サーバコントロールのコントロールIDをjavaScriptの引数として渡したい <a href="#tab1" id="test" runat="server" onclick="change('test.ClientID');">テスト</a> とした際にサーバコントロールをjavaScriptの引数として渡したいのですが・・・ 書き方がわかりません。 どなたかご指導ご鞭撻下さい。

質問者が選んだベストアンサー

  • ベストアンサー
  • mitineko
  • ベストアンサー率100% (1/1)
回答No.1

こんな感じじゃないですか？ <a href="#tab1" id="test" runat="server" onclick="change('<%= test.ClientID %>');">テスト</a>

xxxlivemacxxx
質問者

お礼

遅くなってしまい、申し訳ありません。 頂いた方法で解決しました！！ 本当にありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. Microsoft ASP

関連するQ&A

  • JavaScriptでエレメントのIDを取得

    JavaScriptで、エレメントのIDを取得する方法がわからず困っています。 [画像]ここをクリック [画像]ここをクリック 上記が画面配置のイメージなのですが、「ここをクリック」の文字をクリックした時に、そのクリックされた<a>タグのIDを取得したいのです。 以下が試行錯誤したソースの一部です。 [html] <img src="./test_01.gif" name="testImg01"> <a href="javascript" id="test_01" onclick="getID(this);">ここをクリック</> <img src="./test_02.gif" name="testImg02"> <a href="javascript" id="test_02" onclick="getID(this);">ここをクリック</a> [JavaScript] function getID(element) { var id = document.getElementById(id); alert(id); } 上記コードで得られたのは「null」という値でした。 色々検索してはいるのですが、思うように値を取得できません。 どうか知恵をお貸しください。

  • javascriptに引数を渡す方法について

    お世話になります、 javascriptに下記のように引数を渡して 表示したいのですがうまくいきません。 <script language="javascript"> function dispData(msg) { document.write(msg); } </script> $a = "hoge"; echo "<a href='#' onclick='javascript:dispData($a)'>" . $a . "</a><br>"; とすると動作してくれません。 $aをシングルコートで囲っても同じです。 $a = "/hoge/";をやると/hoge/を表示されます。 コーディングの方法を教えて頂きたいのですが。 dispData()に引数を渡して処理を行いたいもので。 よろしくお願い致します。

    • ベストアンサー
    • PHP
  • JavaScript document.writeについて

    <ul id="font-size-change"> <li><a href="javascript:void(0)" onclick="setActiveStyleSheet('default'); return false;" />標準</a></li> <li><a href="javascript:void(0)" onclick="setActiveStyleSheet('large'); return false;" />大</a></li> </ul> 上記を、JavaScriptの「document.write」を使って表示しようと、下記のコードを書きました。 function fontSizeChange(){ document.write('<ul id="font-size-change">'); document.write('<li><a href="javascript:void(0)" onclick="setActiveStyleSheet'); document.write("('default'); "); document.write('return false;" />標準</a></li>'); document.write('<li><a href="javascript:void(0)" onclick="setActiveStyleSheet'); document.write("('large'); "); document.write('return false;" />大</a></li>'); document.write('</ul>'); } とっても効率が悪い記述だと思うのですが、 もっとシンプルで効率の良い書き方はないでしょうか。 よろしくお願いします。

  • javaScriptでコントロールの非表示

    javaScriptでコントロールの非表示 を行っているのですが、 レンダリング完了後、一度表示された後に非表示になります。 非常に格好悪くなおしたいなと思っているのですが、 手段がわかりません。 どなたか、ご指導ご鞭撻よろしくお願いいたします。

  • javascriptでのURLの引数

    CGIとかなしにおいてjavascriptで、URLの引数を参照できるのですか？ 例えば、test.html?id=aaa&point=100において、 idとpointの値を参照したいのです。

  • 引数を2個使いたい場合　Javascript

    こんにちは。 Javascriptについてアドバイスお願いします。 ■やりたいこと 「普通」「大きい」と言うテキスト画像をクリック することでCSSを入れ替える。 ・外部JSにしたい ・<input>のボタンではなく画像を使う ・一つのページで使うCSSは2種類（共通.cssと各頁ごとの設定用） 作ってみたスクリプトは下記の通りです。 function chooseCSS(csstype,cssname){ if(csstype == "normal"){ document.getElementById("baseCSS").href = "base.css"; document.getElementById("eachCSS").href = cssname + ".css";} else{ document.getElementById("baseCSS").href = "base2.css"; document.getElementById("eachCSS").href = cssname+"2.css";} } --------------------------------------------- HTMLの記述 ☆head内 <link href="base.css" rel="stylesheet" type="text/css"> <link href="base.css" rel="stylesheet" type="text/css" id="baseCSS"> <link href="top.css" rel="stylesheet" type="text/css"> <link href="top.css" rel="stylesheet" type="text/css" id="eachCSS"> ☆body内 <a href="javascript:void(0)" onClick="chooseCSS('normal','top')"><img src="img/btn01.gif" border="0" class="normal"></a> <a href="javascript:void(0)" onClick="chooseCSS('big','top')"><img src="img/btne02.gif"　border="0" class="big"></a> --------------------------------------------- ローカルでは動いていたのでサーバーにUPしたらネスケとsafariは動作するのにIE（JSの設定は有効になっていました）だけ動かなくなりました。 あまりJavascriptは得意ではないので どなたかアドバイスお願いいたします！

  • 枠より大きな画像を部分的に表示javascript

    縦1000px 横1000pxの画像(test.jpg)があり、この画像は、5×5で25枚の 縦200px 横200px の画像がつながって一枚となっています。 <img id="testplace"src="test.jpg" width="200px" height="200" /> と指定し（この時には、一番左上の200pxの画像が見えている）、その下に <a href="javascript:void(0)" onclick="testscript(0,0)">1番目</a> <a href="javascript:void(0)" onclick="testscript(0,200)">2番目</a> <a href="javascript:void(0)" onclick="testscript(0,400)">3番目</a> <a href="javascript:void(0)" onclick="testscript(0,600)">4番目</a> <a href="javascript:void(0)" onclick="testscript(0,800)">5番目</a> <a href="javascript:void(0)" onclick="testscript(200,0)">6番目</a> <a href="javascript:void(0)" onclick="testscript(200,200)">7番目</a> 　　・ 　　・ 　　・ <a href="javascript:void(0)" onclick="testscript(800,600)">24番目</a> <a href="javascript:void(0)" onclick="testscript(800,800)">25番目</a> とクリックする場所を設けて、それぞれをクリックすると、「testplace」に各々の200pxずつの画像が表示されるようにするスクリプト「testscript」を作成したいと考えています。 この方法だと画像は複数いらず1枚で済みます。CSSで背景画像を移動させる方法は使用しないで、実装できますでしょうか。 よろしくお願いいたします。

  • サーバーコントロールについて

    asp.net 超初心者です。 サーバーコントロールについてなのですが、例えば： <asp:Table ID="Table1" runat="server"> と普通のHTMLの<table>の違いは何なのでしょうか？ 自分が思うに、おそらく、サーバーコントロールの方は、 サーバー側で生成され、普通のHTMLの方はクライアント側で 生成され・・・みたいな感じだと思うのですが、、、 サーバーコントロールでしか使えないようなものならともかく、 HTMLでも記述できるものをわざわざサーバーコントロールで 記述する理由は何ですか？ また、サーバーコントロールを多用することで、サーバーに負担を かける、ということはないのでしょうか？ ご回答、宜しくお願い致します。

  • javascriptでRadioButton操作

    いつもお世話になります。 開発環境：asp.net(VB) WebフォームにWebユーザーコントロールを貼り付けしています。 Webユーザーコントロールにはラジオボタンが4つあります。 ラジオボタンの選択によって、ラベルに入る文字が変わるようにしたいです。 javascripｔで製造したいと思っていますが、(1)の「document.userfotm1.elements["lbl" + i].value = "test1";」で、 「Microsoft JScript 実行時エラー:' document.userfotm1.elementsは Null またはオブジェクトではありません。」と表示されてしまいます。 どなたかご教示いただけますでしょうか。 (1)javascript ※ 「userfotm1」…Webユーザーコントロール全体選択したときのプロパティ値「ID名」を入力しています。(form名を入れるのが正しいようですが、Webユーザーコントロールではどれににあてはまるのか分かりません・・・。) function ChangeLabel(obj) { var maxCnt = 4; if (obj.id == "RadioButton1") { for (i = 1; i <= maxCnt; i++) { document.userfotm1.elements["lbl" + i].value = "test1"; } } else { for (i = 1; i <= maxCnt; i++) { document.userfotm1.elements["lbl"+ i].value = "test2"; } } } (2)定義　以下を4つ定義しています <asp:TableCell CssClass="TdData"><asp:Label ID="lbl1" runat="server"　 Text="TESTA"></asp:Label></asp:TableCell> <asp:TableCell CssClass="TdData"><asp:Label ID="lbl2" runat="server"　 Text="TESTB"></asp:Label></asp:TableCell> <asp:TableCell CssClass="TdData"><asp:Label ID="lbl3" runat="server"　 Text="TESTC"></asp:Label></asp:TableCell> <asp:TableCell CssClass="TdData"><asp:Label ID="lbl4" runat="server"　 Text="TESTD"></asp:Label></asp:TableCell> (3)Webユーザーコントロール .RadioButton1.Attributes.Add("onclick", "ChangeLabel(this)") .RadioButton2.Attributes.Add("onclick", "ChangeLabel(this)") .RadioButton3.Attributes.Add("onclick", "ChangeLabel(this)") .RadioButton4.Attributes.Add("onclick", "ChangeLabel(this)") よろしくおねがいします。

  • リンク押下でタグを書き換えたい

    リンクが複数あって、押したリンク文字だけ<span></span>のみにしたいと 思っています。また対応するdivタグのdisplay属性も書き換えたいです。 とりあえず思いついたのは以下の方法なのですが、冗長ですし、 リンクの数が増えた場合に足していくのが大変です。 もっとシンプルに書く方法がないものでしょうか。 ご助言ください。 <html> <body> <script> function change(spanid,divid,menuName){ document.getElementById('menu1').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"change('menu1','div1','メニュー1')\">メニュー1</a>"; document.getElementById('div1').style.display="none"; document.getElementById('menu2').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"change('menu2','div2','メニュー2')\">メニュー2</a>"; document.getElementById('div2').style.display="none"; document.getElementById('menu3').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"change('menu3','div3','メニュー3')\">メニュー3</a>"; document.getElementById('div3').style.display="none"; document.getElementById(spanid).innerHTML = menuName; document.getElementById(divid).style.display="block"; } </script> <ul> <li><span id="menu1">メニュー1</span></li> <li><span id="menu2"><a href="javascript:void(0)" onclick="change('menu2','div2','メニュー2')">メニュー2</a></li> <li><span id="menu3"><a href="javascript:void(0)" onclick="change('menu3','div3','メニュー3')">メニュー3</a></li> </ul> <div id="div1"> test1 </div> <div id="div2" style="display:none"> test2 </div> <div id="div3" style="display:none"> test3 </div> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する