There are 3 steps to making the following jquery.truncate.js code work in your page. <!-- 1) HOW TO USE: Save the following code as truncate.js and link from the HEAD of your code --> <script> $(document).ready(function() { jQuery.fn.truncate = function( max, settings ) { settings = jQuery.extend( { chars: /\s/, trail: [ "...", "" ] }, settings ); var ...

Click to read more...

<script type="text/javascript"> $(document).ready(function(){ //jQuery ready is quicker than onload $(".stripeMe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");}); $(".stripeMe tr:even").addClass("alt"); }); </script> <style type="text/css"> table.sample { border-collapse: collapse; width: 50%; margin: 24px; font-size: 1.1em; } table.sample th { background: #3e83c9; color: #fff; font-weight: bold; padding: 2px 11px; text-align: left; border-right: 1px solid #fff; line-height: 1.2; } table.sample td { padding: 6px 11px; border-bottom: 1px solid #95bce2; vertical-align: top; } table.sample td * { padding: 6px 11px; } table.sample tr.alt td { background: #ecf6fc; } table.sample tr.over td { background: #bcd4ec; } </style> <table class="stripeMe sample"> <thead> <tr> <th>Lorem</th> <th>Ipsum</th> <th>Dolor</th> <th>Sit</th> <th>Amet</th> </tr> </thead> <tbody> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> </tbody> </table> original ...

Click to read more...

This is an elegant way to click a radio button to select and unselect it with another click. No need to change any variables. Just drop it in to your page, or separate linked .js and wha-la. Click a radio button = it is selected; Click a selected radio button = ...

Click to read more...

$(document).ready(function(){ alert('This is a jQuery demonstration alert message. If you see this alert message jQuery is installed correctly.'); }); <script> $(document).ready(function(){ alert('This is a jQuery demonstration alert message. If you see this alert message jQuery is installed correctly.'); }); </script>

Click to read more...

If you want, you can just download jQuery, put it on your server and link to it from your header.php file in the section. But that can cause you grief. For one thing, some plugins use the jQuery library, and they are going to load it as well. This ...

Click to read more...