- 締切済み
html,javascript、ブロック崩し
http://www.a21-hp.com/wp/?cat=34 こちらのページに記載されている、ブロック崩しのソースをmiエディタで打ち込んで ブラウザで実行したところ、背景だけ表示されてゲームを行うことができないのですが 原因はなんでしょうか？ block.html js ともに同じフォルダにいれてあります。 MAMPも試したのですが、ゲームができません。
- 情報工学
- 回答数2
- ありがとう数13
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- okg00
- ベストアンサー率39% (1322/3338)
自分で打ち込むよりもコピペの方が確ですね。 ・文字コードはUTF-8ですよね？ ・2つのファイルは同じフォルダですか？ ・F12を押してデバッガを起動した結果、なにかメッセージが表示されてませんか？
- okg00
- ベストアンサー率39% (1322/3338)
ブラウザは何ですか？ IEならF12を使ってデバッガを使ってみてください。大体は文法エラーじゃないかと。 https://msdn.microsoft.com/ja-jp/library/gg699336(v=vs.85).aspx https://msdn.microsoft.com/ja-jp/library/gg589507(v=vs.85).aspx ちなみにJavaScriptならFirefoxの方が開発はしやすいかと思います。
関連するQ&A
- javascriptを使って画像へ移動
http://album.alexflueras.ro/ このサイトのように、画像をクリックして滑らかに横移動させるにはどうしたらいいでしょう？ ソースを覗いてみて、hscroll.jsを呼び出してマウスウィールさせることは出来たのですが… やはりprototype.jsとprototip.jsが必要なのでしょうか？ だとしたらprototip.jsの方はライセンスが必要なようでDL出来ません； あとstyle.cssも見てみましたが、 下の©2011 flueras.com～と書いてあるところ(footer内)は背景が黒になってますよね？ これはどこで指定してあるんでしょう；？
- ベストアンサー
- JavaScript
- operaでのコンテンツブロック
http://blog.esuteru.com/ 上記のサイトの灰色の背景のニュースの部分全域をコンテンツブロックしたいのですが ページのソースを表示して調べて見ても分かりませんでした。 他のサイトの似たような部分はブロック出来たのでこのサイトでも適用できると思います。 回答お願いします。
- ベストアンサー
- ブラウザ
- Wordpress ブロックエディタが分からない
Wordpressで（おそらく）ブロックエディタというのがよくわかりません。 ４年前くらいまでは、WPで自分の仕事のHPを作ったりしていたのですが、数年遠ざかっているうちに、最近やろうとしたら操作がよく分からなくなりました。 Localでローカル環境を用意して、あるWPのテーマとそのデモを入れてみました。そしてそのページを編集しようとしたら、 １）編集段階でのページ（貼り付け）と、 ２）プレビューでみる、そのページとに、 相違があり、原因がよく分かりません。２はひととおり分量の多いコンテンツが表示されますが、１）だと、上部のタイトルと文章、それから右のほうのメニューのようなところに、背景の画像は出てくるのですが、それより下のコンテンツがどこに出てくるのかよくわかりません。 コンテンツ全体(下の方）は、どのようにして編集するのでしょうか？ 以前であれば、visual composer でしたか、便利だけど、更新その他でリスクも高いといわれていたプラグインがあり、感覚的に分かり易かったりしたので、ページによって、時々使っていました。 そういったものとはだいぶ違うようなのですが、上記教えていただけるとありがたいです。
- ベストアンサー
- ホームページ作成ソフト
- Bloggerのガジェットにdocument.write("<script～したい
こんにちは。googleのBloggerを使っています。 このフォームに書き込む為、便宜上、＜＞を全角で入力しています。 ＜script src="hoge001.js"＞＜/script＞のようなガジェットをBloggerのカスタマイズから「ガジェットの追加」ー「HTML/Javascript」を選んで設定しようとしています。 ここでhoge001.jsの001が機能によって違うため、ここをランダムに切り替えて使うべく、document.write()を使って001部分を可変にしようとしているのですが、そもそもこのBloggerのガジェットエディタで（１）のようにdocumnt.write()化したコードが正しく保存されません。保存した結果をブラウザで表示させて展開されたソースコードも、ガジェットの編集で再度エディタを開いても、（２）のコードになります。 （１）ガジェットのエディタで最初に入力したコード： ＜script type="text/javascript"＞ document.write( "＜script type=\"text/javascript\" src=\"http://hogehoge.com/jslib/hoge001.js\"＞＜/script＞" ) ; ＜/script＞ （２）保存後再度編集で開いたコード、およびブラウザで見たソース： ＜script type="text/javascript"＞ document.write( "＜script src="\" text/javascript\ http://hogehoge.com/jslib/hoge001.js\ type="\"＞＜/script＞" ) ; どうにかうまくやる方法はないものでしょうか。 よろしくお願いします。 尚、hoge001.js自体の動作に問題はありません。
- ベストアンサー
- JavaScript
- 特定のサイトをブロックしたいのに
ある特定のサイト（一例としてhttps://wailing.org/）にだけ、アクセスができないようにブロックするにはどうしたらよいですか。 >>IEしか使わない（使えない）場合、youtube.comの制限ということであれば、IEの「ツール」→「インターネットオプション」→「セキュリティ」タブ内の「制限つきサイト」で youtube.com を指定すればいいことになります。ご自身のパソコンをお子様に貸している、等という場合には有効でしょう。 上記の方法ですとyoutubeの動画は確かに再生が不能となりましたが、普通に電子掲示板などにアクセスできてしまいます >>ブラウザはIEのみではないとか、ある程度の経験と知識がある人に貸すとか、ご自身が接続したくないという場合はもう少し面倒な方法を採ります。 C:\WINDOWS\system32\drivers\etc にある「hosts」というファイルをエディタで開いて、最終行に 0.0.0.0 www.youtube.com と追加し保存して、ブラウザを再起動すればwww.youtube.comを見ることができなくなります。同様に、アクセスしたくないサイトのアドレスを同じような形式で追加することで、複数のサイトに対応できます。 上記をメモ帳エディタで開いて0.0.0.0 https://wailing.org/ もしくは0.0.0.0 www. wailing.org/で試しましたが、アクセスできてしまいます
- ベストアンサー
- その他（セキュリティ対策・ネットトラブル）
- HTMLをWordPress化 CSSをどこに？
HTMLをWordPress化にするための勉強をしています。 HTML側 CSS ヘッダー内 <link rel="stylesheet" href="css/test.css"> <link rel="stylesheet" href="css/test2.css"> JS ヘッダー内ではなく一番下</body>の前に配置 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script src="js/test1.js"></script> <script src="js/test2.js"></script> ★これをfunctions.php に記述するにはどうすれば良いのでしょうか？ function sample_scripts() { // CSSの読み込み wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test.css', array(), '1' ); wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test2.css', array(), '1' ); // jqueryの読み込み wp_deregister_script( 'jquery' ); wp_enqueue_script( 'jquery', get_template_directory_uri().'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', array(), '1.10.3', true ); // サイト内のjsの読み込み wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test1.js', array(), '1', true ); wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test2.js', array(), '1', true ); }//ここまで 結果 ヘッダー内にtest.cssのみ記載、test2.cssは記載していない。 jsはどこにも記載していませんでした。 どこが間違っておりますか？ 宜しくお願いします。
- ベストアンサー
- PHP
- 途中のjavascriptを後で読み込ませるには？
こんにちは 現在htmlファイルで <html> : <body> : AAAAAAAAAAAAAA AAAAAAAAAAAAAA <div> <script type="text/javascript"> <script type="text/javascript" src="http://hogehoge.com/hoge.js"></script> <noscript>ブラウザのjavascript機能をONにしてご覧ください</noscript> </div> : BBBBBBBBBBBBBBBB BBBBBBBBBBBBBBBB : </body> </html> のような形のソースを入れているのですが、 これだとjavascriptのソースの読み込みが終わるまで、 次のソースをみることができません。 （実はこのjavascript部分がある動画サーバーからの埋め込みソースで、 ２、３秒くらいかかってしまうのです） １）javascriptを早く読み込む方があれば教えてください。 もしくは ２）ページを表示してからjavascript部分を読むようにするには どうすれば良いのか教えてください。 （これだとページのあとからjavascript部分が表示されるので、 ストレスが無いので・・・） ちょっとしたアドバイスでもよいので、宜しくお願いします。
- ベストアンサー
- JavaScript
- 書き出されたコードにアニメーションつけたい
https://dl.dropbox.com/u/63681173/001/index.html 編集中のソース↑ Google Feed APIを使ってRSSから取得した写真にlightbox系のものを入れたいのですがどうもうまく行かないです。 jsで書き出したソースをブラウザの開発ツールでコピーしたのが下のソースですが、これを直接htmlに書くとlightbox系のアニメーションがつきました。 --------------------------------------------------------- <div class="box"> <a href="http://distilleryimage7.s3.amazonaws.com/a083bd3672b411e2b0f722000a9f18db_6.jpg" class="swipebox"> <img src="http://distilleryimage7.s3.amazonaws.com/a083bd3672b411e2b0f722000a9f18db_6.jpg"> </a> </div> --------------------------------------------------------- jsで書き出したソースのみアニメーションがつかないのはなぜでしょうか？ http://wp.7zz.jp/news/ajax/2447.html http://brutaldesign.github.com/swipebox/
- ベストアンサー
- JavaScript
- HTMLソースを表示するときに外部テキストエディタを使う方法。
windows2000でブラウザ Internetexploler 6.0を使ってます。 右クリックしてソース表示を実行すると、メモ帳で開きます。 これをEmeditorや秀丸エディタなど外部エディタで開く方法がありましたらおしえてください。
- ベストアンサー
- ブラウザ
- 外部.jsファイルを使用したものについて
外部.jsファイルを読み込んで動きのあるものを作りたいと思っており、 様々なサンプルを試してはいるのですがなかなか上手く動作しません。 http://jsajax.com/EditRunDemo.aspx 上記のソースをコピーしてhtmlで保存。 jquery-1.2.6.jsをダウンロードし実行してみたのですが、 SlidePanelのオレンジの部分が表示されません。 http://interface.eyecon.ro/demos/windows.html また同じように上記のソースをhtmlで保存。 jquery.js、interface.jsをダウンロードし実行してみたのですが、 ウィンドウが表示はされても閉じるボタンや縮小ボタンなど、 周りの緑色の部分が表示されません。 特に1番目のものは外部ファイルは何も弄らなくても大丈夫 と書いてあるので、正常に動作しない理由が分かりません・・・ 使用ブラウザはFirefox2.0.0.17です。 初心者で申し訳ありませんが回答の方よろしくお願いいたします。
- ベストアンサー
- JavaScript
補足
コピーして貼り付けでは実行は不可能でしょうか？ ちなみにブラウザはクロームとサファリで試しました。