<strong>質問: JavaScript を使用して SWF ファイルにパラメータを渡すにはどうすればよいですか? </strong> <br>インターネットで完全なチュートリアルを見つけました。これは非常に刺激的で実践的です。完全な実装手順は次のとおりです。 <br><strong>SwfObject の構成</strong>: <br>Swfobject2 が現在の検出です。ユーザー Flash をインストールする最良の方法ですか。これは「業界標準」とみなされており、すべての Adobe 製品 (Flex 4、Flash CS5) の新しいバージョンは、SwfObject を使用して Flash Player を検出します。 <br>まず、ZIP ファイルをダウンロードして解凍し、swfobject.js ファイルを Web サーバーにコピーします。ルート ディレクトリに「js」という名前のルート フォルダーを作成することをお勧めします。 (したがって、ファイルの場所は http://myserver.com/js/swfobject.js である必要があります)。このファイルは、後で作成する HTML ファイルで参照します。 ExpressInstall 機能を使用する場合 (ユーザーに簡単なアップグレード方法を提供するため)、expressInstall.swf を同じフォルダーにコピーする必要があります。 <br><strong>構成 HTML ファイル </strong>: <br>HTML ファイルには 2 つの Javascript が含まれています。 URL を取得するために使用されるパラメータ。マット ホワイトによって作成されたこれは、シンプルですが非常に効果的です。コードは次のとおりです: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="95760" class="copybut" id="copybut95760" onclick="doCopy('code95760')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code95760"> <br><script type="text/javascript "> <br>/* Javascript で URL パラメーターを取得します。コードは http://mattwhite.me/11tmr.nsf/D6Plinks/MWHE-695L9Z */ <br>function getURLParam(strParamName) { <br>var strReturn = ""; <br>var strHref = window.location.href; <br>if ( strHref.indexOf("?") > -1 ){ <br>var strQueryString = strHref.substr (strHref.indexOf(" ?")); <br>var aQueryString = strQueryString.split("&"); <br>for ( var iParam = 0; iParam <aquerystring.length iparam>if ( aQueryString[iParam].indexOf(strParamName.toLowerCase() "=") > -1 ){ <br>var aParam = aQueryString[iParam].split("="); <br>strReturn = aParam[1] ; <br>break; <br>} <br>} <br>return unescape(strReturn); <br><br> <br>上記のコードをファイルの HEAD タグ内の HTML に追加します。また、SWFObject スクリプトをインポートする必要があります。コードは次のとおりです: <br><script type="text/javascript" src="/js/swfobject.js"></script>別の Javascript が次を使用して挿入されます。 SwfObject SWF ファイル。 HTML ファイル内のどこにでも配置できます。最初に行う必要があるのは、適切な Flash Player がインストールされていない場合にユーザーにプロンプトを表示する DIV タグを作成することです。 </aquerystring.length> </div> <br><br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="87474" class="copybut" id="copybut87474" onclick="doCopy('code87474')"><u> コードは次のとおりです:</u></a> </span><div id="flashcontent"> ; </div><strong>このコンテンツには Flash Player 9 (またはそれ以降のバージョン) が必要です。<div class="codebody" id="code87474"><noscript><br> href=" http://www.adobe.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash" target="_blank"> <br><span style="text-decoration:underline;"> Flash Player をアップグレードします</span></a></strong> <br></div> <br><br> <br>DIV タグ内に任意のコンテンツを入力できます。画像やフィードバックは SWF ファイルに置き換えられるので、必要に応じて追加します。 <br>次に、置換関数を実装するための Javascript を示します: </div> <br><br><br><div class="codetitle">コードをコピーします <span><a style="CURSOR: pointer" data="65448" class="copybut" id="copybut65448" onclick="doCopy('code65448')"><u> コードは次のとおりです: </u></a> </span> <script type="text/javascript"> </div>var flashvars = { test:getURLParam("test") }; <div class="codebody" id="code65448">var params = {}; }; <br> swfobject.embedSWF("/articlefiles/jsvars/jsvars.swf", "flashcontent", "550", "400", "9.0.0","", flashvars, params, 属性); ></script> ; <br><br> <br>2 行目では、HTML ファイルに挿入された Javascript 関数「getURLParam」を呼び出していることに注意してください。渡す名前は、URL から取得したいパラメーター名とまったく同じです。 <br><br>Flash ファイルの作成<br> </div>次に、Flash ファイルを作成します。ステージにテキスト ボックスを追加します。プロパティ パネルで「ダイナミック テキスト」に設定し、インスタンス名は「mytextField」です。 「テキストの周囲に枠線を表示」をクリックすると、テキストボックスが選択されているときに枠線が表示されます。 <br>渡されたパラメータをキャプチャするには、次の try/catch ステートメントを使用する必要があります: <br><strong></strong><br><br>コードをコピーします<br><div class="codetitle"><span> コードは次のとおりです。以下のように:<a style="CURSOR: pointer" data="4969" class="copybut" id="copybut4969" onclick="doCopy('code4969')"><div class="codebody" id="code4969"> <br>try { <br>var key:String; // This will contain the name of the parameter <br>var val:String; // This will contain the value of the parameter <br>var flashvars: Object = LoaderInfo(this.root.loaderInfo).parameters; <br>for (key in flashvars) { <br>val = String(flashvars[key]); <br>mytextField.text = key ": " val; <br>} <br>} catch (error:Error) { <br>// what to do if an error occurs <br>} <br> </div> <br><strong>File: jsvars_test.fla</strong> <br>Upload the file and HTML file to the server together. When running the file, you will see the words 'test:' in the text box. <br>Note: If the SWF cannot be displayed and you only see the words 'Upgrade Flash Player', something is missing on the server. Make sure you have uploaded the SwfObject file (swfobject.js) to http://myserver.com/js/swfobject.js. Also ensure that the SwfObject file and SWF file paths in the HTML file are correct. If you still have problems, check the source files and paths of the examples. <br>Next, try adding the test parameter like this http://www.flashmagazine.com/articlefiles/jsvars/jsvars_test.html?test=something. If everything goes well, you will see 'test:something', Indicates that you have successfully passed the parameters to the Flash file. <br>Go further <br>You can also set parameters from SWF files. In this example http://www.flashmagazine.com/articlefiles/jsvars/jsvars.html?test=something&id=someID we also implement sending parameters. <br>The FLA file contains two text boxes named 'variablesReceived' and 'variablesToSend', as well as a button for sending new parameters. The HTML file for this example is set up to receive two parameters, 'test' and 'id'. First we add some descriptive text to the first text box: <br>variablesReceived.text ="Variables passed in:" " "; Next it’s time to receive the variables: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="86406" class="copybut" id="copybut86406" onclick="doCopy('code86406')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code86406"> <br>try { <br>var key:String; <br>var val:String; <br>var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; <br>for (key in flashvars) { <br>val = String(flashvars[key]); <br>variablesReceived.appendText("t" key ": " val " "); <br>} <br>} catch (error:Error) { <br>variablesReceived.appendText(error.toString()); <br>} <br> </div> <br>This will be The first text box lists all flashvars. Another main function we use in this file is the send variable function: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="68652" class="copybut" id="copybut68652" onclick="doCopy('code68652')"><u>Copy the code</u></a></span> The code is as follows:</div> <div class="codebody" id="code68652"> <br>// Sending parameters <br>function sendVariables(e:MouseEvent):void { <br>// First we grab the URL of the HTML document and split it into an array <br>var htmlUrl:String = ExternalInterface.call("window.location.href.toString"); <br>// split the string at the questionmark <br>var splitUrl:Array = htmlUrl.split("?"); <br>// use only the first part (ditch existing parameters) <br>var trimmedUrl:String = splitUrl[0]; <br>// get the parameters we want to append to the URL <br>var parameters:String = variablesToSend.text; <br>// combine url and parameters with a new questionmark <br>var requester:URLRequest = new URLRequest(trimmedUrl "?" parameters); <br>// reload the page <br>navigateToURL(requester, '_self'); <br>} <br> </div> <br>Here we use a little trick to capture the URL of the HTML text inserted in the SWF file by using 'ExternalInterface.call'. Flash files only know the URL pointing to themselves. This technique breaks through this limitation. ExternalInterface is turned on by default in SwfObject, but you can turn it off manually. <br><br>We don’t need the parameters in the current URL (i.e. ‘…?test=something&id=5′). So we only kept the part before the question mark and stored it in the 'trimmedUrl' variable for future use. We capture the parameters in the 'variablesToSend' text box and pass them into the URLRequest. By passing the request to 'navigateToURL', the browser reloads the HTML page and displays the most recently submitted value pair in the 'variablesReceived' text box. <br><br>Note: You cannot test this in Flash. The file needs to be uploaded to the server because both FlashVars and ExternalInterface require the SWF to be inserted into the browser. <br><br>Finally we have to call the 'sendVariables' method for the send button settings using addEventListener. <br>sendButton.addEventListener(MouseEvent.CLICK,sendVariables); Now you know how to pass parameters to each other using Javascript. Let's do something useful with what we've learned. <br><br><strong>Create a navigation for record status</strong> <br>Before finishing, let us build a small menu system that can highlight the currently clicked button, and you can download the completed file or run Case, let's take a look at the code: <br>First stop the SWF timeline playback and set an event listener for mouse click. <br>stop(); <br>// setup our 5 buttons <br>item1.addEventListener(MouseEvent.CLICK, gotoURL); <br>item2.addEventListener(MouseEvent.CLICK, gotoURL); <br>item3.addEventListener (MouseEvent.CLICK, gotoURL); <br>item4.addEventListener(MouseEvent.CLICK, gotoURL); <br>item5.addEventListener(MouseEvent.CLICK, gotoURL); When a button is clicked, they will execute the 'gotoURL' function . Next, we capture the parameters from the URL: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="95356" class="copybut" id="copybut95356" onclick="doCopy('code95356')"><u> Copy the code </u></a></span> The code is as follows: </div> <div class="codebody" id="code95356"> <br>// grab variables <br>try { <br>var key:String; <br>var val:String; <br>var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; <br>for (key in flashvars ) { <br>val = String(flashvars[key]); <br>if(key == "item"){ // If the parameter is called 'item'... <br>if(val.substr( 0,4) == "item"){ // ... and the name of the button starts with the characters 'item'... <br>// ... we can extract the number-part of the item -name and go to the correct frame <br>var frameToGoTo:Number = Number( val.substr(4,1) ); <br>gotoAndStop( frameToGoTo 1 ); <br>} <br>} <br>} <br>} catch (error:Error) { <br>// what to do if an error occurs <br>} <br> </div> <br>As you can see, this is very similar to what we did before. But this time the parameter name we pass is 'item'. This parameter is the name of the button we clicked. <br>Next is the gotoURL function. <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="15246" class="copybut" id="copybut15246" onclick="doCopy('code15246')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code15246"> <br>// Get the new page <br>function gotoURL( e:MouseEvent):void { <br>// First we grab the URL of the HTML document and split it into an array <br>var htmlUrl:String = ExternalInterface.call("window.location.href.toString"); <br>// split the string at the questionmark <br>var splitUrl:Array = htmlUrl.split("?"); <br>// use only the first part (ditch existing parameters) <br>var trimmedUrl:String = splitUrl[0]; <br>// get the name of the button clicked and set it as a parameter <br>var parameters:String = "item=" e.currentTarget.name; <br>// combine url and parameters with a new questionmark <br>var requester:URLRequest = new URLRequest(trimmedUrl "?" parameters); <br>// reload the page <br>navigateToURL(requester, '_self'); <br>} <br> </div> <br>We create our own parameters by combining the 'item=' character with the name of the clicked button. Then pass the URL and parameters to the navigateToURL method to reload the HTML page with the new parameters. <br><br>How events work: When something is clicked we use the addEventListener() method to listen for click events, and the event contains a reference to the clicked object. The 'currentTarget' property refers to the clicked object (e.currentTarget), so we can use e.currentTarget.name to get its name. <br><br>To make it a full menu system, you would also need to load a new URL instead of using the same URL as in the example. You should know the basics by now. It can operate in multiple ways at the same time. You can store the URL as a variable in the SWF, load it from an XML file, or many other ways. So I leave these to you. If you create a solution using this tutorial, please post the URL in the comments so other learners can see it.</a></span></div> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
