- ベストアンサー
実行順番
zzzzzzの回答
onmouseoverは文字の上にカーソルが乗った時点で発生するイベントなので、onclickのことと考えて説明します。 といいますか、一般に、HTML本来の処理よりもjavascriptのイベントハンドラが先に実行されます。 このことは、alert()等を使用すれば確かめられます。 # でないとonsubmit等の意味がありません
関連するQ&A
- リンクに触れると効果音がでる
ブログでリンクに触れると効果音でるタグですが 下記のリンク部分には何処を指定するのでしょうか？ <HTML> <HEAD> <TITLE>リンクに触れると音が鳴る</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- //リンク音を鳴らす function runSound() { document.all.link_sound.src='サウンドファイルのＵＲＬ'; } // --> </SCRIPT> <BGSOUND src="#" id="link_sound" loop=1 autostart="true"> </HEAD> <BODY> <A href="リンク１のURL" onMouseOver="runSound()">リンク１</A><P> <A href="リンク２のURL" onMouseOver="runSound()">リンク２</A><P> <A href="リンク３のURL" onMouseOver="runSound()">リンク３</A><P> <A href="リンク４のURL" onMouseOver="runSound()">リンク４</A><P> <A href="リンク５のURL" onMouseOver="runSound()">リンク５</A><P> </BODY> </HTML> 又、どの部分をコピーすればよいのでしょうか？ 何方かご教授をお願いします m(_ _)m
- 締切済み
- ブログ
- ステータスバーに表示されるリンク先について
リンク上にマウスを乗せると、ブラウザの左下、ステータスバーにリンク先がでます。 この表示をなくせないでしょうか。 Javascriptで試したみましたがどうやらダメみたいです。 ご存知の方いましたらご回答ください。 ちなみに使用したスクリプトは、 <html> <body> <script language="javascript"> <!-- function over(){ window.status=" "; } --> </script> <a href="http://www.goo.ne.jp"onMouseover="over()">gooへ</a> </body> <html> にしてみましたが、マウスをリンクに乗せた時はどうしてもリンク先がステータスバーにでてしまいます。
- 締切済み
- HTML
- 複数のアラートから複数のジャンプページへリンクしたい
サイトの1ページに6個のリンクボタンをつけ、それぞれに違うページにジャンプしたいです。 http://www.sky.sannet.ne.jp/masapine/java_alert8.html を参考に下記のようにしてみましたが、複数ページへのリンクの記述がわかりません。 どこかを変更すればよいのでしょうか。 よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function link1(){ if(confirm('本当にご覧になりますか。')){ location.href='xxx.html'; } } //--> </SCRIPT> <p><a href="xxx.html" onClick="JavaScript:link1();return false"><img src="photo.gif" alt="手術の写真を見る" width="150" height="37" /></a></p>
- ベストアンサー
- JavaScript
- AタグでFunctionを実行
xxx.jsというJavaScript1ファイルのyyy()というFunctionを、Aタグで実行させたくて、 <SCRIPT LANGUAGE="JavaScript" SRC="xxx.js"></SCRIPT> <A Href="JavaScript:yyy(document.all.id,document.all.name);">取込</A> と書いたんですが、オブジェクトがありません。というエラーが出てしまいます。 記述が間違っているんでしょうか？
- ベストアンサー
- HTML
- テキストのリンクをON/OFFする
Javascriptでテキストをクリックすると2箇所の画像を同時に変更することができたのですが、表示されている画像のテキストのリンクをはずす方法がわかりません。はじめは「ページ３＋４」のテキストのみがクリッカブルで、「ページ３＋４」のテキストをクリックすると、「ページ１+２」のテキストのみがクリッカブルになるようにしたいのです。表示されていない画像のテキストのみをクリッカブルにする方法をどなたか教えていただけますでしょうか？ <script language="JavaScript"> <!-- function swapImg(imgfile1,imgfile2) { document.swpimg1.src = imgfile1; document.swpimg2.src = imgfile2; } // --> </script> <div><img src="sample1.gif" name="swpimg1" /><img src="sample2.gif" name="swpimg2" /></div> <div><a href="javascript:swapImg('sample1.gif','sample2.gif')">ページ１+２</a> <a href="javascript:swapImg('sample3.gif','sample4.gif')">ページ３＋４</a></div>
- ベストアンサー
- JavaScript
- 新ウィンドウを開いた時に出る表示
ページ内のある一つの画像をクリックしたら、新しいウィンドウで別のＵＲＬ先が開くように設定したのですが、保存してアップロードした後確認してみると、そのjavascriptタグを入れたページを開いただけで上に 「セキュリティ保護の為、コンピューターにアクセスできるアクティブコンテンツは表示されないよう、Internet Explorerで制御されています。オプションを表示するには…」 といったメッセージが出るようになりました。 さらに画像をクリックしてみてもエラーが出てしまいます… 友人がそのようなページを作っているのでタグは全く同じに入れたのですが、その友人のページはどこで見てもそのような表示は出ません。（友人に聞いても「何故かわからん」と言われてしまいまして…） これは何か違いがあるのでしょうか？ できれば出したくないのですが… タグは以下の通りです。 <script language=JavaScript> <!-- function window1() {window.open ("***.html","1","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,Width=200,Height=200");} //--> </script> リンク先 <a href="javascript:window1();"><img src="***.gif" width="100" height="100" border="0"></a> ちなみに、winXP、ビルダー10で制作しています。 お分りになる方、教えていただければ有難いです。
- ベストアンサー
- JavaScript
- 実行の順番を教えて下さい。
---------------------------------------------------------------------------------------------------------------- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> ( tmp_jquery=jQuery ・・・（１） )( function(){ $=jQuery=tmp_jquery; ・・・（２） } ); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> <script> $(function(){ alert(jQuery.fn.jquery); ・・・（３） }); </script> ---------------------------------------------------------------------------------------------------------------- 上記の処理では、jQuery1.7.1をロードして後、jQuery1.2.3をロードしていますが、 （１）のところで、jQuery1.7.1を保持し、 （２）で再び$とjQuery変数にロードしているため （３）のところで、"1.7.1"と表示されます。 さて、ここで（２）の部分がいつ実行されるのかが理解できません。 そもそも、今回の処理で記述されている ()() の意味がわかりません。 クロージャーなどで、 (function(){})() と記述しますが、 function(){}を式として認識させるために丸括弧で囲っているのは、 以下のサイトで知りました。 http://d.hatena.ne.jp/amachang/20080208/1202448348 今回も同様の意味なのでしょうか？ だとすれば、（１）の前に（２）が実行されそうなのですが・・・。 どなたか、ご説明お願いできないでしょうか？
- ベストアンサー
- JavaScript
- スワップイメージとロールオーバーの組み合わせで…
上の画像をクリックした時に下の画像が切り替わるページを 作ったのですが、上の画像をmouseoverで切り替えるのではなく、 マウスを動かしてもクリックしたら下の画像と連動して上の画像も 切り替えることってできますか？？ javascriptは初心者で、まったくわからずです(>-<) <SCRIPT LANGUAGE="JavaScript"> function doPic(imgName) { stepOn = ("" + imgName); document.step.src = stepOn; } </script> （中略） <a href="javascript:doPic('step1.gif');"><img src="img1.gif" name="img" border="0" onmouseover='this.src="r_img1.gif"' onmouseout='this.src="img1.gif"'></a> <a href="javascript:doPic('step2.gif');"><img src="img2.gif" name="img" border="0" onmouseover='this.src="r_img2.gif"' onmouseout='this.src="img2.gif"' ></a><br> <img name="step" src="step1.gif"> ↑こんな感じで作っております<(_ _)>
- ベストアンサー
- JavaScript
- リンク先の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
- 画像の切り替えの記述形式について
<a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A１.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか？ <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか？
- 締切済み
- JavaScript
お礼
有難うございました