regarding Hijri(Islamic) calendar date picker

@jalarieJan 28.2011 — #Perhaps this will give you a place to start:
<i>
 </i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 
 &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"&gt;
 &lt;head&gt;
 
 <i>    </i>&lt;title&gt;Hijri Date Picker&lt;/title&gt;
 
 <i>    </i>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 <i>    </i>&lt;meta http-equiv="Content-Script-Type" content="text/javascript" /&gt;
 <i>    </i>&lt;meta http-equiv="Content-Style-Type" content="text/css" /&gt;
 <i>    </i>&lt;meta http-equiv="Content-Language" content="en-US" /&gt;
 <i>    </i>&lt;meta name="Author" content="James Alarie - [email protected]" /&gt;
 <i>    </i>&lt;meta name="description" content="Pick a Hijri (Islamic) date." /&gt;
 <i>    </i>&lt;meta name="keywords" content="hijri,islamic,pick,date" /&gt;
 
 <i>    </i>&lt;link rel="icon" href="favicon.ico" /&gt;
 <i>    </i>&lt;link rev="made" href="mailto:[email protected]" /&gt;
 
 &lt;!--
 Author:    James Alarie
 Company:   -independent-
 Address:   3391 N Genesee Rd
 Flint  MI  48506
 Latitude: 42.9663  Longitude: -83.7769
 Telephone: +1-810-736-8259
 Fax:       -none-
 Web Site:  http://spruce.flint.umich.edu/~jalarie/
 E-Mail:    [email protected]
 Comments:  Having said that, I've probably told you more than I know.
 --&gt;
 
 <i>    </i>&lt;script type="text/javascript"&gt;
 <i>    </i>  &lt;!-- Hide this code from non-JavaScript browsers
 <i>    </i>    function ShowDate() {
 <i>    </i>      f1=document.forms[0];                     // abbreviation
 <i>    </i>      S1I=f1.Year.selectedIndex;                // select index
 <i>    </i>      S1T=f1.Year.options[S1I].text;            // ...on-screen text
 <i>    </i>      S1V=f1.Year.options[S1I].value;           // ...embedded value
 <i>    </i>      S2I=f1.Month.selectedIndex;
 <i>    </i>      S2T=f1.Month.options[S2I].text;
 <i>    </i>      S2V=f1.Month.options[S2I].value;
 <i>    </i>      S3I=f1.Date.selectedIndex;
 <i>    </i>      S3T=f1.Date.options[S3I].text;
 <i>    </i>      S3V=f1.Date.options[S3I].value;
 <i>    </i>      Result=S1T+' '+S2T+' '+S3T;
 <i>    </i>      alert('You picked '+Result);
 <i>    </i>      return false;
 <i>    </i>    } // ShowDate
 <i>    </i>  // End hiding --&gt;
 <i>    </i>&lt;/script&gt;
 
 &lt;/head&gt;
 
 &lt;body class="body1"&gt;
 &lt;div id="body"&gt;
 &lt;!-- Page Header --&gt;
 &lt;div id="header"&gt;
 &lt;h1&gt;Hijri Date Picker&lt;/h1&gt;
 &lt;hr /&gt;
 &lt;/div&gt;
 
 &lt;!-- Content --&gt;
 &lt;div id="content"&gt;
 &lt;br /&gt;
 &lt;div class="center"&gt;
 &lt;form method="post" action="javascript:void(0);"&gt;
 &lt;div class="form"&gt;
 &lt;select name="Year" id="Year"&gt;
 &lt;option&gt;-pick year-&lt;/option&gt;
 &lt;option&gt;2000&lt;/option&gt;
 &lt;option&gt;2001&lt;/option&gt;
 &lt;option&gt;2002&lt;/option&gt;
 &lt;option&gt;2003&lt;/option&gt;
 &lt;option&gt;2004&lt;/option&gt;
 &lt;option&gt;2005&lt;/option&gt;
 &lt;option&gt;2006&lt;/option&gt;
 &lt;option&gt;2007&lt;/option&gt;
 &lt;option&gt;2008&lt;/option&gt;
 &lt;option&gt;2009&lt;/option&gt;
 &lt;option&gt;2010&lt;/option&gt;
 &lt;option&gt;2011&lt;/option&gt;
 &lt;option&gt;2012&lt;/option&gt;
 &lt;/select&gt;
 &lt;br /&gt;
 &lt;select name="Month" id="Month"&gt;
 &lt;option value="0"&gt;-pick month-&lt;/option&gt;
 &lt;option value="1"&gt;Farvardin&lt;/option&gt;
 &lt;option value="2"&gt;Ordibehesht&lt;/option&gt;
 &lt;option value="3"&gt;Khordad&lt;/option&gt;
 &lt;option value="4"&gt;Tir&lt;/option&gt;
 &lt;option value="5"&gt;Mordad&lt;/option&gt;
 &lt;option value="6"&gt;Shahrivar&lt;/option&gt;
 &lt;option value="7"&gt;Mehr&lt;/option&gt;
 &lt;option value="8"&gt;Aban&lt;/option&gt;
 &lt;option value="9"&gt;Azar&lt;/option&gt;
 &lt;option value="10"&gt;Dey&lt;/option&gt;
 &lt;option value="11"&gt;Bahman&lt;/option&gt;
 &lt;option value="12"&gt;Esfand&lt;/option&gt;
 &lt;/select&gt;
 &lt;br /&gt;
 &lt;select name="Date" id="Date"&gt;
 &lt;option&gt;-day-&lt;/option&gt;
 &lt;option&gt;1&lt;/option&gt;
 &lt;option&gt;2&lt;/option&gt;
 &lt;option&gt;3&lt;/option&gt;
 &lt;option&gt;4&lt;/option&gt;
 &lt;option&gt;5&lt;/option&gt;
 &lt;option&gt;6&lt;/option&gt;
 &lt;option&gt;7&lt;/option&gt;
 &lt;option&gt;8&lt;/option&gt;
 &lt;option&gt;9&lt;/option&gt;
 &lt;option&gt;10&lt;/option&gt;
 &lt;option&gt;11&lt;/option&gt;
 &lt;option&gt;12&lt;/option&gt;
 &lt;option&gt;13&lt;/option&gt;
 &lt;option&gt;14&lt;/option&gt;
 &lt;option&gt;15&lt;/option&gt;
 &lt;option&gt;16&lt;/option&gt;
 &lt;option&gt;17&lt;/option&gt;
 &lt;option&gt;18&lt;/option&gt;
 &lt;option&gt;19&lt;/option&gt;
 &lt;option&gt;20&lt;/option&gt;
 &lt;option&gt;21&lt;/option&gt;
 &lt;option&gt;22&lt;/option&gt;
 &lt;option&gt;23&lt;/option&gt;
 &lt;option&gt;24&lt;/option&gt;
 &lt;option&gt;25&lt;/option&gt;
 &lt;option&gt;26&lt;/option&gt;
 &lt;option&gt;27&lt;/option&gt;
 &lt;option&gt;28&lt;/option&gt;
 &lt;option&gt;29&lt;/option&gt;
 &lt;option&gt;30&lt;/option&gt;
 &lt;option&gt;31&lt;/option&gt;
 &lt;/select&gt;
 &lt;br /&gt;
 &lt;input type="submit" onclick="ShowDate();" /&gt;
 &lt;/div&gt;&lt;!-- form --&gt;
 &lt;/form&gt;
 
 <i>    </i>  &lt;/div&gt;&lt;!-- center --&gt;
 
 <i>    </i>&lt;/div&gt;
 
 &lt;!-- Page Footer --&gt;
 &lt;div id="footer"&gt;
 &lt;br clear="all" /&gt;&lt;hr /&gt;
 Written on January 28, 2011, by:&amp;nbsp;
 &lt;a href="mailto:[email protected]"&gt;James Alarie&lt;/a&gt;.
 &lt;/div&gt;
 
 &lt;/div&gt;
 &lt;/body&gt;
 
 &lt;/html&gt;
regarding Hijri(Islamic) calendar date picker

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

regarding Hijri(Islamic) calendar date picker

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴
