The JavaScript Source: Forms : Auto Month

General

This pulldown menu will automatically adjust the range of months so that the current month is at the top. The remaining months are placed in order after the current month. The menu still functions with JavaScript turned-off.

Notes

Created by: Fang
Web Site: Web Developer Forum
Gil Davis
http://gil.davis.home.att.net/
Posted: April 19, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: autoMonth.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Fang | http://www.webdeveloper.com/forum/member.php?u=6060 */
function autoMonth() {
  var dt = new Date();
  var mo = dt.getMonth();
  var ary = [];
  for (var i=0; i<=12; i++) {
  	 ary[i] = document.f1.s1.options[i];
 	}
  var j = mo;
  for (i=0; i<=12; i++) {
  	 document.f1.s1.options[i] = ary[j];
  	 j = (mo + i) % 12;
  }
  document.f1.s1.options[0].selected=true;
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  autoMonth();
});

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="autoMonth.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name="f1" action="#" style="width: 15%">
  <fieldset><legend>Select Month</legend>
    <select name="s1">
      <option value="0">January
      <option value="1">February
      <option value="2">March
      <option value="3">April
      <option value="4">May
      <option value="5">June
      <option value="6">July
      <option value="7">August
      <option value="8">September
      <option value="9">October
      <option value="10">November
      <option value="11">December
    </select>
  </fieldset>
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos