• ベストアンサー

(ＨＴＭＬ)タグの付け方

http://plusone.jpn.org/javascript/sample/movie/sakura.html このサイトに書いてある赤字の 部分を<body>から</body>までの 間にペーストしたのに 再生されません。どこを 変えれば良いか教えてください。 ちなみに背景は画像になっています。

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

  • ベストアンサー
  • yonepuu
  • ベストアンサー率33% (2/6)
回答No.3

sakura.js sakura1.gif sakura2.gif あなたが作ったhtmlファイル 以上４つを同じフォルダに入れてみてください。 :::HP作成ソフトを使っているのでしたら、<body></body>の間に コピペしたHTMLファイルが入っているフォルダと同じところにコピペ するということです。 画像にするとわかりやすいかもしれませんのでUPしておきます。 １）sampleというフォルダに sakura.js sakura1.gif sakura2.gif sakura.html <---これがsalaclearさんが<body></body>の中にコピペ したhtmlファイルになります。(最初のページにするならindex.html とかでしょうか）

画像を拡大する
salaclear
質問者

お礼

やっとわかりました＾＾ まだＨＴＭＬファイルができあがってなかったみたいなので 完成させます!！丁寧に説明してくださり、 画像もありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • yonepuu
  • ベストアンサー率33% (2/6)
回答No.2

こんにちは。 BODYタグ内にコピーしたのは、JavaScriptを宣言しただけですよね。 プログラム本体 sakura.js sakura1.gif sakura2.gifをダウン ロードして、HTMLと同じフォルダに置いて試してみではいかがでしょうか？

salaclear
質問者

お礼

回答ありがとうございます。 がんばって知識 頭にいれます＾＾

salaclear
質問者

補足

こんにちは＾＾ その三つはダウンロード済みですが ＨＴＭＬと同じフォルダってとこが わかりません^^;サイトを作る ソフトと同じフォルダにってことですか?

全文を見る
すると、全ての回答が全文表示されます。
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

ご提示のサイトの、1.に書いてある 　sakura.js 　sakura1.gif 　sakura2.gif の3つのファイルをダウンロードして、正しいディレクトリ（そのままなら同じフォルダ内）にアップしないと動作しませんが、アップしてありますか？

salaclear
質問者

お礼

回答ありがとうございます＾＾ ちょっとディレクトリから 意味があまり わかってないので 勉強してきますorz

salaclear
質問者

補足

そのファイルは同じデスクトップのフォルダ内に ダウンロードしたんですが もしかしてサイトを作る ソフトも一緒にそのフォルダに いれないと駄目ですか? 初心者です＾＾；すみません。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 花びらが舞うJavascript 画像が×に

    下記のような効果のHPをビルダーで作ろうと 試行錯誤するのですが、×画像が舞うばかりです。 http://plusone.jpn.org/javascript/sample/movie/index.html ソースをコピペした際入ってくる画像のパスを、 アップ用の同じフォルダに入れた画像のファイル名に書き換え、 指定された場所に貼り付けてはいるのですが、 原因として考えられることがあればご教示いただけますと さいわいです。

  • HTMLページ内のタグに対してのイベント

    HTMLページ内のタグに対してのイベント getElementsByTagNameで指定したタグの部分（画像やリンク）をクリックすると関数を呼び出すという動作をやりたいのですが、どうも上手くいきません。 試しに下記のようなプログラムを作ってみたのですが、ページを表示した後すぐにalert関数が呼び出されてしまいます。 あるタグの部分を押したときに関数を呼び出すというやり方を知っている方がおられましたら、ご教授願います。 ひとつひとつにIDを割り当てるというやり方でなくて、タグ別にイベントを判定するやり方を考えています。 <html xmlns="http://www.w3.org/1999/xhtml" > <head> 　　<title></title> 　　<script type="text/javascript"> 　　　window.onload = function ini(){ 　　　　document.getElementsByTagName("img").onClick = alert("これは画像です"); 　　　} 　　</script> </head> <body> 　<img src="..." /> 　<img src="..." /> 　<img src="..." /> 　<img src="..." /> </body> </html>

  • ハイレベルな動きのあるサイトを作るための勉強サイト

    マクドナルド http://www.mcdonalds.co.jp/ インターデコハウスの住宅 http://www.idh.co.jp/style/ ソニー http://www.sony.co.jp/ のようなとても動きのあるホームページを作りたいです。 私が分かるもの 『XHTMLとCSS』はだいたい 『Javascript』は部分部分 上記のホームページのような動きを実現するには Javascriptだけでできるんですよね？？ こういったプログラムを作るために勉強をしたいのですが、 どのように勉強をしたらいいのか分かりません。 学校に通うなど余裕がないため おすすめサイトや本がありましたら教えて下さい。 私が使えるJavascriptのレベルは↓を一通りやったところです。 ～　JavaScript　～ JavaScript入門 http://www.ajaxtower.jp/js/ JavaScriptサンプル集 http://plusone.jpn.org/javascript/sample1.html イヌでもわかるJavaScript講座 http://www.red.oit-net.jp/tatsuya/java/index.htm 初心者のためのJavaScript講座 http://www.pori2.net/js/ jQueryもちょっとだけ… ～　jQuery　～ jQuery入門 (ver 1.3) http://www.openspc2.org/JavaScript/Ajax/jQuery_study/ver1.3.1/index.html お願いします。

  • htmlタグで背景に画像を敷き詰めたい！

    お世話になります。先日、htmlタグで背景に画像を敷き詰める方法について投稿させていただきアドバイスをいただきましたがいざ実行しましたところ、背景表示されず全くの空白の状態でした。 わたくしのやり方が間違っているのか？と思いますので再度投稿させていただきました。 ”背景に同じ画像を1つではなくたくさん敷き詰める方法”です。 どなたかアドバイスをお願いいたします。 ※ちなみに前回いただきましたアドバイスは <body background="back1.gif"> を<HEAD>から</head>の間に宣言してください。 back1.gifの部分にあなたが使いたい画像を指定すればｏｋです。 といただきましたが何も反映されません(-_-;) アドバイス・・お願いいたします。

    • ベストアンサー
    • HTML
  • 指定した背景画像をサイトを訪れるたびに切り替える

    Javascript初心者で、全く見当がつきません。 お力をお貸しください。 参考サイトのように、 Bodyではなく、DivのID一部分のみ、 背景画像がサイトを訪れるたびに切り替わるようにしたいのですが， どのサンプルも「Body」の背景が変わってしまいます。 どなたか、お答えして頂けないでしょうか？ <参考サイト> http://www.upenn.edu/ <現在記述中のソース> <html> <head> <style type="text/css"> #content { color: #ffe700; font-size: 30px; height: 600px; } </style> <title>見る度に背景色が変わります</title> <script language="JavaScript"> <!-- function color(){ bgcolor = "#"; for(i = 0 ; i < 6 ; i++) { //0から15の乱数を発生させる color = Math.floor(16 * Math.random()); //16進数に変換 color = color.toString(16); //つなぎ合わせる bgcolor = bgcolor + color; } //文字列を背景色に document.bgColor = bgcolor; } //--> </script> </head> <body onLoad="color()"> 見る度に背景色が変わります<br> <div id="content"> ここの背景にランダムに画像が変更して欲しい。Bodyではなく、Divの指定したID内にのみ表示して欲しいのです</div> </body> </html>

  • ロールオーバーの「プリロード」の設定で…

    JavaScriptのロールオーバーで画像のプリロードを行いたいのですが、 <body onLoad=”MM_preloadImages(～～～というように、BODYの中に書く以外に、方法はありませんか？いろいろ検索してみましたがわかりませんでした。 「JavaScript」の書き方講座、のようなサイトではなく、すぐに使えるサンプルソースが載っているものが良いです。

  • クリックで背景変更するタグ

    素材屋さんなどによくある、画像をクリックをすると背景が変わるというプログラムを作りたいのですが、調べてみたタグではうまくいきませんでした。 <tr><td><a href="#" onClick="javascript:bgChange('画像ファイル名');return false"><img src="画像ファイル名" border="0"></a></td></tr> 以下を<HEAD>区間に貼り付け <SCRIPT LANGUAGE="JavaScript"> <!-- function bgChange(myback){ document.body.background=myback; } //--> </SCRIPT> これだと、画像のプロパティがhttpで始まるものはうまくいくのですが、マイドキュメントに保存してある画像（自分で撮った写真など）では、背景が真っ白になってしまいます。 Win98、ブラウザはIE5.5です。 どなたか、教えてくださると幸いです。

  • xsl内での<script>タグの書き方

    すいません。もうひとつ質問させてください。 以下のように、xsl内に<script>タグを書こうと思っています。しかし、 <script type="text/javascript"><xsl:comment><![CDATA[ var v = 1; if (v < 2) {alert(v);} ]]></xsl:comment> </script> と書くと、IEではalertが動きますが、FireFoxではalert出ません。<xsl:comment>を削除して、 <script type="text/javascript"><![CDATA[ var v = 1; if (v < 2) {alert(v);} ]]> </script> と書くと、今度はFireFoxでは動作しますが、IEで動作しません。 ブラウザは、IE7とFireFox2.0.0.5です。おそらくエスケープの問題かなと思っていますが、どうすればいいでしょうか？ ====== [sample.xml] <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="b.xsl" type="text/xsl"?> <sample> <smp>サンプル</smp> </sample> ====== [b.xsl] <?xml version="1.0" encoding="UTF-8" ?> <xsl:stylesheet version="1.0" xmlns="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" omit-xml-declaration="yes" doctype-public="-//W3C//DTD XHTML 1.1//EN" doctype-system="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" media-type="text/html" /> <xsl:template match="/"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>サンプル</title> <script type="text/javascript"> <xsl:comment><![CDATA[ var v = 1; if (v < 2) {alert(v);} ]]></xsl:comment> </script> </head> <body>サンプル</body> </html> </xsl:template> </xsl:stylesheet>

    • ベストアンサー
    • XML
  • ＨＴＭＬにジャバスクリプトを書く位置は？

    http://archiva.jp/web/javascript/tab-menu.html 上記のサイト「タブ切替ジャバスクリプトプログラム」は、上下２つのスクリプトに分かれています。 上のスクリプトは、「置き場所は</body>直前を勧めとく」と解説されています。 下のスクリプトは、「先の起動部分より先に宣言されていなければならない」と解説されています。 それなら、上下を逆にして１個のスクリプトで書けば良いのではないでしょうか？ http://hyper-text.org/archives/2007/09/javascript_tab.shtml その問題を解消する為に、上記のサイトでは「window.onload=function() 」で上のスクリプトを囲んでいます。 どうして、この様な解決法になるのでしょうか？

  • HTMLサイトのように…（HTMLについて詳しく分かる方お願いします

    <!-- BODY { background-image : url("○○.jpg"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> コレを背景画像のタグとせず、HTMLサイトのように、ページに文字として出したいのですが、どうすればできるのですか？ 説明下手ですいません´｀

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する