Categories

Load jQuery from Google CDN

function jquery_cdn() {
   if (!is_admin()) {
      wp_deregister_script('jquery');
      wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3');
      wp_enqueue_script('jquery');
   }
}
add_action('init', 'jquery_cdn');
Category: jQuery

Print a page using jQuery


This shows how to print a page using jQuery

$('a.printPage').click(function(){

           window.print();
           return false;
}); 

<!-- HTML: Print Page -->
<div>
        <a  href="#">Print</a>
</div>
Tags: | Category: jQuery

Sticky Footer in jQuery

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”></script>
<script>
function positionFooter() { var mFoo = $(“footer”); if ((($(document.body).height() + mFoo.outerHeight()) < $(window).height() && mFoo.css(“position”) == “fixed”) || ($(document.body).height() < $(window).height() && mFoo.css(“position”) != “fixed”)) { mFoo.css({ position: “fixed”, bottom: “0px” }); } else { mFoo.css({ position: “static” }); } } $(document).ready(function () { positionFooter(); $(window).scroll(positionFooter); $(window).resize(positionFooter); $(window).load(positionFooter); });
</script>

Tags: | Category: jQuery

jQuery Element Visible and Hidden

jQuery.fn.extend({
	visible: function() {
		return this.css('visibility', 'visible');
	},
	invisible: function(delay) {
		return this.css('visibility', 'hidden');
	}
});
Tags: | Category: jQuery

Basic HTML5 page example

This is a basic HTML5 page example

 

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website Name</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li>Your Menu</li>
            </ul>
        </nav>
    </header>    
    <section>
        <article>
            <header>
                <h2>Article Title</h2>
                <p>text...</p>
            </header>
            <p>text...</p>
        </article>
        <article>
            <header>
                <h2>Article Title</h2>
                <p>text...</p>
            </header>
            <p>text...</p>
        </article>
    </section>
    <aside>
        <h2>Section Title</h2>
        <p>text...</p>
    </aside>
    <footer>
        <p>Copyright 2013</p>
    </footer>
</body>
</html>
Tags: | Category: HTML5

Audio and Video in HTML5

An example of the video and audio HTML5 tags

<video poster="images/preview.png" width="800" height="600" controls="controls" preload="none"> 
  <source src="media/my_video.mp4" type="video/mp4"></source> 
  <source src="media/my_video.webm" type="video/webm"></source> 
  <source src="media/my_video.ogg" type="video/ogg"></source>
</video>
<audio controls="controls" preload="none">
  <source src="audio/my_music.ogg" type="audio/ogg">
  <source src="audio/my_music.mp3" type="audio/mpeg">
</audio>
Tags: , , | Category: HTML5
 
  Older Entries »