• ベストアンサー

アンドロイド携帯だとＪＡＶＡスクリプトが見れない

教えて下さい！ いわた接骨院のＨＰを作ってるものです。 アンドロイド携帯で　 http://iwata-sekkotsu.sakura.ne.jp/ こちらのサイトのトップページのジャバスクを使った動画が動かなくて、アンドロイド携帯ですと見れないのです。 どうしたらアンドロイド携帯で見れるようになるのか教えて下さい。 HTMLでどこを直せば動くようになるのか教えて欲しいです。 宜しくお願いします。

  • CSS
  • 回答数10
  • ありがとう数3

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

  • ベストアンサー
  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.10

こんにちは。 >それと… >XHTML1.0 では XML宣言をすることが強く求められています。 >とか ><iframe> に不明な属性 `allowTransparency` が指定されています。 >とかは気にしなくてもいいんですかね？！ XML宣言はチェッカーの通りにしてみてください。 allowTransparencyについてはここを参考にしてみてください。 http://www.tagindex.com/html_tag/frame/iframe_allowtransparency.html >あと、大きな問題がもう一つ増えてしまったぁぁぁぁ。 私の端末も2.3なのでその現象はわかりませんでした。 いろいろ試せば直せるかもしれませんが、確認できる環境がないのでこれに関しては私も手助けが難しいです。

dearvigor
質問者

補足

有難うございます。 アンドロイド4.0に関しては他で聞いてみます。 色々と本当に有難うございました。

その他の回答 (9)

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.9

こんにちは。 1.チェッカの説明を見た限りこれは問題無いはずです。気になるのであれば<a href="#top">を<a href="#header">にして)<a name="top" id="top"></a>を削除しても同じような動きはできると思います。 2.<iframe title="表示するフレーム内のタイトル"> 3.これはチェッカーの判断ミスでJavaScriptとしての>を勘違いしています。 　JavaScript内では>はこのまま>で変更してはダメです。 4.<body onload="Telop()">です。もしかして<body onload="telop()">に変更しましたか？ 　全部を小文字にするのではなくonloadのみです。Telop()はJavaScriptの関数名ですがこれは大文字小文字が別扱いです。 5.</body>に対応する・・・ 　これは何度も指摘している話です。<body onLoad="Telop()" />といきなり開始タグが閉じているため、開始タグが無いと言われています。 　<body onload="Telop()">にすればこのエラーはなくなると思います。 　<div>についてはHTML用のエディターを使うと終了していないタグなんか表示したりしてくれますのでそういったものを利用すると良いです。 　何が足りていないかというと先頭の<div id="container">に対応する</div>が無いので一番後ろ(</body>の手前)に</div>を入れればOKのはずです。 全部が全部HTMLチェッカーの通りにする必要があるかどうかは微妙なところですが、重要なところを押さえておけば良いと思います。

dearvigor
質問者

補足

わ～い。なおりました。やっと「ふつうです」の花丸がつきました(*^_^*) 有難うございます。 でも… <body onload="telop()">にはしてなく <body onload="Telop()">にしましたがダメでした…。 onLoadをonloadにすると（Ｌをlにする（大文字のエルを小文字のエルにする））とテロップが流れなくなってしまいます。 これは直しようがないっぽいのかなぁ…。 それと… XHTML1.0 では XML宣言をすることが強く求められています。 とか <iframe> に不明な属性 `allowTransparency` が指定されています。 とかは気にしなくてもいいんですかね？！ あと、大きな問題がもう一つ増えてしまったぁぁぁぁ。 昨日ドモコショップに行きアンドロイド携帯バージョン4.0（因みにGALAXY NEXUS SC-04D）で接骨院のサイトを見た所、テロップ部分が飛び出してて崩れていました。 下記参照 http://f.hatena.ne.jp/takako1204/20120218171840 （思わず写メ撮った） アンドロイド2.3ですとちゃんと見れたんだけど…。 これも修正しとかないとまずいなぁ～って。 でも、どこをなおすのかわからないです。。。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.8

こんにちは。 いろいろ作っていくうちに覚えていけば良いのです。 数をこなせば「こうするときはこうすればいい」とかつかめるようになってきます。 そして調べてみてもわからない時にうまく質問サイトを利用すれば解決していけると思います。 私よりも詳しい人はたくさんいますし、頑張ってください。

dearvigor
質問者

補足

