- 締切済み
javscriptでa hrefの方法でhidden情報を仕込む方法
javascriptでa hrefタグを使いhidden情報を仕込ませる方法を教えてください。 <html><head> <script language="javascript"> <!-- function FncNextPage(page){ document.validform.action=page; document.validform.submit; } --> </script></head> <body> ～中略～ <form name="validform" method="post"> <a href="javascript:FncNextPage('abc10.asp??item_CD=<%= item_CD %>')"><%= item_CD %></a> <input type="hidden" name="use_flag" id="use_flag" value="<%=use_flag%>"> </form> このようにして、abc.aspにuse_flagを引継ぐ方法は出来ないでしょうか？ よろしくおねがいします。
- muscle1015
- お礼率0% (0/4)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- t_netbug
- ベストアンサー率34% (15/44)
hidden要素のみを取得すれば良いのであれば、getElementsByTagNameでinput要素の一覧を取得し、付加してはいかがでしょうか？ get_param = "?"; var input = document.getElementsByTagName('input'); for(i=0;i<input.length;i++){ // inputタグの個数分ループ if(input[i].type=='hidden'){ // hidden要素の場合 get_param = get_param + ((i==0)?"":"&"); //ループ1回目の時、&は付けない get_param = get_param + input[i].name + "=" + input[i].value; //name=valueのカタチを作成 } }
関連するQ&A
- リンクでPOST送信
http://www.kojikoji.net/pso/javascript.asp こちらにその方法がのっていて、 Windows IE 6.0 Windows Opera 7.13 では動作を確認しました。ですが、 Windwos Netscape 7.1 で動作しません。Netscapeにも対応した書き方で、<a href=...>を用いてPOST送信することは可能でしょうか？ *****以下引用*********************************** リンクやボタンを使って「xxx.asp」へPOST送信 <html> <head> <script language="JavaScript"> <!-- function wPost(a1,a2){ document.form1.text1.value=a1; document.form1.text2.value=a2; document.form1.action = "xxx.asp"; document.form1.submit(); } //--> </script> </head> <body> <a href="javascript:wPost("text1","text2")">送信</a> <input type="button" OnClick="wPost('text3','text4')" value="送信"> <form name="form1" method="post" action="err.html"> <input type="hidden" name="text1"> <input type="hidden" name="text2"> </form> </body> </html>
- ベストアンサー
- JavaScript
- POSTで<a hrefを送る方法について
POSTで <a href=sample.cgi?md=aa&tx=zz～>hoge</a> <a href=sample.cgi?md=bb&tx=yy～>hoge2</a> <a href=sample.cgi?md=cc&tx=xx～>hoge3</a> <a href=sample.cgi?md=dd&tx=ww～>hoge4</a> を送る方法でjavascriptとの組み合わせで出来るのかな？ と思い検索したら <form action="./sample.cgi" method="POST" name="post"> <input type="hidden" name="md" value="aa"> <input type="hidden" name="tx" value="zz"> ： <a href='#' onClick="document.post.submit();return false">hoge</a> <form action="./sample.cgi" method="POST" name="post2"> <input type="hidden" name="md" value="bb"> <input type="hidden" name="tx" value="yy"> ： <a href='#' onClick="document.post2.submit();return false">hoge2</a> このような手法が見つかりました これだと行数が多くなり、なんとなくすっきりしません どなたかいい解決方法を教えてください よろしくお願いします
- ベストアンサー
- HTML
- <a href>～</A>間へスクリプト結果の表示
下記のスクリプト（現在のURL表示）を<a href>～</A>の間に表示させることは可能でしょうか。 ＜スクリプト＞ <SCRIPT LANGUAGE=javascript> <!-- document.write( location.href ); // --> </script> <a href="───ここに───;sort=up1">▼</A> <a href="───ここに───;sort=down1">▲</A>
- ベストアンサー
- JavaScript
- プルダウンメニュ 展開時にずらす方法
以下の設定をおこなった際に「プルダウン1」で表示される「■メニュ1」と「■メニュ2」が「プルダウン2」に重ならないように「プルダウン2」が自動的に下がり、「プルダウン1」を閉じると元の位置に戻るような設定はないでしょうか？ 宜しくお願いいたします。 function pullDown1() { if(flag) ID1.style.visibility = "hidden"; else ID1.style.visibility = "visible"; flag = !flag; } function pullDown2() { if(flag) ID2.style.visibility = "hidden"; else ID2.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown1()">プルダウン1</A><BR> <DIV id="ID1" style="position:absolute;visibility:hidden;"> <A href="xxxx">■メニュ1</A><BR> <A href="xxxx">■メニュ2</A><BR> <!-- ==================== --> <A href="javaScript:pullDown2()">プルダウン2</A><BR> <DIV id="ID2" style="position:absolute;visibility:hidden;"> <A href="xxxx">■メニュ3</A><BR> <A href="xxxx">■メニュ4</A><BR>
- ベストアンサー
- JavaScript
- プルダウンメニューについて
ジャバスクリプトが全くの初心者です。 プルダウンメニューをつくりたくて http://javascript.eweb-design.com/0701_pdm.html こちらのサイトを参考につくっていますが、 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown() { if(flag) ID.style.visibility = "hidden"; else ID.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown()">メニューを表示する</A><BR> <DIV id="ID" style="position:absolute;visibility:hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> <A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR> <A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR> </DIV> <BR><BR><BR><BR> </BODY> </HTML> とありますが、 ボタンが二箇所ある場合はジャバスクリプトの部分はどのように書けば良いでしょうか ？ <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown() { if(flag) ID1.style.visibility = "hidden"; else ID1.style.visibility = "visible"; flag = !flag; flag = false; function pullDown() { if(flag) ID2.style.visibility = "hidden"; else ID2.style.visibility = "visible"; flag = !flag; } //--> （ＩＤの部分を変更しています。） こう書いてみましたがダメでした。 とても困っています、どなたか助けてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ホームページ作成 ツリーメニュー
ホームページビルダー15を使っています。 タグ（ｈｔｍｌ）の位置が無効です。 と構文エラーが出てしまいます。 エラー箇所は、<body> です。 どこを修正すればいいでしょうか？？解決法を教えてください。 初心者ですので、わかりやすく教えていただければ有難いです。 <html> <head> <title>階層メニュー</title> <SCRIPT Language="JavaScript"> <!-- function myMenu(num){ obj=document.all[num].style; flag=obj.display; if(flag=="none"){ obj.display="block" }else{ obj.display="none" } } // --> </SCRIPT> </head> <body> <a href="JavaScript:void(0)" onClick="myMenu('M1');return false">CD</a><br> <span id="M1" style="display:none"> ├<a href="test_page1.html">新品ＣＤ</a><br> └<a href="test_page1.html">中古ＣＤ</a><br> </span> <br> <a href="JavaScript:void(0)" onClick="myMenu('M2');return false">DVD</a><br> <span id="M2" style="display:none"> ├<a href="test_page1.html">メニュー４</a><br> ├<a href="test_page1.html">メニュー５</a><br> └<a href="test_page1.html">メニュー６</a><br> </span> <br> <a href="JavaScript:void(0)" onClick="myMenu('M3');return false">VHS</a><br> <span id="M3" style="display:none"> ├<a href="test_page1.html">メニュー７</a><br> ├<a href="test_page1.html">メニュー８</a><br> └<a href="test_page1.html">メニュー９</a> </span> </body> </html>
- ベストアンサー
- ブログ
- javascriptで困っています。教えてください
JavaScriptで配列をPOST送信しようとしています。 <form>や<input>を作っておいてではなく、javascriptで生成する関数からしたいと思っています。以下のコードでうまくいきません。 教えていただければありがたいです。よろしくお願いします。 <!DOCTYPE html> <html> <head> <script type="text/javascript"> var ar = new Array(5); ar[0] = 111; ar[1] = 222; ar[2] = 333; ar[3] = 444; ar[4] = 555; function sampleForm(value){ var form = document.createElement('form'); document.body.appendChild( form ); var input = document.createElement('input'); input.setAttribute('type','hidden'); input.setAttribute('name','hidden_input'); input.setAttribute('value', value); form.appendChild(input); form.setAttribute('action','send.php'); form.setAttribute('method','post'); form.submit(); } </script> </head> <body> <a href=“javascript:sampleForm(ar)”>クリックしたら“samplepost”をPOST送信</a> </body> </html> send.php-------------------------------- <?php $num = isset($_POST['hidden_input']) ? $_POST['hidden_input'] : null; print "num: " . $num; ?>
- ベストアンサー
- JavaScript
- style.visibility="hidden";
下記は画面にJavaScriptで碁盤の目に区切り 左上の一区切りの下地を表示するコードです <html> <head> <title>タイル</title> <script language="JavaScript"> <!-- var block = [0]; function setTile() { num = 100; w = Math.floor(document.body.clientWidth / num); h = Math.floor(document.body.clientHeight/ num); wTag = ""; n = 1; for (j=0; j<=h; j++) { for (i=0; i<=w; i++) { wTag += "<span id='abc" + n +"' style='position:absolute;top:" + j*num + "px;left:" + i*num + "px;width:" + (num-1) + "px;height:" + (num-1) + "px;background-color:blue;'>" + "</span>"; block[n] ='abc' + n; n++; } } document.all["tile"].innerHTML = wTag; document.body.style.visibility = "visible"; abc1.style.visibility="hidden"; } // --> </script> </head> <body onLoad="setTile()" style="visibility:hidden"> <div id="tile" style="position:absolute;top:0px;left:0px;"></div> </body> </html> 下地を表示する abc1.style.visibility="hidden"; を下記に直すと動かなくなります block[1].style.visibility="hidden"; よろしくお願いします。
- ベストアンサー
- JavaScript
- a.href の href を有効か無効にする選択
<script language="JavaScript"> function fa(obja){ if(confirm())obja.href="a.html" else{obja.href=eval("javascript:void(0)") inp.value=0//↑がうまくいかない。hrefを無効にしたい。 } } function fb(objb){ if(confirm())window.location="a.html" else{inp.value=0//↑がvoiv(0)によって無効で動作しない。 } } </script> <a href=a.html>りんく</a><a href=javascript:voiv(0) onClick=inp.value=0>ばりゅ</a> <br>↑と同じようなことを1つのaタグでやりたい<br> <a href="" onClick=fa(this)>失敗A</a><br> <a href=javascript:voiv(0) onClick=fb(this)>失敗B</a><br> <input id=inp> 選択によってクリックのアクションを変更したいんだけど、 1方のアクションはリンク、もう1方はJavaScriptです。 ボタンとかならできるんだけど、クリック済みかを 色分けしたいからaタグでやりたいんです。 よい方法を教えてください。
- ベストアンサー
- JavaScript
- Jquery a href="javascript:名前('.$データ.')">の方法でString（文字）を渡す方法
一部不備ありましたので、再度質問です。。 すみません 初めまして、jqueryを勉強し始めている初心者です。。 a href="javascript:名前('.$データ.')">の方法で データにString(文字)を持たせ、JQUERYを利用して、別のphpファイル（testo2.php）に値を渡し、 そのphpファイル（testo2.php）そのloadで読みたいのですが、うまくいきません この方法ではできないのでしょうか？ このa href="javascript:名前('.$String型.')の方法を何とか 利用したいと思ってますので、ご存知の方いましたら、 教えていただけないでしょうか。。。？ また別方法があれが教えていただけないでしょうか？ （input hidden 等以外のa href="javascript:名前('.$String型.')的な方法） 何度もすみません。。。 何ぶん、勉強初めて、1ヶ月弱のため、不備等がれば、すみません。 環境、jquery1.4, PHP5.0, eclipse3.5 //-----testo1.php <html> <head> <script type="text/javascript" src="jquery1.4.js"></script> <script type="text/javascript" src="tes.js"></script> <title></title> </head> <body> <?php //$id=1;(数字)の場合は値はわたせる、String 型の値の渡し方 //<a href="javascript:名前('.$文字列(String型).')">前のページ</a> //でJQUERYを利用して、別のphpファイル（testo2.php）にを渡し //loadで読みたい。 $id='文字列aaa'; <a href="javascript:value('.$id.')">前のページ</a> ?> <div id="box">ここに値を表示したい</div> </body></html> //----tes.js function value(id) {$("#box").load("php/tt.php",{id:id});} //------testo2.php <html> <head> <script type="text/javascript" src="jquery1.4.js"></script> <script type="text/javascript" src="tes.js"></script> <title></title> </head> <body> <?php echo $_POST['id'];//文字列String型を受けたい。 ?> </body></html>
- ベストアンサー
- JavaScript
