ユーザーエージェントを使って、ブラウザの判別とスマホ・タブレットかどうかの判別を行ってみます。 ブラウザの判別 PC向けにどのブラウザで閲覧しているかを判別してみます。 var ua = navigator.userAgent.toLowerCase(); var ver = navigator.appVersion.toLowerCase(); // IE(11以外) var isMSIE = (ua.indexOf('msie') > -1) && (ua.indexOf('opera') == -1); // IE6 var isIE6 = isMSIE && (ver.indexOf('msie 6.') > -1); // IE7 var isIE7 = isMSIE && (ver.indexOf('msie 7.') > -1); // IE8 var isIE8 = isM

画像をランダムに表示する方法！JavaScriptで切り替え 複数の画像リストの中から、JavaScriptでランダムに1つが選ばれて表示される仕組みを作ってみましょう。お気に入りの写真の中から1枚だけを毎回ランダムに選んで大きく表示させたい場合などに活用できます。 アクセスするたびに1枚がランダムに選ばれるだけなので、スライドショーで画像を順番に表示する場合とは異なり、大きなスクリプトを読み込んだり書いたりする必要はありません。リアルタイムに切り替わっていくわけではないので、ブラウザ上の表示はうるさくなりません。乱数を使って表示対象を選ぶだけの短いJavaScriptソースで作れます。ぜひ試してみて下さい。 【本記事の目次】 JavaScriptを使ってランダムに表示画像を切り替えるサンプル JavaScriptで画像を毎回ランダムに切り替える手順 乱数を使ってランダムに表示画像を選ぶJ

Result jQuery//現在の年数オブジェクトを4桁で生成 var time = new Date(); var year = time.getFullYear(); //1900年まで表示 for (var i = year; i >= 1900; i--) { $('#year').append('<option value="' + i + '">' + i + '</option>'); } //1～12の数字を生成 for (var i = 1; i <= 12; i++) { $('#month').append('<option value="' + i + '">' + i + '</option>'); } //1～31の数字を生成 for (var i = 1; i <= 31; i++) { $('#day').append('<option value="'

こんなことありませんか？ フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？ そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。 【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。 ・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力してください。 会員番号 会員番号を入力してください。 特典:初めての方は30%オフ！ サンプルソース(ラジオボタン) HTML [html] 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力して

JavaScript を使って、ウェブサイト上にブラウザの「戻る」ボタンと同じリンクを設置する方法です。 実装はわずか１行！ とても簡単です。 <a href="javascript:history.back();">前のページに戻る</a> 同じ処理をフォームのインプットボタンを使って実現する方法もあります。 <form> <input type="button" Value="前のページに戻る" onClick="history.go(-1);"> </form> こちらは「onClick="history.go(-1);"」の部分の (-1) の数値を変えることで、いくつ前のページに戻るかを指定できます。 (-1) のままだと通常どおり１つ前のページへ。 (-2) にすると２つ前のページへ戻ることができます。 下記URLのリンク先にてサンプルを用意しましたので、試しに「前のページに戻