embed要素のsrc属性の値を変更するには

2023/10/14 19:35

このQ&Aのポイント

JavaScriptを使って、embed要素のsrc属性の値を変更する方法について教えてください。
現在、<embed src=aaa.swf name=swf></embed>という形式でswfファイルを埋め込んでいますが、<embed src=bbb.swf name=swf></embed>に変更する方法を知りたいです。
<input onclick=document.swf.src="bbb.swf">と書いて実行してもうまく動作しません。正しい方法を教えてください。

ベストアンサー

embed要素のsrc属性の値を変更するには

2007/07/29 02:04

JavaScriptを使って、embed要素のsrc属性の値を変更するにはどのようにすれば良いのでしょうか？具体的には、 <embed src=aaa.swf name=swf></embed> 現在上記のようにswfファイルを埋め込んでいるのですが、これを <embed src=bbb.swf name=swf></embed> に変更するボタンを作りたいと思っています。 <input onclick=document.swf.src="bbb.swf"> と書いて実行してみたのですが、動作しませんでした。ご教示ください。よろしくお願い致します。

ajrkmkrn
お礼率95% (19/20)

JavaScript
回答数1
ありがとう数4

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

is_may
ベストアンサー率65% (58/89)

2007/07/30 11:53 回答No.1

document.getElementByIdを使うのはどうでしょう？ <script language="javascript"> </script> <div id="swfField"><embed src="aaa.swf" width="300" height="200"></div> <input type="button" value="変更" onclick="changeFlash()">

質問者

お礼 2007/08/07 16:34

遅くなってしまい本当に申し訳ありません。 getElementByIdを使ってinnerHTMLというプロパティを使えば良いのですね。早速活用します。ご回答ありがとうございました。

関連するQ&A

