複数のJavaScriptを順番に実行させる方法
- JavaScriptを順番に実行させる方法について教えてください。
- １ページ内に複数のJavaScriptを作成し、順番に実行させる方法について知りたいです。
- JavaScriptを使用して、複数のスクリプトを順番に実行する方法について教えてください。
- ベストアンサー
複数のJavaScriptを順番に実行させるには
１ページ内に複数のJsvaScriptを作成し順番に前のJavaScriptが終了したら次が実行を開始する方法を教えてください。お願いします。 例 <BODY> <DIV style="width : 212px;height : 12px;top : 16px;left : 8px; position : absolute; z-index : 1; " id="Layer1"> <SCRIPT language="JavaScript"> <!-- document.write('<EMBED src="st0.wma">最初に実行'); //--> </SCRIPT> <SCRIPT language="JavaScript"> <!-- document.write('<EMBED src="st1.wma">２番目に実行'); //--> </SCRIPT></DIV> </BODY>
- fukube
- お礼率66% (4/6)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
サンプルを読ませて頂いた雰囲気から 恐らくfukubeさんは 「一つ目のサウンドが再生し終わったら 二つ目のサウンドを再生する」 と言う処理を行いたいのではないかと思うのですが、 このサンプルの場合、 サウンドが再生を開始した瞬間にスクリプトの実行は完了していますので、 「一つ目のサウンドが再生された瞬間 二つ目のサウンドが再生される (実質一つ目の曲は再生されない)」 となります。 EMBEDタグはあくまでＢＧＭを実現するための物のはずですので、２曲を連続再生という処理は難しいのではないかと思います。 （二つの曲をつなげて一つの曲として編集して置いたほうが無難だと思います）
関連するQ&A
- 複数音楽曲の順次再生方法
教えてください。お願いします <SCRIPT language="JavaScript"> <!-- document.write('<EMBED src="st00.wma">'); document.write('<EMBED src="st01.wma">'); //--> </SCRIPT> st00.wmaファイルの再生が終わってからst01.wmaファイルの 再生を開始するのにはどうすればよいでしょうか？ 教えてください。 現在は同時に再生を開始してしまいます。 よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScript内からJavaScriptを書き出したいのですが
こんにちは． JavaアプレットとJavaScriptを利用してJavaScriptを書き出すコードを書いてみたのですが，うまく動きません．具体的なコードは以下のようで，リンクはできるのですが，マウスを乗せるとオブジェクトを指定してくださいとエラーがでます．innerHTMLでJavaScriptを書き出すことはできないのでしょうか？ <html> ・・・ <body> <SCRIPT language="JavaScript" type="text/javascript"> <!-- function dWrite(){ str='<script type="text/javascript">functionLinkMo(){varLM1;LM1=window.open"","Doc","toolbar=no,location=no,kdirectories=no,width=300,height=250");LM1.document.write"<html><head><title></title></head><body>testです/body></html>");LM1.document.close();}</script><body>rinku <ahref="#"onMouseOver="LinkMo()">ここにのせると</a></body></html>'; document.getElementById("here").innerHTML=str;} //--> </script> <applet ・・・dWriteを呼び出す></applet> <div id="here" style="position:absolute;width:600px; left:0px;top:0px;"> </div></body></html>
- ベストアンサー
- JavaScript
- 「\マーク」で表示される部分の意味は？（JavaScript）
JavaScript の独習を始めたところなんですが、 あるスクリプトを解読しようとしていましたら、以下のように「\ マーク」がいくつも現れる部分が出てきました。 どうも外国で書かれたスクリプトのようで、 Netscape Communicator で文字コードを「欧米（ISO-8859-1）」に切り替えてソース表示してみましたら、 その部分は、「逆スラッシュ」で表示されました。 こういった部分については、JavaScriptの文法ではどのように理解しておけばいいんでしょうか？ それと、見やすいように普通のスクリプトに書き替えたりというようなことはできますでしょうか？ ---------- <SCRIPT language="JavaScript1.2"> …… document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>"); …… </SCRIPT>
- ベストアンサー
- JavaScript
- CSSのJavaScript参照
JavaScriptによって変数に代入された文字列をCSSで参照し、 指定した場所に表示したいのですが、変数名が表示され代入された文字列が表示されません。 ソース <html><head> <title>a</title> <style type="text/css"> <!-- .str{ top:100px; left:10px; position:absolute; }--> </style> </head> <body> <div class="str3">str();</div> //ここで変数strに代入されたaを表示したい <SCRIPT LANGUAGE="JavaScript"> str = "a"; str(){document.write(str);} </SCRIPT></body></html> 初心者のため、間違いが多々あると思いますがよろしくお願いします。
- ベストアンサー
- JavaScript
- javascript 初心者です。
下記のソースのどこが間違っているのでしょうか。 <body> <script type="text/javascript" language="javascript"> <!-- var us; us = document.getElementById("uuss"); if ( us == 0 ){ document.write("オッケーです。"); }else if ( us == 1 ){ document.write("エヌジーです"); }else if ( us == 2 ){ document.write("未定です"); }else if ( us == 3 ){ document.write("空欄です"); } // --> </script> <div id="uuss">1</div> </body> 例えば<div id="uuss"> </div>の部分に1と入力すると、 「エヌジーです」という文字列を表示させたいのですが ブラウザで見ると「1」と出てしまいます。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 複数のfunctionをonclickで実行するには？
こんばんは。 複数のfunctionを実行するにはどうしたらいいんでしょうか？ 後、追加でなんですが、areaにhref属性を使わず（#を指定すると、ページの上に戻ってしまうため）にポインタを指（リンクに乗せたときのやつです）にするにはどうすればいいんでしょうか？ インラインフレーム１ <script> <!-- function change１(picname) { parent.frames['インラインフレーム２'].document.getElementById("ＩＤ１").src = picname; } function change２(picname) { parent.frames['インラインフレーム２'].document.getElementById("ＩＤ２").src = picname; } ・・・ function change３(picname) { parent.frames['インラインフレーム２'].document.getElementById("ＩＤ８").src = picname; } //--> </script> 上のfunctionを複数実行したいんです。（全てではありません） <map name=""> <area shape="rect" coords="0,0,0,0" alt="" onclick="change１('ファイル')"> ・・・ <area shape="rect" coords="0,0,0,0" alt="" onclick="change８('ファイル')"> </map> インラインフレーム２ <div style="position: absolute; top: 0px; left: 0px; z-index: 0;"><img src="ファイル" id=ＩＤ１ alt="" border="0"></div> <div style="position: absolute; top: 0px; left: 0px; z-index: 1;"><img src="ファイル" id=ＩＤ２ alt="" border="0"></div> <div style="position: absolute; top: 0px; left: 0px; z-index: 2;"><img src="ファイル" id=ＩＤ３ alt="" border="0"></div> ・・・ <div style="position: absolute; top: 0px; left: 0px; z-index: 8;"><img src="ファイル" id=ＩＤ８="0"></div> どうでしょう？ 自分なりに試してみたんですが、成功しませんでした。（onclickにいっぱいくっつけたりとか・・・） どうかお願いします。
- ベストアンサー
- JavaScript
- 外部JavaScriptの書き方
外部JavaScriptの書き方 <script language="JavaScript" src="data.js"></script> 上記data.jsから、他サーバーの外部javascriptを読み出すには 以下のよな書き方で正しいでしょうか？ document.open(); document.write('<script language="JavaScript" src="http://hoge.com/data.js"></script>'); document.close();
- ベストアンサー
- JavaScript
- javascript クリックで複数の関数の実行
下のようにボタンをクリックした際にvib1()、vib2()を連続して実行しようとすると、1つ目のvib1()が実行されず、vib2()だけが実行されます。vib1()、vib2()を連続して実行する方法はないでしょうか。 <html> <head> <title>バイブレーションテスト</title> <script language="javascript" type="text/javascript"> function vib1() { target = document.getElementById("output"); target.innerHTML = "Penguin1"; navigator.vibrate([600,100]); } function vib2() { target = document.getElementById("output"); target.innerHTML = "Penguin2"; navigator.vibrate([300,100]); } </script> </head> <body> <input type="button" value="バイブレーション" onclick="vib1();vib2();"/><br /> <br /> <div id="output"></div> </body> </html>
- ベストアンサー
- JavaScript
- IE6ではjavascriptが動くのにNN7.1では動かない。
”コンピューター家庭向け”のところでも質問したのですが、回答がないのでここで質問させていただきます。 HTML部分 <div class="galico"> <script language="javascript" src="poser.js"></script> <a href="javascript:showgallery()"> <img src="../base/gallery.gif" alt=""> </a> </div> SSC部分 .galico { z-index: 3; position: relative; top: 29px; left: -200px; } javascript部分 function showgallery(){ if ( document.all )document.all('gallery').style.visibility ='visible' else if ( document.layers )document.layers['gallery'].visibility ='show' else if ( document.getElementById )document.getElementById('gallery').style.visibility ='visible' } この記述で、IE6では思った通りに動いてくれます。（"../base/gallery.gif"をクリックするとjavascriptを実行してくれる。） ところが、NN7.1では "../base/gallery.gif" に触れても、ステータスバーにjavascriptにリンクするように表示もされないし、クリックしても動きません。 なぜかSSCの "position: relative;" を "position: absolute;" にしてやると動くのですが。。。 なぜでしょうか。わかりやすく教えていただけないでしょうか。
- ベストアンサー
- JavaScript
- javascriptで困っています。教えてください
javascriptでimgタグの位置を変更しようと考えています。上、下の表示（divタグ）をクリックして上下に移動させたいのですが、上手くいきません。教えていただきたいと思い、投稿させていただきました。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=480"> <style type="text/css"> <!-- #wrapper{ width:640px; height:480px; position:relative; } #kt{ width:250px; height:250px; position:absolute; top:100px; left:100px; } #up{position:absolute; z-index: 1;top:0px;width:20px;height:20px;background-color:#F00;} #down{position:absolute; z-index: 2;top:30px;width:20px;height:20px;background-color:#F00;} --> </style> </head> <body> <div id="wrapper"> <div id="up">上</div> <div id="down">下</div> <img id="kt" src="kt.png"> </div> <script type="text/javascript"> var up_element = document.getElementById("up"); up_element.addEventListener("click", touchUp, false); function touchUp() { document.getElementById("kt").style.top = 50; } var down_element = document.getElementById("down"); down_element.addEventListener("click", touchDown, false); function touchDown() { document.getElementById("kt").style.top = 200; } </script> </body> </html>
- ベストアンサー
- JavaScript
補足
ご回答頂き誠に有難うございます。 JavaScriptのプログラムに於いては同一htmlページ内の独立したJavaSpriptをそれぞれ関連付けて順次実行させる事は出来ないのでしょうか？ 例へば一番目のJavaScript(音楽一曲目）の終了を確認して２番目のJavaScriptを起動させる。 初歩的な質問で申し訳有りませんがよろしくお願い致します