Skip to content

Instantly share code, notes, and snippets.

@cam-gists
cam-gists / refresh.js
Created August 20, 2012 15:56
JQuery: Refresh Content via AJAX
$("#ajax-content").load("process.php");
var refreshId = setInterval(function()
{
$("#ajax-content").load("process.php");
}, 5000); // 5 seconds
@cam-gists
cam-gists / preload.js
Created August 20, 2012 15:53
JQuery: Preload Images
function preload(arrayOfImages)
{
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
// Alternatively you could use:
// (new Image()).src = this;
});
}
// Usage:
preload([
@cam-gists
cam-gists / form.js
Created August 20, 2012 15:52
JQuery: Form Serialization
$('.btn').click(function(){
var inputs = $('[type=text]');
var pw = $('[type=password]');
var checkboxes = $('[type=checkbox]:checked');
var selects = $('option:selected');
// next translate that into an array of just the values
var password = $.map(pw, function(elt, i) {
return $(elt).val();
});
@cam-gists
cam-gists / charecter.js
Created August 20, 2012 15:51
JQuery: Charecter Counter
// controls character input/counter
$('textarea#body').keyup(function() {
var charLength = $(this).val().length;
// Displays count
$('span#charCount').html(charLength + ' of 250 characters used');
// Alerts when 250 characters is reached
if($(this).val().length > 250)
$('span#charCount').html('<strong>You may only have up to 250 characters.</strong>');
});
@cam-gists
cam-gists / cursor.js
Created August 20, 2012 15:50
JavaScript: Swap Cursor
// cursor to icon
$('#canvas').mouseout(function(){
$('#mycursor').hide();
return false;
});
$('#canvas').mouseenter(function(){
$('#mycursor').show();
return false;
});
$('#canvas').mousemove(function(e){
@cam-gists
cam-gists / slide.js
Created August 20, 2012 15:50
JQuery: Slide In Page
//http://forrst.com/posts/Making_a_page_slide_in_from_top_with_JQuery_sol-vmh
$(document).ready(function(){
$("#master").css('top', '-100%').animate({
top: '0%'
}, 100, 'easeOutElastic');
});
@cam-gists
cam-gists / canvas.js
Created August 20, 2012 15:49
JavaScript: Canvas Resize (Maintain Proportion)
/*==RESIZE CANVAS TO MAINTAIN PROPORTION ==*/
var fixDimensions = function(){
//Get the image dimensions:
var image = {
width: $("canvas").width(),
height: $("canvas").height()
};
//Get the page dimensions:
@cam-gists
cam-gists / flexslider.js
Created August 20, 2012 15:47
JQuery: Flexslider
<!-- Place somewhere in the <head> of your document -->
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
@cam-gists
cam-gists / fade.js
Created August 20, 2012 15:47
JQuery: Progressive Fade in
/*
Plugin: Progressive Fade In
Version: 1
Author: Tim Wright - csskarma.com
Call: $(elems).progressiveFadeIn({ 'speedMultiplier': ###, 'fadeInSpeed': ### });
Options: speedMultiplier, fadeInSpeed
URL: http://www.csskarma.com/lab/jquery.plugins/jquery.progressiveFadeIn.js
*/
(function ($) {
@cam-gists
cam-gists / url.js
Created August 20, 2012 15:46
JQuery: URL Parser
/* ===========================================================================
*
* JQuery URL Parser
* Version 1.0
* Parses URLs and provides easy access to information within them.
*
* Author: Mark Perkins
* Author email: mark@allmarkedup.com
*
* For full documentation and more go to http://projects.allmarkedup.com/jquery_url_parser/