javascriptで、
1.フォームのテキストボックスに入れられた値を取得し、
例)テキストボックス入力 ; test
2.元々記述されているリンクURLをユーザがクリックした時、
例)元々のリンクURL ; <a href="www.google.co.jo?q= ~...
3."1"のテキストボックス内に記述された値を取得して、"2"のURLを書き換え、
例)テキストボックス内の文字をURLの一部に追記する ; <a href="www.google.co.jo?q=test ~...
4.書き換えられた後のURLにユーザを飛ばす、
・・・という事って出来るんでしょうか。
上記動作内でユーザの動作は、
テキストボックスに文字を入れる、という動作と、
リンクをクリックする、という動作のみです。
フォームのボタン押下後、というのであれば出来たんですが、上記の様な動作のコードが思い浮かびません・・・。PHPとかCGIではなく、Javascriptで何とか出来ないでしょうか。
お知恵拝借、よろしくお願いします。
No.3ベストアンサー
- 回答日時:
onkeyupで処理してみては?
<script>
function hoge(v){
var url="http://www.google.co.jp?q=";
document.getElementById("fuga").href=url+v;
}
</script>
<input type="text" onkeyup="hoge(this.value)">
<a href="http://www.google.co.jp?q=" id="fuga">とぶ</a>
この回答への補足
回答ありがとうございます。まさにこんな方法を探していました。
が・・・すいません。知識不足のせいだと思うのですが、上記内容でテストした所、何故か、URLの先頭にローカルホストのアドレスとテスト作成したJavascript入りのhtml名が入ってしまいます・・・?。
> 書き換わった後のリンクの値 : http://127.0.0.1/test.htm?http://www.google.co.jp?q=テキストボックスの値)
テスト環境はxampp1.6.8(apache2.2)なのですが、何か環境のせいなのでしょうか。何かヒントを頂けると嬉しいです。よろしくお願いします。
すいません。自己解決したました。
書いて頂いたスクリプトを、テキストエディタに貼り付けた所、何故か
var url="~のダブルコーテーションの次の文字に、半角?が入ってしまっていました。
これで解決です。お騒がせしました。
No.2
- 回答日時:
<a onclick="">で、this.hrefを書き換えればいいんじゃないでしょうか。
ありがとうございます。
ただ・・・onclickだとClickしないといけなそうなので今回のケースでは残念ですが使えなさそうです。
コメント有難うございました。
No.1
- 回答日時:
<A>タグのリンク先をURLではなく、Javascriptの関数にしてはだめなのでしょうか。
それであれば、ボタンを押したのと同様のやり方で、対応できると思いますが。この回答への補足
早速のご返事、ありがとうございます。
> Javascriptの関数にしては
この方法ですと、そもそものURLを右クリックして、別Windowまたは別タブで開きたい人の動作を考えると、最後の手段にしたいです。右クリックした時や、プロパティを見ると、"javascript:void(x);"とかになりませんか?
やっぱりダメっぽいですかねぇ・・・。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) アクセス 意図せずサブプロシージャを移動してしまうのを止めたい 1 2022/09/02 09:19
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パス 2 2022/10/18 01:05
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ウインドウの後ろに隠れている...
-
Cygwinでログをのこす方法
-
jquery uiが動かない
-
フォルダ名の取得方法
-
showModalDialogで開いた画面か...
-
javaからcgiの呼び出し
-
Vbscriptで自分自身のウィンド...
-
onbeforeunload時のwindow.open...
-
PrintScreenキーを無効にしたい
-
JavaScript関数呼出し元の要素...
-
javascriptでbgmを自動再生する...
-
undefinedが表示されてしまう
-
<aタグで変数に文字を代入
-
Java ScriptでIPによるアクセス...
-
文字を入れ替わり表示させたい...
-
Google scriptについて 至急scr...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
(Javascript)印刷するファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでbgmを自動再生する...
-
JavaScriptからVBScriptの呼び...
-
onbeforeunload時のwindow.open...
-
Vbscriptで自分自身のウィンド...
-
ウインドウの後ろに隠れている...
-
javascriptでtableの該当行を削...
-
Cygwinでログをのこす方法
-
Java ScriptでIPによるアクセス...
-
確認ダイアログで「キャンセル...
-
showModalDialogで開いた画面か...
-
ASPで取得した情報をscriptタグ...
-
JavaScript関数呼出し元の要素...
-
datepickerで日付の値を取得したい
-
文字を入れ替わり表示させたい...
-
毎回、ページ読み込み時に1回...
-
location.reload() について
-
曜日ごとにリンク先を変えるJav...
-
window.onloadイベントの任意実...
-
undefinedが表示されてしまう
-
ブラウザの「戻る」ボタンを押...
おすすめ情報