isExists

function

isExists() ->Boolean

Option name	Type	Description
$element	Element	element that you want to check

check element is exists, not null, not empty

function isExists( $element ) {
  return $element.length > 0;
}

hasAttr

function

hasAttr() ->Boolean

Option name	Type	Description
$element	Element	element that you want to check
attrName	String	attr name of element

check attr is exists

function hasAttr( $element, attrName ) {
  var attr = $element.attr( attrName );
  
  // some browsers, `attr` is undefined
  // some browsers, `attr` is false
  if (typeof attr !== typeof undefined && attr !== false) {
    return true;
  } else {
    return false;
  }
}

hasDataAttr

function

hasDataAttr() ->Boolean

Option name	Type	Description
$element	Element	element that you want to check
dataAttrName	String	attr name that you want to check (e.g. 'test', function will looking for 'data-test')

check attr 'data-*' is exists

function hasDataAttr( $element, dataAttrName ) {
  return hasAttr( $element, 'data-' + dataAttrName );
}

jQuery( document ).ready(function() {
  
  // declaration
  var $toTopBtn = $( '.to-top-btn' );
  var $contactFormBtn = $( '.contact-btn' );

setGoToTopBtn

function

setGoToTopBtn()

bind go to top function on the button

function setGoToTopBtn() {
  $toTopBtn.click(function( e ) {
    e.preventDefault();
    $( 'html, body' ).animate({ scrollTop: 0 }, 'slow' );
  });
}

setContactFormPanelBtn

function

setContactFormPanelBtn()

slide toggle of contact form panel

function setContactFormPanelBtn() {
  var $contactFormPanel = $( '.contact-panel' );

  $contactFormBtn.on( 'click', function() {
    if ( $contactFormPanel.css( 'right') == '24px' ) {
      $contactFormPanel.stop().animate({ 'right': '-324px' });
    } else {
      $contactFormPanel.stop().animate({ 'right': '24px' });
    }
  })
}

setPreload

function

setPreload()

set preload then hide when load complete

function setPreload() {
  var $loading = $( '#loading' );
  var delayTime = 600;

  setTimeout(function(){
    $loading
      .delay( delayTime )
      .fadeOut( 'slow', function(){
        $( this ).remove();
      });

    $('body')
      .delay( delayTime * 2 )
      .attr('style', 'overflow: visible !important;');

  }, delayTime );
}

setDynamicCopyrightYear

function

setDynamicCopyrightYear()

set dynamic year of copyright on footer

function setDynamicCopyrightYear() {
  $( '.copyright' ).find( 'span.year' ).text( '2015' );
}

setWindowScrollFunction

function

setWindowScrollFunction()

set all functions that have to check when you scroll

function setWindowScrollFunction() {
  var offset = $( window ).height() / 2;
  if ( $( this ).scrollTop() > offset ) {

    // go to top button show
    $toTopBtn
      .css( 'opacity', '1' )
      .css( 'cursor', 'pointer' );

    $( '.contact-btn' ).css( 'top', '24px' );
    $( '#contact-section' ).css( 'top', '76px' );

  } else {

    // go to top button hide
    $toTopBtn
      .css( 'opacity', '0' )
      .css( 'cursor', 'default' );

    $( '.contact-btn' ).css( 'top', '192px' );
    $( '#contact-section' ).css( 'top', '244px' );
  }
}

initMainScript

function

initMainScript

initial all script functions

var initMainScript = new function() {
  
  setWindowScrollFunction();
  setGoToTopBtn();
  setContactFormPanelBtn();
  setDynamicCopyrightYear();

  setPreload();
}

when window scroll

$( window ).scroll(function() {
  setWindowScrollFunction();
});

when window resize

$( window ).resize(function() {
  
});