JS

David Ashurst Design - Javascript development

JQuery Cheatsheets

Website Design and Development toolbox – JQuery Cheatsheets by professional Graphic Designer and Website Designer. David Ashurst Design, Springwood QLD 4127

David Ashurst Design - Javascript development

JQuery UI tabs function with simplified CSS

JQuery UI tabs function The JQuery <script src=”jquery/jquery.js”></script> <script src=”jquery/jquery-ui.min.js”></script> <script> $(document).ready(function() { $(“#tabs”).tabs(); }); </script> The HTML <div id=”tabs”> <ul> <li><a href=”#tabs-1″ class=”selected”>First</a></li> <li><a…

David Ashurst Design - Javascript development

JS form validation

JS form validation for user name and password validateUsername ( ) The function below checks if the user entered anything at all in the username…

David Ashurst Design - Javascript development

JS useful basic functions

A Simple Show/Hide inline JS with no need for JS library Main Story<a onclick=”document.getElementById(‘div_name1’).style.display=”;return false;” href=”” style=”text-decoration:none;border-bottom:1px dotted blue;”> Show more…</a> <br /> <div id=”div_name1″…

David Ashurst Design - Javascript development

JQuery useful basic functions

Basic JQuery ToggleClass: Add your JQuery function script to the <head> <script type=”text/javascript”> $(document).ready(function() { $( “#button” ).click(function() { $( “#effect” ).toggleClass( “newClass”, 1000 );…

David Ashurst Design - Javascript development

JQuery basic structure guide

Basic JQuery set up: Add your JQuery function script to the <head> <script type=”text/javascript”> $(document).ready(function() { $(‘thingToTouch’).event(function() { $(‘thingToAffect’).effect(); }); }); </script> Or if you…