JSFiddle

  • Popup/Modal YouTube Video #35 is the latest revision

    Pop up a video and autoplay it. Codes from http://web3o.blogspot.my/2009/06/easy-to-use-popup-youtube-player-using.html

    $(function () {
        $("a.youtube").YouTubePopup({
            autoplay: 1,
            fullscreen: 1,
            clickOutsideClose: true
        });
    });
  • Global Map Tooptip

    Tooltip when mouse hover a country.

    
    $(document).ready(function() {
        $('.tooltipmap').tooltipster();
    });
    
    
  • Country Contact Form

    Contact form with country dropdown

    <form id="global-form" action="#"> 
    <div id="global-box">
        <ul>
            <li><span class="wpcf7-form-control-wrap your-email"><input type="text" id="global-input" placeholder="Name" maxlength="140" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></li>
    <li><span class="wpcf7-form-control-wrap your-email"><input type="email" id="global-input" placeholder="Email" maxlength="140" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span></li>
    <li><span class="wpcf7-form-control-wrap your-country">
        <select id="dropdown-select" name="your-country" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false">
            <option class="dropdown-option">-- Select country --</option>
            <option class="dropdown-option" value="AF">Afghanistan</option>
            <option class="dropdown-option" value="AL">Albania</option>
            <option class="dropdown-option" value="DZ">Algeria</option>
            <option class="dropdown-option" value="AS">American Samoa</option>
            <option class="dropdown-option" value="AD">Andorra</option>
            <option class="dropdown-option" value="AO">Angola</option>
            <option class="dropdown-option" value="AI">Anguilla</option>
            <option class="dropdown-option" value="AQ">Antarctica</option>
            <option class="dropdown-option" value="AG">Antigua and Barbuda</option>
            <option class="dropdown-option" value="AR">Argentina</option>
            <option class="dropdown-option" value="AM">Armenia</option>
            <option class="dropdown-option" value="AW">Aruba</option>
            <option class="dropdown-option" value="AZ">Azerbaijan</option>
            <option class="dropdown-option" value="BS">Bahamas</option>
            <option class="dropdown-option" value="BH">Bahrain ...</option></select></span></li></ul></div></form>
  • Show Hide

    Show and hide FAQs

    function HideContent(d) {
    document.getElementById(d).style.display = "none";
    }
    function ShowContent(d) {
    document.getElementById(d).style.display = "block";
    }
    function ReverseDisplay ...