リンクさせる方法を教えてください
- テキストBOXの情報をもとにリンクさせる方法を教えてください。
- ボタンを押したら、テキストBOXに入力された情報をもとに新しいwindowにリンクさせる方法を教えてください。
- リンクさせたい場所は、自分のPCのtestというフォルダのファイルです。
- ベストアンサー
テキストBOXの情報をもとにリンクさせる方法
ボタンを押したら、テキストBOXに入力された情報をもとに、 新しいwindowにリンクさせる方法を教えてほしいのですが・・・。 『?????』の部分にテキストBOXから入力された情報を入れたいのです。 ちなみに、リンクさせたい場所は、自分のPCのtestというフォルダのファイルです。 <input type="button" name="show" value="表示" onClick="show()"> <SCRIPT LANGUAGE="JavaScript"> <!-- function show(){ window.open("/test/?????.jpg","") } //--> </SCRIPT>
- snowsaab
- お礼率49% (71/144)
- Microsoft ASP
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
まず、フォームに名前をつけます。 それから、 <input type="button" name="show" value="表示" onClick="show()"> のままでは、NAMEとfunction名が被っていてエラーが出るので変更します。 <FORM NAME="form"> <INPUT TYPE="text" NAME="img"> <INPUT TYPE="button" NAME="show" VALUE="表示" onClick="ShowImg()"> </FORM> そしてスクリプトは window.open("/test/" + document.form.img.value + ".jpg",""); として実行してみてください。 この場合”+”は文字列連結用の演算子で、/test~.jpgを繋げて解釈してくれます。
関連するQ&A
- 【FireFox】サブウィンドウ表示とテキストボックス値
メインのウィンドウにテキストボックスとボタンがあり、 ボタンをクリックするとjavascriptによりサブウィンドウ が開くHTMLがあります。 しかし、FireFoxに限り、ボタンを押してサブウィンドウ を開くとメインのHTMLのテキストボックスに入力していた 値が消えてしまいます。 ================ main.html ===================== <html> <head> <script Language="JavaScript"><!-- function openSubWin(){ window.open("sub.html","window","width=300,height=300"); } // --></script> </head> <body> <form action="#" name="myform"> <input type="text" name="no"> <button id="button1" onclick="openSubWin();" >サブウィンドウ</button> </form> </body> </html> ================== サブウィンドウ ================ <html> <body> サブウィンドウ </body> </html> IEでは問題ありませんでした。 何か解決方法はありますでしょうか? 宜しくお願いします。
- ベストアンサー
- HTML
- ボタンを押したらテキストボックスの文字色をチェンジ
ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「html」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------
- 締切済み
- JavaScript
- 複数のテキストボックスでインデックスを取得する方法
htmlでテキストボックスを複数作り、そのうちの一つの テキストボックスをクリックすると、Javascriptで そのテキストボックスのインデックスを取得したい思います。 ソースは簡単ですが、以下の通りです。 サンプルとして5つテキストボックスを作成していますが、 実際は不特定(データの読み込み件数)です。 onclick="hoge(???);" の???の部分に、テキストボックスのインデックスを書きたいのですが。。。 リストボックスだと、selectedIndexで取得できるようなのですが、 テキストボックスはどのような関数を使えばいいですか? <html> <head> <script language="javascript"> function hoge(index){ alert(index); } </script> </head> <body> <input type="text" name="hoge" onclick="hoge(???);"><br> <input type="text" name="hoge" onclick="hoge(???);"><br> <input type="text" name="hoge" onclick="hoge(???);"><br> <input type="text" name="hoge" onclick="hoge(???);"><br> <input type="text" name="hoge" onclick="hoge(???);"><br> </body> </html>
- ベストアンサー
- JavaScript
- テキストボックス 追加
最初5つのテキストボックスを表示して追加ボタンを押して、6個目から15個目を追加しようとしています。name="tb1" からname="tb15"までを設定したいです。15個になった際にボタンを押せなくしたいです。入力された情報をPHP側で処理しようとしています。 以下のソースを改良しようとしているのですが、うまくいきません。 どのようにしたらいいでしょうか? <script language="JavaScript"> <!-- function add(){ document.all.AddArea.innerHTML = document.all.AddArea.innerHTML + "<br><input type=\"text\" name=\"Txt_Object\">"; } // --> </script> </head> <body> <form id="f1"> <div id="AddArea"> <input type="text" name="Txt_Object"> </div> <input type="button" value="追加" onClick="add()"> </form> </body> </html>
- ベストアンサー
- JavaScript
- 子ウィンドウを閉じるとき、親ウィンドウのテキストボックスにカーソルを移動したい。
子ウィンドウを閉じるとき、親ウィンドウのテキストボックスにカーソルを移動したい。(java) <script> function openChild(f){ window.open("child2.htm","_blank"); } </script> <form> <input id="text1"><br /> <input id="text2"><br /> <input type="button" onclick="openChild(this.form)" value="子ウィンドを開く"> </form> 子ウィンドを閉じる <input type="button" onclick="window.close()" value="閉じる"> 親ウィンドウのテキストボックス(id="text2")にカーソルを移動したいのですが。 <input id="text2"><br />
- ベストアンサー
- JavaScript
- htmlTextで書き出したテキストからjavascriptへ
flashCS4 AS3.0で作業しています。 htmlTextでダイナミックテキストに <a href="javascript:void(0)" onclick="hoge();">テスト1</a> と書き込んでます。 そのswfが貼付けてあるhtmlに書いてある <script type="text/javascript" language="javascript"> <!-- function hoge(){ window.alert('ボタンを押しましたね'); } // --> </script> を動かしたいのですがウマく行きません。 どなたかいい方法しっている方いませんか?
- 締切済み
- Flash
- テキストボックスに文字飾り表示(2の3乗)が出来ない。
テキストボックスに文字飾り表示(2の3乗)が出来ない。 JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。 参考までにコード中(1)は正しく表示できず(テキストボックス中)、(2)は正しく表示します。(非テキストボックス) <HTML> <HEAD> <SCRIPT language="JavaScript"> function disp(){ var c=new Array("2"+"3".sup(),"1","2"); document.tm.a1.value=c[0]; // (1) document.write(c[0]); // (2) } </SCRIPT> </HEAD> <body> <FORM name="tm"> <INPUT type="button" value="" onClick="disp()"> <INPUT name="a1" type="text" size="20" width="10"> </FORM> </body> </HTML>
- ベストアンサー
- JavaScript
- ボタンにファイルリンクをつける
またまた質問させていただきます。 <html> <head> <script language="javascript"> <!-- function OpnWin(strTarget) { open(strTarget,"_blank"); } //--> </script> </head> <body> <form name="frm1" method="post"> と来て、このあとのボタンに、 <input type="button" value="リンク" onclick="OpnWin('file://PC001/+++/***/@@@');"> というリンクを貼りたいのですが、リンクの貼り方が 間違っているらしく、うまくいきません。 <a href="\\PC001\+++\***\@@@> というリンクだと上手くいくのですが・・・。 どうか教えてください。よろしくお願いいたします!
- ベストアンサー
- JavaScript
- テキスト入力フォームをクリックしなくてもアクティブに
テキスト入力フォームをクリックしなくてもアクティブにするjavascriptを教えてください。 下のスクリプトの間違っている箇所がわかりません。 フォームタグの閉じる位置でしょうか。 <form name=frm> <input TYPE=TEXT SIZE=20> <input TYPE=Button VALUE="検索" onClick='alert("仮")'> </form> <script language=javascript> //<!-- document.frm.passch.focus(); //--> </script>
- ベストアンサー
- JavaScript
- 入力した文字をalertで表示するスクリプトを作っています。
入力した文字をalertで表示するスクリプトを作っています。 以下、IEとOperaでは動作しますが、FirefoxとGoogle Chromeでは動作しません。 書き方が悪いのでしょうか? <html> <head> <script language=JavaScript> <!-- function test(){ alert(input1.value); } // --> </SCRIPT> </HEAD> <BODY> <input type="text" name="input1"> <input type="button" value="テスト" onClick="test()"> </html>
- ベストアンサー
- JavaScript
お礼
試してみたところ、ちゃんと動作しました。 ありがとうございましたm(_)m