色々本当に有難うございます。 チェッカーの項目で沢山の間違いがあるうちの、いくつかで、直し方がわからない部分があります。 教えて下さい。 (1)<a name="top" id="top"></a>で 　　　　　　　　　　　　<a></a>この間に文字を入れて文字が見えないようにする指定のやり方？ (2)<iframe> には title 属性でどこにどうやってこの属性を入れていけばＯＫなのか？ (3)メタ文字 `>` は `&gt;` と書かなければなりません。 　　　　　　　　　　　　ってなってますが`&gt;` を入れたらJavaが見えなくなった… (4)<body> の属性 `onLoad` は小文字で書かなければなりません 　　　　　　　　　　　　小文字にしたらテロップの文字が消えた！というか消えてしまった…。 (5)【</body> に対応する開始タグ <body> が見つかりません。】　や 　 【51行目の <div> に対応する終了タグ </div> が見つかりません】 　　　　　　　　　　　　はちゃんと開始や終了タグを入れてるんだけど…((+_+)) 他にもわからないのはあるけれど、私の中ではこの(1)～(5)番が特に直してみたいと思ってますが、 やり方がどーもわからないです。。。 　

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.7

こんにちは。 </br>のみですとxml的には終了タグのみになっているのでダメです。 <br>に関しては終了タグが無いので(空要素のタグ、他にはimgやhr等)</br>は使わないです。 <br></br>と書くことはxml的にはOKですが、ブラウザがどう判断するかはわかりません。 >改行はされてるんだけど・・・どこをなおしていいのかわからないです。 文法的には間違えているけどブラウザが気を利かせて改行してくれています。 その気を利かせる機能が無くなると、意図しない表示になってしまいますので正しく書いておくと良いです。 <br />これが正しいです。 xhtmlで記述する場合はかならず開始タグと終了タグがあると思って下さい。 (前述の通り空要素の場合は<hr />です)

dearvigor
質問者

補足

初心者に凄くわかりやすく書いてくれ有難うございます。 あ～わたし・・・<br />を逆にしてました。アホだ・・・。。。 チェッカーで沢山間違えているのでちょっとずづ直していこうと思ってます。 ホントに色々助かりました。 これからも教えて下さい・・・宜しくお願いしますって言いたいところです（笑）が・・・これはＧＯＯでしたね（笑） 頑張らないと・・・（悲）

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.6

こんにちは。 アンドロイド端末にてアクセスしたところ気にされている画像のエフェクトとお知らせが動いていることを確認できました。 まだ<body />になっていたり、</br>があったりしていますが、とりあえず表示されています。 ほぼほぼ大丈夫だと思いますが、そのあたりを修正しておくと問題が起きにくいと思います。

dearvigor
質問者

補足

ホントですか！！！ スマホで確認できないのがアレですが、有難うございます！ <body />や他の部分もなおしていきたいと思います。 が聞きたいんですが </br>は何がいけないんでしょうか？ 改行はされてるんだけど・・・どこをなおしていいのかわからないです。 <br>ホニャララ</br>ってやるんでしたっけ？ すみません・・・多分三ヶ月学校に通った時に習ってますが忘れました。。。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.5

こんにちは。 店舗のWebページを作成しているのだから初心者という言葉はな免罪符になりませんよ。 まずはアドバイス通り、いきなり終了してはいけないタグを直してください。 (<script />だったり<body />であったり) アンドロイドで見た限り、JavaScriptの内容がそのまま表示されているところがあったりしますのでまず正常に動いていないと思います。 先のHTMLチェッカーが出力したエラー部分を直してください。 JavaScritpが正常に動く、動かない以前の問題です。 そこを修正したらJavaScriptが正常に動くかどうか見ていきましょう。

dearvigor
質問者

お礼

本日時間が出来たので直してみました。 が、チェッカーの指示にそってやってはみましたが、ジャバが動かなくなったりし、指示通りにやると上手くいかなくなりました。 例えば 8: line 5: 空要素タグ <meta> は <meta /> として閉じなければなりません。 → 解説 38 1: line 9: 空要素タグは <meta /> と書くようにしましょう。 → 解説 41 9: line 51: <body> の属性 `onLoad` は小文字で書かなければなりません。 → 解説 78 とか他にもありますが↑これを↑やると変数定義のテロップが流れなくなったり…してしまいます。 あと…下記も直しましたがテロップが消えてしまったりしてしまいました。 1: line 119: <form> の属性 `name` はあまり薦められない属性です。id 属性を使いましょう。 → 解説 81 1: line 119: <form> には name 属性と id 属性の両方を指定するようにしましょう。 → 解説 222 他にもある程度わかる範囲で直してみました。が… 難しいです（泣）

dearvigor
質問者

補足

有難うございます。 まずは自宅に帰ってから、かつ土日を使ってわかる範囲内で直してみたいと思います。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.4

こんにちは。 JavaScriptがどうのこうのではなく、まずはタグを全て正しくしたほうが良いです。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" /></script> これなんか、jqueryがきちんと読み込まれているかも怪しいです。 細かい構文の間違いは最終的に直せば良いと思いますが、まずは開始タグでいきなり閉じている部分等は直したほうが良いです。 その上でアップロードしてもらえれば確認してみます。

