17.08.2009, 16:23 | |||||
Меню выбора датыЭтот скрипт динамически генерирует даты. Каждый раз, когда вы вибирает год и месяц, скрипт автоматически определяет количество дней в месяце. Также работает и на високосный год. Это ставим в head:
Code <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Ben McFarlin (mcfarlin@netscape.net) --> <!-- Web Site: http://sites.netscape.net/mcfarlin --> <!-- Begin function populate(objForm,selectIndex) { timeA = new Date(objForm.year.options[objForm.year.selectedIndex].text, objForm.month.options[objForm.month.selectedIndex].value,1); timeDifference = timeA - 86400000; timeB = new Date(timeDifference); var daysInMonth = timeB.getDate(); for (var i = 0; i < objForm.day.length; i++) { objForm.day.options[0] = null; } for (var i = 0; i < daysInMonth; i++) { objForm.day.options[i] = new Option(i+1); } document.f1.day.options[0].selected = true; } function getYears() { // You can easily customize what years can be used var years = new Array(2004,2005,2006,2007,2008,2009,2010,2011,2012) for (var i = 0; i < document.f1.year.length; i++) { document.f1.year.options[0] = null; } timeC = new Date(); currYear = timeC.getFullYear(); for (var i = 0; i < years.length; i++) { document.f1.year.options[i] = new Option(years[i]); } document.f1.year.options[2].selected=true; } window.onLoad = getYears; // End --> </script> Это в body:
Code <center> <form name=f1> <table border=0> <tr> <td align=center> <select name=year onChange="populate(this.form,this.form.month.selectedIndex);"> <option selected value=99>2004</option> <option value=00>2005</option> <option value=01>2006</option> <option value=02>2007</option> <option value=02>2008</option> <option value=02>2009</option> <option value=02>2010</option> <option value=02>2011</option> <option value=02>2012</option> </select> <select name=month onChange="populate(this.form,this.selectedIndex);"> <option value=01>Январь</option> <option value=02>Февраль</option> <option value=03>Март</option> <option value=04>Апрель</option> <option value=05>Май</option> <option value=06>Июнь</option> <option value=07>Июль</option> <option value=08>Август</option> <option value=09>Сентябрь</option> <option value=10>Октябрь</option> <option value=11>Ноябрь</option> <option value=12>Декабрь</option> </select> <select name=day> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> <option> </option> </select> </td> </tr> </table> </form> </center> Адаптация и перевод: webscripts.ucoz.ru Материал взят с сайта infoscript.ru
| |||||
Категория: JavaScript's | Просмотров: 3254 | Добавил: antisept | Рейтинг: 3.0/1 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).