javascriptでのリンクを操作する方法
- Yahoo! User Interface Libraryのdialogを起動するためのjavascriptの操作方法について教えてください。
- リンクをクリックした際にjavascript内で特定の処理を行いたいです。どのような方法がありますか？
- リンクのidを指定してjavascriptで操作する方法について詳しく解説してください。
- ベストアンサー
javascriptでのリンク
Yahoo! User Interface Libraryのdialogを起動する時にhtmlに下記のように書いているのですが、 <A id=show href="javascript:;">チェック済</A> このリンクをjavascript内で起動するにはどうすればよいのでしょうか。 この処理を行う前に一旦javascriptで行いたい処理があり、 javascript内で上記を実行したいのです。 リンクは location.href="javascript:;"> というように設定して、上記のid=show の部分はどのように指定すれば 良いか教えてください。 宜しくお願いします。
- take_july
- お礼率54% (88/162)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞＞リンクをjavascript内で起動するにはどうすればよいのでしょうか。 リンクは単にjavascriptを動かしているだけで、不要だと思います。 dialogはdialogオブジェクトのrenderメソッドで表示先のオブジェクト を指定して表示させます。 必要な処理を行った後、dialogオブジェクトを生成して、表示させます。 var dlgObj = new YAHOO.widget.SimpleDialog("dlg", { width : "300px", height : "200px", x : 200, y : 100}); dlgObj.setBody("hogehoge"); dlgObj.render(document.body);
関連するQ&A
- リンク先のJavaScriptを実行するリンク
a.htmには以下のようなJavaScriptが記載されています。 <a href="javascript:c_click(1)">test</a> a.htmの中にはclick内の数字が1～50程度のリンクがあり、 数字に応じて異なるJavaScriptが実行されるページです。 b.htmからa.htmの上記の<a href="javascript:c_click(1)">test</a>が実行されるリンクを作ることは可能なのでしょうか。 たとえば、b.htmに以下のようなHTMLを記述することを想定しています。 <a href="a.htmのjavascript:c_click(1)">test</a>
- ベストアンサー
- JavaScript
- Javascriptで通常の文字リンクを作りたい？
GetHTMLW http://www.vector.co.jp/soft/win95/net/se077067.html などのホームページデータ ダウンロード ソフトで、ホームページのデータを丸ごとコピーされないように、 ホームページ内のリンクをJavascriptにしたいのですが、自分が書いたコードがちゃんと動作しません。どこが悪いのでしょうか？ 動作やカラーの反転は、できるだけ通常のアンカータグを使用したHTMLリンクのようにしたいです。 2種類のコードを書きました： 1つ目： <a href="JavaScript:location='../jtest/page_b.html';">ページBへ</a> 2つ目： <a href="javascript:;" onClick="location='../jtest/page_b.html';">ページBへ</a> 上記よりもっとよい書き方をご存知でしたら、お教え願えれば幸いです。 リンクをJavascriptにすると検索エンジンにも引っかからないそうですが、知人しか見ないサイトなので、そちらは問題ありません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- リンク時にjavascriptを２つ動作させたいのですが・・・
こんにちは。 実はHPで、リンク時に、javascriptで２つのことを命令したいのです。 １つ目は、効果音をならす。 ２つ目は、リンク先でブラウザの戻るを禁止する といったような感じです。 しかし、javascriptはよく分からないので、とりあえず、下のようなタグを書いたのですが、ちっとも動作しませんでした。 どなたか、教えていただければ助かります。 <head> <script language="JavaScript"> <!-- function wav(name) {sound.src = name;} //--> </script> <bgsound src="" id="sound"> </head> <body> <a href="javascript:window.location.replace('リンク先URL');" javascript:wav('効果音のファイル名')">リンク</a> </body>
- ベストアンサー
- JavaScript
- JavaScriptでリンクを設定したい
JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか？ よろしくお願いします！
- 締切済み
- ブログ
- IE7のJavascriptで return false をしてもリンクしてしまう
これまでjavascript無効の人のために <a href="test.html" onclick="test();return false;">link</a> という感じで、無効の人はリンク先へ飛んで、有効の人はJavascriptを実行して処理する、といったコードを使っていました。 しかし、IE7では、onclickで false が帰ってきても、そのままリンクにいってしまうようで困っています。 IE6、Firefox2では思うように(onclickだけで止まる)動いてくれます。 もうこれは仕様のため、全面的に書き直さなければならないのでしょうか？ ご存じの方おられましたらご教示いただけると幸いです。
- ベストアンサー
- JavaScript
- PHPからJavaScriptの自動遷移プログラムを起動させたいのです
PHPからJavaScriptの自動遷移プログラムを起動させたいのですが、 現在、次の形のPHPプログラムで自動遷移のJavaScriptを呼び出しています。 /* authorization URL を生成*/ $request_link = $to->getAuthorizeURL($token); $val ="location.href = \"" . $request_link . "\""; echo $val; $val ="</head></html>"; echo $val; そうすると、実行画面で、なぜか <script type="text/javascript"> <!-- location.href = "https://twitter.com/oauth/authenticate?oauth_token=*****"</head></html> と出力されて、JavaScriptが起動していません。 どのように組み替えればいいでしょうか？ 単純なことで申し訳ありませんが、ご教授願います。
- ベストアンサー
- PHP
- リンクを使ったJavaの実行
<A HREF="JavaScript:命令">お問い合わせ</A> 上記の様に、お問い合わせのリンクを作成したいと思っていますが、 例として<A HREF="JavaScript:onclick='○○'">お問い合わせ</A> 等、若しくはクリックした際に○○を実行させる事は可能でしょうか。 できましたら関数は○○のままで結構ですので、記述していただけましたら幸いです。
- ベストアンサー
- JavaScript
- JavaScriptでのクリックやフォームについて
いままでVBSで該当URLへとび、フォーム入力の自動化を行なっていたのですが、 JavaScriptでも似たようなことをしようと思い、 ｈｔｍｌファイルのscriptタグにて、location.hrefで該当URLへとび、 getElementByIdでID取得をしようと思ったのですが、なにも起こらずその後、解決策が見つからず困っています。 location.hrefでリンク先にとんだからといって、 そのページのソースコードを取得しているわけではないのでしょうか？ そもそもVBSと同様に該当URLにとんで、フォームのIDなどを取得、フォーム入力という流れを Javascriptでも可能なのでしょうか？ どうぞご回答のほどよろしくお願いいたします。
- 締切済み
- JavaScript
- 「このブログをリンクに追加する」を別窓で開きたい
投稿失礼します。 現在FC2でブログを運営しているのですが、 下記のリンクを新しいウィンドウで開かせることは可能でしょうか？ <a href="javascript:window.location.replace('http://blog.fc2.com/?linkurl='+window.location.href);">このブログをリンクに追加する</a></li> よろしくお願いします。
- ベストアンサー
- ブログ
- フレーム内リンクを禁止したい
表題のとおり、フレーム内へのリンクを禁止したく <script language="JavaScript"> <!-- if (parent.location.href != window.location.href) parent.location.href= window.location.href; //--> </script> を<head>と</head>の間に入れてみましたが、「書き込みができません。」とエラーになります。 どこか間違っているのでしょうか。
- 締切済み
- JavaScript
お礼
すいません。 解決しました。有難うございました。
補足
ご回答有難うございます。 無事ダイアログは出るようになってのですが、なぜかボタンが表示されなくなってしまいました。 下記は直す前のhtmlです。（http://www.tuyudaku.net/javascript/yui-dialog.htmlを参考にさせて頂いています。） <HTML><HEAD> <SCRIPT type=text/javascript> var init = function() { var dialog1 = new YAHOO.widget.Dialog("dialog1",{ constraintoviewport:true, modal: true, fixedcenter: true, visible: false }); var dialog1_submit = function(){ var formData = this.getData(); var buf = []; buf.push("text="); buf.push(formData.textbox); buf.push("\n"); buf.push("select="); buf.push(formData.select); buf.push("\n"); buf.push("check="); buf.push(formData.check); alert(buf.join('')); }; var dialog1_cancel = function(){ this.cancel(); } dialog1.cfg.queueProperty("buttons", [ {text: "送信", handler: dialog1_submit, isDefault: true}, {text: "キャンセル", handler: dialog1_cancel} ]); dialog1.render(); YAHOO.util.Event.addListener("show", "click", dialog1.show, dialog1, true); }; YAHOO.util.Event.addListener(window, "load", init); </SCRIPT> </HEAD> <BODY> <P><A id=show href="javascript:;">ここをクリックするとDialogが表示されます</A></P> <DIV id=dialog1> <DIV class=hd>ダイアログヘッダー</DIV> <DIV class=bd>ボディー部分にフォームを書く <FORM onsubmit="return false;" action=/ method=post> <INPUT name=textbox> <SELECT multiple name=select> <OPTION value=select-1>select-1</OPTION> <OPTION value=select-2>select-2</OPTION> <OPTION value=select-3>select-3</OPTION> </SELECT> <INPUT type=checkbox value=1 name=check>1 </FORM> </DIV> </DIV> </BODY> </HTML> 起動時にdialogの設定をしておくと"送信"、"キャンセル"のボタンが 表示されるのですが、ボタンクリック時等にvisible: trueにして 上記を実行すると、"送信"、"キャンセル"のボタンが表示されなくなってしまいました。どうすればよいかアドバイスを頂けますでしょうか。宜しくお願いします。