dearvigor
質問者

お礼

No.５ のお礼入力の続きです。 一応修正後、アップしましたので宜しくお願いします。

dearvigor
質問者

補足

本当に有難うございます。 しかしどの様にjqueryが読み込まれているのかを確認する手段がわからないです。 一応あのサイトは月に２～３回位は更新をしています。 HTML初心者物で。。。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.3

こんにちは。 サーバにあがっているものが最新かどうかはわかりませんが、現状アクセスしてよくよくソースを見ると <body onLoad="Telop()" /> これも間違い <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" /></script> これも間違い <script language="JavaScript" /> //変数定義 これも間違い と、たくさん記述方法に間違いがあります。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html にてチェックしてみてください。 ブラウザによっては勝手に解釈して表示してくれますが、厳密に言うと表示できないHTMLです。

dearvigor
質問者

補足

有難うございます。 チェックしましたが結構間違ってる・・・。 でもジャバスクではどこをどうやって直していいのかわからないです。。。。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.2

こんにちは。 直したのをアップしてもらえれば確認できますよ。 表示してみたらタグがそのまま表示されていたので先ほどの回答をしました。

dearvigor
質問者

お礼

遅くなりました。 確認しましたが、タグは閉じられてなかったです。 下記の様になってました。 <!-- 普通のクロスフェード　--> <div id="slidedisp" style="width:700px; height:260px; margin-bottom: 20px"></div> <script type="text/javascript"> $('#slidedisp').crossSlide({ sleep: 2, fade: 1 },[ { src: 'images/bed2.jpg' }, { src: 'images/reception.jpg' }, { src: 'images/waiting_room.jpg' } ]); </script> <!-- スライドするクロスフェード　--> <div id="slideslider" style="width:900px; height:260px; margin-bottom: 20px"></div> <script type="text/javascript"> $('#slideslider').crossSlide({ speed: 60, fade: 1 },[ { src: 'images/waiting_room.jpg', dir: 'up' }, { src: 'images/reception.jpg', dir: 'down' }, { src: 'images/bed.jpg', dir: 'left' } ]); </script> <!-- 動きのあるクロスフェード　--> <div id="slidemove" style="width:700px; height:260px; margin-bottom: 20px"></div> <script type="text/javascript"> $('#slidemove').crossSlide({ fade: 1 },[ { src: 'images/bed.jpg',from: 'center center 6.0x', to: 'center center 0.5x', time: 1.0 }, { src: 'images/reception.jpg',from: 'top left 1.0x', to: 'top right 1.0x', time: 0.05 }, { src: 'images/waiting_room.jpg',from: 'top left 1.0x', to: 'bottom right 5.0x', time: 5.0 } ]); </script> </body> </html> すみません…度々宜しくお願いします。

dearvigor
質問者

補足

わかりました。有難うございます。 今日帰ったら、アップしてみまます。 宜しくお願いします。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 試したわけではないのですがここがおかしいと思います。 <script type="text/javascript" /> $('#slideslider').crossSlide({ speed: 60, fade: 1 },[ { src: 'images/waiting_room.jpg', dir: 'up' }, { src: 'images/reception.jpg', dir: 'down' }, { src: 'images/bed.jpg', dir: 'left' } ]); </script> 最初のタグがいきなり閉じられてしまっています。 以下のように修正してみてください。 (それでも動かなかったらすいません) <script type="text/javascript"> $('#slideslider').crossSlide({ speed: 60, fade: 1 },[ { src: 'images/waiting_room.jpg', dir: 'up' }, { src: 'images/reception.jpg', dir: 'down' }, { src: 'images/bed.jpg', dir: 'left' } ]); </script>

dearvigor
質問者

補足

