こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

JavaScriptの知識が無くて困っています!

あるサイトをコーディング中なのですが、JavaScriptの知識が無くて困っています!
ページの中にある「動画はこちら」というリンクをクリックするとPCではフラッシュに、ipad+iPhone+Androidではmp4の動画にリンクさせたいです。

ユーザーエージェントによって振り分け、PHP、JavaScript、.htaccess等の方法で読み込むURLを変えることができるのはわかったのですが、この場合2種類htmlファイルを用意しなくてはならないですよね。そうではなくて、htmlファイルは1つで、そのファイル内の「動画はこちら」をクリックしたタイミングでユーザーを振り分ける事はできるのでしょうか?

下記ソースはiPhoneとAndroidの場合はabcdにリンクという意味らしいのですが、
これを応用できますか??3つとも全部abcdにリンクさせ、尚かつ「あるリンクをクリックした時」という指示を加えればできるのかな?…と素人なりに考えたのですが。
そもそもこのような事は可能なのかどうか…。

周りに聞ける人も居なくて、検索しても同じケースが見当たらないので、わかる方がいればどうかご教授ください!!宜しくお願い致します。

※下記ソースは応用できないかな?と私なりに思っただけなので、特にこだわりません。
※html5での作成は考えていません。
※動画の掲載方法や形式を変える事はできません。(例えばYouTubeにアップするなど)

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 &&
navigator.userAgent.indexOf('iPad') == -1) ||
navigator.userAgent.indexOf('Android') > 0) {
location.href = '/abcd/';
}
</script>

投稿日時 - 2012-10-16 14:45:44

QNo.7751284

すぐに回答ほしいです

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

このくらいのことであれば質問するよりJavaScriptを1から勉強した方が早いかもしれませんよ

<a id="moviedl" href="aaa.html">動画</a>
<script>
document.getElementById("moviedl").addEventListener("click",function (e){
var UA=navigator.userAgent
if (UA.indexOf('iPhone') >= 0 || UA.indexOf('iPad') >= 0 || UA.indexOf('Android') >= 0){
e.preventDefault()
location.href = '/abcd/';
}
})
</script>

投稿日時 - 2012-10-16 16:14:53

お礼

ご回答ありがとうございます。
今iphone、ipadしか試せないのですが、おかげ様でうまくできました!
これくらいのことって事はとても簡単な事だったのですね。申し訳ないです…。
JavaScriptは苦手で、文字を表示させるとか本当に基礎の基礎くらいまでは勉強したのですが…。ちゃんと覚えなきゃと痛感しましたのでこれから頑張ります。
今回は急いでいたので本当に助かりました!!
ありがとうございました!

投稿日時 - 2012-10-16 17:11:49

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問