Помогите с календарем

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем FoMurJIom, 21 июн 2010.

  1. FoMurJIom

    FoMurJIom Гость

    Всем здрасте!!
    я хочу разместить календарь к себе на сайт как вот здесь
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">Скрипт есть вот он:</div></div><div class="sp-body"><div class="sp-content">
    /**************************************************
    * Формирование календаря.
    * Параметры:
    * redWeekN - первая красная неделя в году
    * servDate - текущая дата (с сервера)
    *
    **************************************************/
    function calendar(redWeekN, servDate)
    {
    //текущие:
    var today = new Date();
    var nowDay = today.getDay(); //день недели
    var nowDate = today.getDate(); //день месяца;
    var nowMonth = today.getMonth(); //месяц
    var nowYear = today.getFullYear(); //год
    var dayCount = 1; //количество дней в месяце
    var nowMonthText; //текстовый вариант месяца
    var maxDayCount = 30;
    switch (nowMonth)
    {
    case 0: case 2: case 4: case 6: case 7: case 9: case 11: maxDayCount = 31; break;
    case 1: maxDayCount = (isLeapYear(nowYear) ? 29 : 28); break;
    };
    num = 0;
    week = new Array(6 * 7);
    //1. Первая неделя
    for(i = 0; i<7; i++)
    {
    //вычисляем номер дня недели для числа
    var someday = new Date(nowYear, nowMonth, dayCount);
    var dayofweek = someday.getDay();
    //сдвигаем начало американской недели на понедельник
    dayofweek = dayofweek - 1;
    if(dayofweek == -1) dayofweek = 6;
    if(dayofweek == i)
    {
    //если дни недели совпадают, заполняем массив week числами месяца
    week[i + num * 7] = dayCount;
    dayCount++;
    }
    else
    {
    week[i + num * 7] = '';
    }
    };
    //2. Последующие недели месяца
    while(true)
    {
    num++;
    for(i = 0; i < 7; i++)
    {
    week[i + num * 7] = dayCount;
    dayCount++;
    //если достигли конца месяца, выходим из цикла
    if(dayCount > maxDayCount) break;
    };
    //если достигли конца месяца, выходим из цикла
    if(dayCount > maxDayCount) break;
    };
    //прописываем русские названия месяца
    switch(nowMonth)
    {
    case 0: nowMonthText = 'январь'; break;
    case 1: nowMonthText = 'февраль'; break;
    case 2: nowMonthText = 'март'; break;
    case 3: nowMonthText = 'апрель'; break;
    case 4: nowMonthText = 'май'; break;
    case 5: nowMonthText = 'июнь'; break;
    case 6: nowMonthText = 'июль'; break;
    case 7: nowMonthText = 'август'; break;
    case 8: nowMonthText = 'сентябрь'; break;
    case 9: nowMonthText = 'октябрь'; break;
    case 10: nowMonthText = 'ноябрь'; break;
    case 11: nowMonthText = 'декабрь'; break;
    };
    //выводим все на экран
    document.getElementById('nowMonthYear').innerHTML = nowMonthText + ' ' + nowYear;
    document.getElementById('calendar').innerHTML = '<TR class="day"><TD>ПН</TD><TD>ВТ</TD><TD>СР</TD><TD>ЧТ</TD><TD>ПТ</TD><TD>СБ</TD><TD>ВС</TD></TR>';
    allWeeks = '';
    for (i = 0; i < 6; i++)
    {
    buf = '';
    for(j = 0; j < 7; j++)
    {
    if(week[j + i * 7])
    {
    if(week[j + i * 7] != nowDate)
    {
    b = '<TD>' + week[j + i * 7] + '</TD>';
    }
    else
    {
    b = '<TD id="curdate">' + week[j + i * 7] + '</TD>';
    }
    }
    else
    {
    b = '<TD></TD>';
    };
    buf = buf + b;
    };
    oneWeek = '<TR class="dateBlue">' + buf + '</TR>';
    allWeeks = allWeeks + oneWeek;
    };
    document.getElementById('calendar').innerHTML += allWeeks;
    }
    /**************************************************
    * Определение високосности года.
    * Параметры:
    * y - год
    *
    **************************************************/
    function isLeapYear(y)
    {
    return(y % 4 == 0 && (y % 100 != 0 || y % 400 == 0));
    }


    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">Еще имееться CSS вот он</div></div><div class="sp-body"><div class="sp-content">
    .calendar {
    text-align: left;
    border-left: 0px solid #9DA2A6;
    margin: 0px 0px 5px 0px;
    font-size: 10pt;
    }

    .calendar td {
    padding: 1px 3px;
    margin: 0px;
    }

    tr.day {
    border-left: 1px solid #9DA2A6;
    }

    tr.day td {
    text-align: center;
    border: 1px solid #9DA2A6;
    color: #000000;
    background: #EDEEF0;
    }

    .dateRed {
    COLOR: #AF0000;
    }

    .dateRed TD {
    border-width: 0px 1px 1px 0px;
    border-color: #EDEEF0;
    border-style: solid;
    text-align: center;
    }

    .dateBlue {
    COLOR: #3D6883;
    }

    .dateBlue TD {
    border-width: 0px 1px 1px 0px;
    border-color: #EDEEF0;
    border-style: solid;
    text-align: center;
    }

    .date TD {
    border-width: 0px 1px 1px 0px;
    border-color: #EDEEF0;
    border-style: solid;
    }

    td.exc {
    border: 1px solid #EDEEF0;
    border-top: none;
    text-align: left;
    }

    #curdate {
    color: #ffffff;
    background: #9DA2A6;


    Вывожу то что есть совсем не похоже на то что там на сайте =( что делать не знаю может кода не хватает подскажите пожалуйста =)
     
  2. LuMee

    LuMee Well-Known Member

    Регистрация:
    2 май 2006
    Сообщения:
    477
    Симпатии:
    0
    Мне кажется, пора на уже на главной странице форума большими буквами написать, что Java - это ни разу не JavaScript!!!
    Вам, FoMurJIom, следует обратиться в раздел, посвященный вебу и JS.
     
  3. ZloyLorD

    ZloyLorD Гость

    Если надо могу скинуть рабочий скрипт календаря (когдато давно сам его написал). Обращайтесь icq: 6060девять77
     
Загрузка...
Похожие Темы - Помогите календарем
  1. limbra
    Ответов:
    3
    Просмотров:
    46
  2. NylevoiChelovek
    Ответов:
    4
    Просмотров:
    109
  3. Ruska132
    Ответов:
    47
    Просмотров:
    402
  4. gURaBA_N
    Ответов:
    7
    Просмотров:
    148
  5. uxbmw3w
    Ответов:
    0
    Просмотров:
    68

Поделиться этой страницей