// ユーザーエージェントHTML振り分け var $ua = navigator.userAgent; $(function(){ // if($ua.indexOf('iPhone') > 0 || $ua.indexOf('iPad') > 0 || $ua.indexOf('iPod') > 0 || $ua.indexOf('android') > 0 || $ua.indexOf('BlackBerry') > 0 || $ua.indexOf('windows Phone') > 0 || $ua.indexOf('NOKIA') > 0 || /Mobile.*Firefox/.test($ua)){ if ($ua.indexOf('iPhone') > 0 || $ua.indexOf('iPod') > 0 || $ua.indexOf('Android') > 0) { $('.ua_sp').show(); } else { $('.ua_pc').show(); } }); // ------------------------------- // add class random // ------------------------------- //配列をシャッフル // function shuffle(a){ // var i = a.length; // while(i){ // var j = Math.floor(Math.random()*i); // var t = a[--i]; // a[i] = a[j]; // a[j] = t; // } // return a; // } // $(document).ready(function() { // //配列に格納したクラスをランダムに割り当てる // var tbClass = [ "artemis","tb102","tb103","tb104" ]; // var dlTN = $("#hero"); // tbClsCnt = tbClass.length; // shuffle(tbClass); // itmp = 0; // dlTN.each(function(i, val) { // $(this).addClass(tbClass[itmp]); // if (itmp < tbClsCnt-1) { // itmp++; // }else{ // itmp = 0; // shuffle(tbClass); // } // }); // }); //loading // $(function(){ // $('head').append( // '' // ); // jQuery.event.add(window,"load",function() { // 全ての読み込み完了後に呼ばれる関数 // var pageH = $("#wrap").height(); // $("#fade").css("height", pageH).delay(900).fadeOut(800); // $("#loader").delay(600).fadeOut(300); // $("#wrap").css("display", "block"); // }); // }); //tapイベントに.hover追加 $(function () { // $( "body" ).append( '
' ) ; $( '[class*="btn"],.menu li,li.menu-single ' ) .bind( 'touchstart', function(){ $( this ).addClass( 'hover' ); }).bind( 'touchend', function(){ $( this ).removeClass( 'hover' ); }); }); // 外部リンク設定 $(function(){ jQuery('a[href^=http]') .not('[href*="'+location.hostname+'"]') .attr({target:"_blank"}) .addClass("ex_link"); }); // スムーススクロール $(function(){ // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 2200; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取得 var target = $(href === "#" || href === "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'easeInOutCubic'); return false; }); }); // topへ戻る $(function(){ var topBtn = $('#page-top'); $("#page-top").hide();// ↑ページトップボタンを非表示にする $(window).on("scroll", function() { if ($(this).scrollTop() > 100) { $('#page-top').slideDown("fast"); } else { $('#page-top').slideUp("fast"); } scrollHeight = $(document).height();// ドキュメントの高さ scrollPosition = $(window).height() + $(window).scrollTop();// ウィンドウの高さ+スクロールした高さ→ 現在のトップからの位置 footHeight = $("#footer").innerHeight();// フッターの高さ if ( scrollHeight - scrollPosition <= footHeight ) { $("#page-top").css({ "position":"absolute", "bottom": footHeight }); } else { $("#page-top").css({ "position":"fixed", "bottom": "0px" }); } }); // トップへスムーススクロール $('#page-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); // Drower //================= $(function(){ $(window).resize(function(){ var x = $(window).width(); var y = 640; if (x <= y) { } else { $('header').removeClass('openNav'); } }); $(function() { $('header').removeClass('openNav'); $('#navToggle').click(function(){ $('header').toggleClass('openNav'); event.stopPropagation(); }); }); $(document).click(function() { $('header').removeClass('openNav'); }); }); // // mordal // //================= // $(function(){ // //グローバル変数 // var nowModalSyncer = null ; //現在開かれているモーダルコンテンツ // var modalClassSyncer = "modal-syncer" ; //モーダルを開くリンクに付けるクラス名 // //モーダルのリンクを取得する // var modals = document.getElementsByClassName( modalClassSyncer ) ; // //モーダルウィンドウを出現させるクリックイベント // for(var i=0,l=modals.length; l>i; i++){ // //全てのリンクにタッチイベントを設定する // modals[i].onclick = function(){ // //ボタンからフォーカスを外す // this.blur() ; // //ターゲットとなるコンテンツを確認 // var target = this.getAttribute( "data-target" ) ; // //ターゲットが存在しなければ終了 // if( typeof( target ) === "undefined" || !target || target === null ){ // return false ; // } // //コンテンツとなる要素を取得 // nowModalSyncer = document.getElementById( target ) ; // //ターゲットが存在しなければ終了 // if( nowModalSyncer === null ){ // return false ; // } // //キーボード操作などにより、オーバーレイが多重起動するのを防止する // if( $( "#modal-overlay" )[0] ) return false ; //新しくモーダルウィンドウを起動しない // //if($("#modal-overlay")[0]) $("#modal-overlay").remove() ; //現在のモーダルウィンドウを削除して新しく起動する // // //スクロール位置を記録する // var dElm = document.documentElement , dBody = document.body; // sX_syncerModal = dElm.scrollLeft || dBody.scrollLeft; //現在位置のX座標 // sY_syncerModal = dElm.scrollTop || dBody.scrollTop; //現在位置のY座標 // //オーバーレイを出現させる // $( "body" ).append( '' ) ; // $( "#modal-overlay" ).fadeIn( "fast" ) ; // //コンテンツをセンタリングする // centeringModalSyncer() ; // //コンテンツをフェードインする // $( nowModalSyncer ).fadeIn( "slow" ) ; // //[#modal-overlay]、または[#modal-close]をクリックしたら… // $( "#modal-overlay,#modal-close" ).unbind().click( function() { // //スクロール位置を戻す // window.scrollTo( sX_syncerModal , sY_syncerModal ); // //[#modal-content]と[#modal-overlay]をフェードアウトした後に… // $( "#" + target + ",#modal-overlay" ).fadeOut( "fast" , function() { // //[#modal-overlay]を削除する // $( '#modal-overlay' ).remove() ; // } ) ; // //現在のコンテンツ情報を削除 // nowModalSyncer = null ; // } ) ; // } ; // } // // //リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する // $( window ).resize( centeringModalSyncer ) ; // //センタリングを実行する関数 // function centeringModalSyncer() { // //モーダルウィンドウが開いてなければ終了 // if( nowModalSyncer === null ) return false ; // //画面(ウィンドウ)の幅、高さを取得 // var w = $( window ).width() ; // var h = $( window ).height() ; // //コンテンツ(#modal-content)の幅、高さを取得 // // jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。 // // var cw = $( nowModalSyncer ).outerWidth( {margin:true} ) ; // // var ch = $( nowModalSyncer ).outerHeight( {margin:true} ) ; // var cw = $( nowModalSyncer ).outerWidth() ; // var ch = $( nowModalSyncer ).outerHeight() ; // //センタリングを実行する // $( nowModalSyncer ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ; // } // } ) ; // // FORM file // $(function(){ // fileUploader(); // }); // var fileUploader = function(){ // //ラッパーのdiv // var target = $('.fileUploder'); // // //イベント割り当て // target.each(function(){ // //ダミーのテキストフィールド // var txt = $(this).find('.txt'); // //ファイルアップロードボタン // var btn = $(this).find('.btn'); // //input[type=file]の実体 // var uploader = $(this).find('.uploader'); // // //実体が変更された時 // uploader.bind('change',function(){ // //テキストフィールドに値をいれる // txt.val($(this).val()); // }); // // //ボタンのイベントは無効にしておく // btn.bind('click',function(event){ // //イベントキャンセル // event.preventDefault(); // //一応モダンじゃないブラウザ用 // return false; // }); // // //ホバー処理(上にかぶせているので反応しないため) // //ここはデザインの都合上いれている処理のため適宜変更を // //class切り替えでやったほうがいいです。 // $(this).bind('mouseover',function(){ // btn.css('background-position','0 100%'); // }); // $(this).bind('mouseout',function(){ // btn.css('background-position','0 0'); // }); // // }); // };