有難うございます。 試してみますが、アンドロイド携帯を持っておらず<m(__)m>ドコモショップに行って試してみます(苦笑）

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • アンドロイド4.0携帯でジャバが崩れてる

    下記のホームページを作ってるものです。 http://iwata-sekkotsu.sakura.ne.jp/ このサイトのトップページをアンドロイド4.0携帯ですと 下記のようにジャバ（テロップ）が飛び出してしまいます。 どうやって修正していいのかわからないです。 http://f.hatena.ne.jp/takako1204/20120218171840 わかる方！ 宜しくお願いします。

    • ベストアンサー
    • Java
  • 覚えるのはJavaスクリプトでいいんでしょうか？（カンタンですか？）

    最近独学でHTMLとCSSを覚えて、はじめて自分のHPを公開しました。イラスト等描くのが好きなのですが、画像のスライドショーのページの作り方はわからなかったので、外部のサイトからサンプルをお借りして作りました。サンプルソースを見ると、「Javascript」という言葉が何度も出てきているし、「JAVAスクリプトを使えばゲーム的なものを作りやすいようだ・・」という風に漠然と理解したので、javaスクリプトを覚えようと思うんですが、 他にもプログラムって色々あるじゃないですか？HTMLとCSSを覚えたら、次に覚えるべきなのは何でしょうか？ 具体的にやりたい事⇒ランダムで別のページに飛ばしたり、ダンジョンRPG風、またはシナリオ分岐を作ったりして、ゲームっぽいものを作ってみたいです。あとは、画像のスライドショーなどを自分で工夫して（ソースを）書けるようになりたいです。

  • まずいJavaスクリプトなのでしょうか・・・

    HPを作成しているものです。 TOPページにアクセスするとブラウザの下のアクセス処理バー？？（名前わかりませんが、ブルーのバーです。）消えません。 そのTOPページは画像スライド、ポップアップメニュー表示などいろいろなJavaスクリプトが動作しています。 今この場でロジックはお見せできませんが、上記のようにアクセス処理バーが消えないということは負荷がかかっているのでしょうか？どういう意味かご教授願います。 よろしくお願い致します。

  • 携帯でのアクセスをリンク先に飛ばしたい

    　HPをつくっていますが携帯で私のトップページへリンクしたときに画像を入れているため表示がおそくなります。そのため携帯でアクセスしたときに 画像を張ってない別のページへ自動で飛ぶようにしたいのですがｈｔｍｌタグやjava scriptを使ってできないでしょうか？ よよしくおねがいします。

    • ベストアンサー
    • HTML
  • 携帯対応HPの作成（ボーダーフォン）

    みちょと申します。よろしくお願いいたします。 現在、ＰＣからも携帯からもみれるようなＨＰを作成しているのですが、先日ボーダフォンからトップページにアクセスしてもらったところ、ページの半分ほどしか見れないということを知らせていただきました。そのため、他のページに移れないそうです。トップページはＰＣと携帯で共通にしています。 本来ならＣＧＩ等で振り分けをすれば良いのでしょうが、ＣＧＩに対する知識がないことと、プロバイダー指定のＣＧＩしか使用できないという状況ですので、ＣＧＩの使用はしておりません。 僕の携帯版ＨＰでは携帯対応の言語を使うわけではなくＨＴＭＬを使用して、携帯で見れる容量まで小さくしています。最近では携帯電話会社でＨＴＭＬを自動で変換してくれるそうなので、それを利用させていただいております。 ＥＺＷＥＢやｉＭＯＤＥでは大丈夫なようです。確認は取れておりませんが。 また、自分の作ったＨＰが携帯でどのように表示されるのかをチェックする方法等がありましたら教えてください。 以上です。よろしくお願いいたします。

  • アンドロイド携帯なんですが YouTubeの動画で

    アンドロイド携帯なんですが YouTubeの動画で携帯を 横にしても動画が横に ならなくなりました 携帯を 横にした時 動画が横に なるようにするには どうしたら いいですか？

  • 携帯HPを作ってアップしたのですが・・・

    PCのHPと携帯HPを作ってサーバーにアップしたのですが・・・ URLが自分の意図したものと違っていて変えたいと思っています。 現在→http://www.○○○○○.com/mob.html 理想→http://www.○○○○○.com/mob/ 作成ソフトはビルダー10で作って、 PCサイトの中に一緒に携帯サイトを作りました。 現在PCのtopページがindexになっていて、 携帯トップページはこのサイトの中のhtmlファイルの一つに なっているのが原因だとは思うのですが、分かりません・・・ 分かる方よろしくご伝授願います。

  • 携帯サイトをHTMLで作っています。

    携帯サイトをHTMLで作っています。 ＴＯＰページを更新しても、携帯で見ると、以前の内容がそのまま表示されて、「ページ更新」をしないと新しい内容が表示されません。 新しい情報をＵＰしても、「ページ更新」をされた方にしか伝わらないので困っています。 自動でページ更新する「タグ」など、いい方法がございましたら、お教え下さいませ。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • Android携帯のアプリ

    Android携帯のアプリ こんにちは。 早速ですが、Android携帯のアプリで、YouTubeなどの動画などを アプリ内にインストールしておいて、圏外でも再生ができる？アプリってありますか？ iPhoneだと クリップボックス パワーダウンローダー のようなアプリです。 わかる方、いましたら教えてください

  • アンドロイドauと携帯を比べて

    アンドロイドauと普通の携帯を比べてアンドロイドauの劣っている点　優れている点を教えてください アンドロイドではモバイルサイトなどは見れないのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する