DansNetwork.com » jquery http://dansnetwork.com Web Design, Javascript, CSS, and More... Sun, 29 Apr 2012 11:36:29 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Content Expirator – jQuery Content Expiration Plugin http://dansnetwork.com/content-expirator-jquery-content-expiration-plugin/ http://dansnetwork.com/content-expirator-jquery-content-expiration-plugin/#comments Sat, 27 Mar 2010 20:19:56 +0000 admin http://dansnetwork.com/?p=125 Content ExpiratorContent Expirator is a jQuery utility plugin that provides an easy way to give DOM elements an expiration date. If the element is found to be expired, its 'display' parameter is set to 'none'. A better approach would be to perform this function server side with a server side language, but this is a quick and easy way to implement it client side.

Download: jquery.content_expirator-0.1.0.js

 

Let's say your client has given you a flyer to put on their website for an event.

<img src="easter_flyer_2010.jpg" class="aligncenter" alt="Easter Flyer" />

After Easter is over, you're going to want to take this flyer off of their site. Instead of manually editing the site on the Monday after Easter to take it down, you can give it an expiration date so that it isn't displayed after Easter.

<img src="easter_flyer_2010.jpg" class="exp-2010-04-04 aligncenter" alt="Easter Flyer" />

The Content Expirator looks for an element containing a class name (must be the first one listed) containing the prefix 'exp'. When it comes across one, it compares the date (formatted year-month-day) with the current day to decide if the element's 'display' (style) parameter should be set to 'none'.

Calling The Function:

default:

$(document).ready(function(){
    jQuery.contentExpirator();
});
// looks for -> 'exp-year-month-day'

custom prefix:

$(document).ready(function(){
    jQuery.contentExpirator('end');
});
// looks for -> 'end-year-month-day'
<script> <html> Result:

Run
]]> http://dansnetwork.com/content-expirator-jquery-content-expiration-plugin/feed/ 1 jQuery Classes – An Object Oriented Approach http://dansnetwork.com/jquery-classes-object-oriented-approach/ http://dansnetwork.com/jquery-classes-object-oriented-approach/#comments Wed, 15 Apr 2009 04:40:06 +0000 admin http://dansnetwork.com/?p=33 MooTools has been my framework of choice for the past couple of years. I've worked my way up to using Classes for most of my projects and really liked using the OOP approach. For the past couple of projects, I started using Wordpress as my CMS and every time ended up using jQuery. I was disappointed to find out that it didn't have the native Class library that MooTools did. Fortunately there is a plugin available to assist with this task:

- A plugin that adds class functionality to jQuery: jQuery-Klass

]]> http://dansnetwork.com/jquery-classes-object-oriented-approach/feed/ 1