посоветуйте календарь на яваскрипт

Discussion in 'PHP' started by Дикс, 2 Apr 2009.

  1. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    по возможности наиболее лёгковесный и простой
     
  2. MuXaJIbI4

    MuXaJIbI4 Member

    Joined:
    20 Nov 2008
    Messages:
    66
    Likes Received:
    7
    Reputations:
    0
    dcе зависит от того какуую функциональность должен нести
     
  3. a1ex

    a1ex Banned

    Joined:
    11 Oct 2006
    Messages:
    518
    Likes Received:
    130
    Reputations:
    -13
    PHP:
    <script language="JavaScript">
    var 
    firstYear1900
    var lastYear2010

    myDate
    = new Date
    var curMonthmyDate.getMonth ()
    var 
    curYearmyDate.getYear ()
    var 
    curDatemyDate.getDate ()

    Years= new Array (lastYear firstYear);
    Month= new Array ("Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь");

    daysInMonth = new Array (31,28,31,30,31,30,31,31,30,31,30,31);
    numbTableCell 42

    function updateCalendar(UcurYear,UcurMonth){

    isLeap (UcurYear)
    var 
    firstDaysetFirstDay (UcurYear,UcurMonth)

    if (
    firstDay == 0)
    firstDay7
    firstDay
    --

    tableOffset10;
    temp0
    for (i=0firstDayi++){
    calendar.all[itableOffset ].innerText" ";
    calendar.all[itableOffset ].bgColor"#ffffff"
    temp++
    }
    jtableOffset

    for (i=1<= daysInMonth[UcurMonth];i++){
    if (
    temp == 7){
    j++
    temp0
    }
    if (
    curDate != i){
    calendar.all[j].innerTexti
    calendar
    .all[j].bgColor"#ffffff"
    }
    else{
    calendar.all[j].innerTexti
    calendar
    .all[j].bgColor"#a0d4ff"
    }
    temp++
    j++
    }
    for (
    i=0;< (numbTableCelldaysInMonth[UcurMonth]-firstDay); i++){
    if (
    temp == 7){
    j++
    temp0
    }
    calendar.all[j].innerText" ";
    calendar.all[j].bgColor"#ffffff"
    temp++
    j++
    }
    }

    function 
    outCalendar (FcurYear,FcurMonth)
    {
    isLeap (FcurYear)
    var 
    firstDaysetFirstDay (FcurYear,FcurMonth)

    if (
    firstDay == 0)
    firstDay7
    firstDay
    --

    document.write ('<table id= "calendar" cellspacing= 2 cellpadding= 0 border=1 Class="text">')
    document.write ('<tr align= center bgColor="#78c850"><td>Пн</td><td>Вт</td><td>Ср</td><td>Чт</td><td>Пт</td><td bgColor="#f06c40">Сб</td><td bgColor="#f06c40">Вс</td></tr>')

    temp0
    j
    0
    document
    .write ('<tr align= right>')
    for (
    i=0firstDayi++){
    document.write ('<td>&nbsp</td>')
    temp++
    j++
    }
    kj

    for (i1<= numbTableCell k;i++){
    if (
    temp == 7){
    temp0
    document
    .write ('</tr><tr align= right>')
    }
    if (
    <= daysInMonth[FcurMonth]){
    if (
    curDate != i)
    document.write ('<td>'+'</td>')
    else
    document.write ('<td bgColor= "#a0d4ff">'+'</td>')
    }
    else
    {
    document.write ('<td>&nbsp</td>')
    }

    j++
    temp++
    }
    document.write ('</tr></table>')
    }

    function 
    setFirstDay (year,month){
    var 
    tempDay= new Date (yearmonth1)
    return 
    tempDay.getDay ()
    }

    function 
    isLeap (year){
    if (
    (
    year == 0)&
    ( (
    year 100 != 0) ||(year 400 == 0) )
    )
    daysInMonth [1]= 29
    else
    daysInMonth [1]= 28
    }

    function 
    insertSpace (num){
    for(
    i=0;i<num;i++)
    document.write ('&nbsp')
    }

    </script>
    </head>

    <body>
    <script language= "JavaScript">
    <!--
    document.write ('<select name= "selMonth" size= 1 onChange= "updateCalendar (selYears.value,selMonth.value)">')
    for (i= 0;i < Month.length; i++)
    {
    document.write ('<option value='+i+'>' + Month [i])
    }
    document.write ('</select>')
    selMonth.selectedIndex= curMonth
    insertSpace (1)
    document.write ('<select name= "selYears" size= 1 onChange= "updateCalendar (selYears.value,selMonth.value)">')
    for (i= firstYear ;i < lastYear; i++)
    {
    Years[i- firstYear]= i
    document.write ('<option value='+i+'>'+ Years[i-firstYear])
    }
    document.write ('</select>')
    selYears.selectedIndex= curYear - firstYear
    document.write ('<br><br>')
    outCalendar (curYear,curMonth)
    //-->
    </script>
     
    1 person likes this.
  4. m0nsieur

    m0nsieur Elder - Старейшина

    Joined:
    8 Apr 2008
    Messages:
    223
    Likes Received:
    69
    Reputations:
    10
    На сайте есть демо - http://www.dynarch.com/projects/calendar/

    сам пользуюсь, удобный, не сложный по настройке.
     
  5. a1ex

    a1ex Banned

    Joined:
    11 Oct 2006
    Messages:
    518
    Likes Received:
    130
    Reputations:
    -13
    Вот собственно какой он получился:
    [​IMG]
     
  6. a1ex

    a1ex Banned

    Joined:
    11 Oct 2006
    Messages:
    518
    Likes Received:
    130
    Reputations:
    -13
    PHP:
    <html>
    <
    head>
    <
    title>Календарь</title>
    </
    head>
    <
    body>
    <
    script language="Javascript" type="text/javascript">
    <!--
    //
    calendar = new Date();
    day calendar.getDay();
    document.write("<table width=100 border=1><tr><td><center><font size=2>")
    if (
    day == 0) {
    document.write("<font color=#ff0000>Воскресенье</font>")
    }
    if (
    day == 1) {
    document.write("Понедельник")
    }
    if (
    day == 2) {
    document.write("Вторник")
    }
    if (
    day == 3) {
    document.write("Среда")
    }
    if (
    day == 4) {
    document.write("Четверг")
    }
    if (
    day == 5) {
    document.write("Пятница")
    }
    if (
    day == 6) {
    document.write("<font color=#ff0000>Суббота</font>")
    }
    document.write("</font></center></td></tr><tr><td><center><font size=2>")
    month calendar.getMonth();
    if (
    month == 0) {
    document.write("Январь")
    }
    if (
    month == 1) {
    document.write("Февраль")
    }
    if (
    month == 2) {
    document.write("Март")
    }
    if (
    month == 3) {
    document.write("Апрель")
    }
    if (
    month == 4) {
    document.write("Май")
    }
    if (
    month == 5) {
    document.write("Июнь")
    }
    if (
    month == 6) {
    document.write("Июль")
    }
    if (
    month == 7) {
    document.write("Август")
    }
    if (
    month == 8) {
    document.write("Сентябрь")
    }
    if (
    month == 9) {
    document.write("Октябрь")
    }
    if (
    month == 10) {
    document.write("Ноябрь")
    }
    if (
    month == 11) {
    document.write("Декабрь")
    }

    document.write("</font></center></td></tr><tr><td><center><font size=6>")
    date calendar.getDate();
    document.write(date)
    document.write("</font></center></td></tr><tr><td><center><font size=2>")
    year calendar.getYear();
    if (
    year 100) {
    document.write("19" year "")
    }
    else if (
    year 1999) {
    document.write(year)
    }
    document.write("</font></center></td></tr></table>")
    //-->
    </script>
    </body>
    </html>
    [​IMG]
     
  7. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    блин)) чересчур уж простой)
    мне надо на сайт прикрутить.
    там был календарь на ext js - страница весила примерно 600 кб)

    за
    http://www.dynarch.com/projects/calendar/
    спасибо.
     
  8. sabotag

    sabotag Elder - Старейшина

    Joined:
    23 May 2008
    Messages:
    122
    Likes Received:
    87
    Reputations:
    23
    [оффтоп]
    _http://www.smashingmagazine.com/2008/06/23/creative-calendar-designs/
    [/оффтоп]

    :)

    добавлено:
    _http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/
    _http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/

    среди всех скриптов есть то, что ищете
     
    #8 sabotag, 2 Apr 2009
    Last edited: 2 Apr 2009
    1 person likes this.
  9. MCSnake

    MCSnake Elder - Старейшина

    Joined:
    11 Jun 2008
    Messages:
    88
    Likes Received:
    25
    Reputations:
    0
    а можно полный код страницы? че та у меня ниче не выходит(
     
    1 person likes this.
  10. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    кладезь передовых технологий! респект!
     
Loading...