<EMBED>タグのSRCの値のみ変更
いつもお世話になります。 <EMBED>タグのSRCの値を変更する方法は、 http://oshiete1.goo.ne.jp/qa3208428.html で紹介されていました。 SRCの値のみを変更する方法はないものでしょうか。上記で紹介されている方法は、同時に他の属性も含めて全て書き直しているものだと理解します。そのためかどうかの原因まではわかりませんが、画像を変更すると、画像を表示するエリア全体が一度一瞬消えてまた書き直されます。 SRCの値のみ変更すれば、別の画像への切り替わりがスムーズに行くような気がするもので。よろしくお願いいたします。
- ベストアンサー
- JavaScript
JavaScriptで変更した属性の元の値の取得
いつもお世話になっております。ページの画像をとある条件で変更しようとしております。 HTML5のdata-を利用して変更後の画像のパスをimg要素内に持たせております。 JavaScriptでimg要素を取得し画像の変更は実現できております。その後もとの画像に戻したいのですが、JavaScriptでimg要素を取得してもsrc属性が変更後の値になっており変更前の値が取得できません。変更前の値の取得方法を教えてください。 ■HTMLソースの一部 <p><img src="img/moto.gif" alt="" data-mimage="img/ato.gif"></p> ■JavaScriptの一部 function wid(){ var image=document.getElementsByTagName('img'); if(window.innerWidth>=320){ for(var i=0;i<image.length;i++){ image.item(i).src=image.item(i).getAttribute("data-mimage"); } }else{ // ここに元の画像に戻すためのスクリプトを書きたい } } } wid関数を作ってそのなかでimg要素を取得し、条件を満たしたらすべてのimg要素のdata-mimageの属性値を元のsrc属性に上書きします。次に条件が満たされていない場合はHTMLにもともと書いてあったsrc属性の属性値をsrc属性値に戻したいのですがこの値が取得できません。 img/moto.gifをimg/ato.gifに変更することは出来ます。 img/ato.gifに変更した後img/moto.gifに戻すことが出来ません。もちろんdata-mimage2="img/moto.gif"を追加すれば可能なのは分かっていますが、現状のHTMLを変更することなく実現したいです。よろしくお願いします。
- ベストアンサー
- JavaScript
OBJECTタグやEMBEDタグの属性値をFlashで表示したい。
たとえば、以下のようなHTMLがあったとします。 <EMBED src="aaa.swf" quality=high WIDTH=320 HEIGHT=240 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" title="ABC" units="EN"> </EMBED> Flashファイルaaa.swfを再生するのですが、EMBEDタグの属性値(WIDTH=320等)を取得してswfファイル内で表示したいのですが、可能でしょうか(aaa.swf内で「属性：WIDTH=xxx HEIGHT=yyy .....」という文字列を表示したいのです)。もし可能ならどのようにやるのか教えていただけないでしょうか。
- ベストアンサー
- Flash
FireFoxにプロパティ"src"は存在しない？
指定された画像要素の"SRC"属性を書き換えて、以下のような画像を変更するプログラムを書いています。 function hoge(ImgName){ document.getElementById("Picture").src=ImgName; } （中略） <img src="" id="Picture" onClick="JavaScript:hoge(hoge.jpg)"> ＩＥでは実行可能なのですが、FireFoxで実行すると「document.getElementById("Picture") has no properties」というエラーが出てしまいます。 setAttributeなども試したのですが同様のエラーが出てだめでした。やはり指定プロパティ(src)が存在しないので駄目みたいです。 FireFox等でIMG要素のSRC属性を書き換えるにはどうすれば良いでしょうか。アドバイスをお願いします。
- 締切済み
- JavaScript
radioボタンの値の取得の仕方？
こんにちは，よろしくお願いします。ラジオボタンの値でテキストフィールドのような要素をdisabledにしようと考えています。そこで <input name="AAA" type="radio" id="AAA_0" value="0" checked="checked" onclick="xxx()"/>選択肢Ａ <input name="AAA" type="radio" id="AAA_1" value="1" onclick="xxx()"/>選択肢Ｂとし，javascriptのxxx　functionの中では， if(document.getElementById("AAA").value == 0){ document.getElementById("BBB").disabled = true; }else if(document.getElementById("AAA").value == 1){ document.getElementById("BBB").disabled = false; } } としてみたところ，いつも　document.getElementById("AAA").value　の値が０のままでいくら選択肢Ｂをクリックしても切り替わりません。一体何が悪いのでしょうか。教えてください。よろしくお願い申し上げます。
- ベストアンサー
- JavaScript
javascriptにてHTMLのhiddenエリアのvalueを変更したい
javascriptにてHTMLのHIDDENエリアのVALUEをフォームの値が変わるごとに更新していきたいのですが、やり方がいまいちわかりません。 <input type = "text" value="10" id="aaa" onchange=aaa();/> <input type = "text" value="20" id="bbb" onchange=aaa();/> <input type = "hidden" name="abc" value="aaa"/> <script> function aaa(){ document.abc.value = document.getElementById("aaa").value+document.getElementById("bbb").value ; } </script> このような感じで考えていますが、進みません。どなたかご教授お願いいたします。
- 締切済み
- JavaScript
InnerHTML でJPG画像とEMBED動画を切替
ボタンによって、同一画面上で動画と写真を切り替えて表示する方法を教えてください。 http://www004.upp.so-net.ne.jp/poptrash/ ※ボタンのソース <INPUT TYPE=BUTTON VALUE="movie" onclick="document.mm.src='image/movie.jpg'"> ※表示部分のソース <div id="mm"> <IMG SRC="image/info.jpg" ALT="" NAME="mm"> ※表示したい動画のソースの素ネタ <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/wRaCkqG_YRk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wRaCkqG_YRk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> →ボタン部分のソースを下記のように変更した場合、　innerHTML=以下EMBEDソースをどのように記述すれば　良いのでしょうか？ INPUT TYPE=BUTTON VALUE="movie" onclick="document.mm.innerHTML=
- 締切済み
- ホームページ作成ソフト
<input> のbuttonで関数を実行したい
<input> 要素のbuttonを押すと※の処理が実行されるようにするには、どの部分を直すべきかご指摘いただけませんか。よろしくお願いします。 -aaa.html <html> <!DOCTYPE> <body> <input id="ccc" type="button" value="スタート"> <script src="bbb.js"></script> </body> </html> -bbb.js document.getElementById("ccc").onclick = function buttonClick(){※}
- ベストアンサー
- JavaScript
JavaScriptで画像を変更する
質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript">  </script> <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> <form> <input type="button" value="画像一括変更" onclick="ChangePics()"></input> </form> ------------------------------------------------------------ [画像一括変更]ボタンをクリックすると表示されていた３枚の「black.jpg」が「white.jpg」に切り替わります。ですが、画像のsrcへのアクセスは「document.images[i].src」で行っているため、 <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> の上に他の画像がある場合はその画像が「white.jpg」に変更されてしまいます。ですが、<img src="black.jpg" name = "pic1">のようにname属性を付けるのは処理が面倒になるので、避けたいです。質問の意図は、「作ったJavaScriptのプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。
- ベストアンサー
- JavaScript
フォーム内の値の指定方法
JavaScriptで、フォーム内の値を指定するとき、どちらの記述がwebの標準として正しいのでしょうか？ document.form1.aaa.value form1.aaa.value　【フォーム】 <from name="form1"> <input type="textbox" name="aaa"> </form>
- ベストアンサー
- JavaScript