Swelen Labs

Labs and Gadgets
Swelen Advertising
Releases / Swelen DateSlider 1.0
Project Name : DateSlider 1.0
Author : Vincent Fontaine
License : MIT License
Date : 2009-10-01

Swelen DateSlider 1.0

Flash DateSlider Calendar with Javascript Interface.
  • Open Source MIT License, feel free to use and modify
  • Cross-Browser (Tested and work on IE6+, Opera 8+, FireFox 2+, Chrome)

Usage

Usage : mySlider = new DateSlider( DivID );
<div id="myDiv"></div>

<script type="text/javascript">
    mySlider = new DateSlider('myDiv');
    mySlider.d1 = "2009-06-01";
    mySlider.d2 = "2009-10-15";
    mySlider.Display();
    mySlider.onChange = function(d1, d2, nbdays) {
       // do something
    }
</script>

<?xml version="1.0" encoding="UTF-8" ?>
<mydays>
  <day date="2009-06-01">500</day>
  <day date="2009-06-02">600</day>
  <day date="2009-06-03">850</day>
</mydays>

 

Demo : See it in action

»
Selection 1  -   Selection 2  -   Selection 3