VPF::javascript календарь - Форум программистов

Reasonsoul

Дата 2.9.2009, 12:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 24.8.2009

Репутация: нет
Всего: нет

Да, вот вся проблма в том, что этот атрибут target указан и все верно, и в браузерах опера, фаерфокс взаимодействие между фреймами такое как надо, кроме того, я тестировал свой сайт на бесплатном хостинге .narod.ru - там и в ИЕ все фреймы и ссылки работают как положено... не пойму в чем проблема...

diadiavova

Дата 2.9.2009, 12:34 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 11
Всего: 142

Мой вариант в ИЕ я проверил. Работает. Если всё запускается с народа, это может означать, что на компе надо поменять настройки безопасности браузера.
Сурвис>>Свойства обозревателя.
Там если не ошибаюсь надо на вкладке "Дополнительно" поставить флажок на пункте "Разрешить запуск активного содержимого файлов на моём компьютере". Возможно ещё какие-то настройки посмотреть придётся. Вообще ИЕ в этом смысле стал очень неудобным и безопасность в нём достигается(говорят не очень хорошо достигается) за счёт удобства работы. А фреймы у него - вообще больной вопрос.

Есть ещё вариант, делать это из скрипта. Применительно к календарю это будет выглядеть так

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
    <style type="text/css">
        tr.weekdays td
        {
            color: #3d3d3d;
            font-weight: 700;
            font-family: Arial;
            font-size: 10pt;
            text-align: center;
        }
        .currentmonth
        {
         background-color:#EBEBE4;
            color:Green;
            cursor:pointer;
        }
        .noncurrentmonth
        {
            color: Gray;
            cursor:default;
        }
        .weekend
        {
            color: Red;
            cursor:pointer;
            background-color:#EBEBE4;
        }
    </style>
</head>
<body>
    <center>    <table width="175" height="210" style="text-align: center;background-color:#dedfd1; " cellspacing="0" cellpadding="0">
    <col span="6" /><col style="color:Green;" />
        <thead>
            <tr height="50">
                <td colspan="4">
                    <select onchange="return selectChange();" id="months">
                        <option>Январь</option>
                        <option>Февраль</option>
                        <option>Март</option>
                        <option>Апрель</option>
                        <option>Май</option>
                        <option>Июнь</option>
                        <option>Июль</option>
                        <option>Август</option>
                        <option>Сентябрь</option>
                        <option>Октябрь</option>
                        <option>Ноябрь</option>
                        <option>Декабрь</option>
                    </select>
                </td>
                <td colspan="3">
                    <select onchange="return selectChange();" id="years">
                    </select>
                </td>
            </tr>
        </thead>
        <tbody>
            <tr class="weekdays" style="vertical-align: middle; background-color: #e7d2b3; text-align: center;">
                <td>ПН</td><td>ВТ</td><td>СР</td><td>ЧТ</td>
                <td>ПТ</td><td>СБ</td><td>ВС</td>
            </tr>
</tbody>
<tbody id="days">
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
        </tbody>
        <tfoot>
        <tr>
        <td colspan="7" id="curDate" style="color:Red;font-weight:bold;"></td>
        </tr>
        </tfoot>
    </table>
</center>
<div id="displayDate"></div>
<iframe style="height:50%;width:100%" id="contentframe"></iframe>
    <script type="text/javascript">
        var currentDate = new Date();
        var yearSelect = document.getElementById("years");
        var monthSelect = document.getElementById("months");
        function selectChange()
        {
            var d = new Date();
            d.setMonth(monthSelect.selectedIndex);
            d.setFullYear(yearSelect.value);
            initializeDays(d);
        }
        function initializeDays(newDate)
        {
            var start = newDate;
            var ds = document.getElementById("days");
            var prevMonthDays = newDate.getDay();
            var startDate = new Date(newDate);
            startDate.setDate(0);

            while (startDate.getDay() != 0)
            {
                startDate.setDate(startDate.getDate() - 1);
            }
            for (var i = 0; i < 42; i++)
            {

                startDate.setDate(startDate.getDate() + 1);
                var curCell = ds.rows.item(Math.floor(i / 7)).cells.item(i % 7);
                curCell.innerHTML = startDate.getDate();
                var curMon = startDate.getMonth() == newDate.getMonth();
                curCell.className = curMon ? "currentmonth" : "noncurrentmonth";
                curCell.onclick =curMon ? dayClick:null;
                curCell.date = DateString(startDate);
                curCell.url = "http://ru.wikipedia.org/wiki/Служебная:Search?search=" + curCell.date.replace(" ", "+");
                if (i % 7 == 6 && curMon) curCell.className = "weekend";
            }
        }
        
        function dayClick()
        {
            var src = window.event ? window.event.srcElement : arguments[0].originalTarget;
            document.getElementById("displayDate").innerHTML = src.date;
            document.getElementById("contentframe").src = src.url;
        }
        function setDate(newDate)
        {
            for (var i = 0; i < yearSelect.options.length; i++)
            {
                if (yearSelect.options.item(i).value == newDate.getFullYear())
                {
                    yearSelect.selectedIndex = i;
                    break;
                }
            }
            monthSelect.selectedIndex = newDate.getMonth();
            initializeDays(newDate);
        }

        function createYearRange(startYear, endYear)
        {
            var yearSelect = document.getElementById("years");
            yearSelect.innerHTML = "";
            for (var i = startYear; i <= endYear; i++)
            {
                var el = document.createElement("option");
                el.value = i;
                el.innerHTML = i;
                yearSelect.appendChild(el);
            }
        }
        function DateString(d)
        {
            var ms = new Array("Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля",
            "Августа", "Сентября", "Октября", "Ноября", "Декабря");
            return (d.getDate()).toString() + " " + ms[d.getMonth()] + " " + d.getFullYear();
        }
        createYearRange(1970, 2010);
        setDate(currentDate);
        curDate.innerHTML = DateString(currentDate);
    </script>
</body>
</html>

Добавлено через 1 минуту и 17 секунд
Фрейм загружается в 125-й строке. Но тут опять-таки настройки безопасности...

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

Reasonsoul

Дата 2.9.2009, 12:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 24.8.2009

Репутация: нет
Всего: нет

Да я пробовал и из скрипта - проблема осталась... буду смотреть в настройках - ПОСМОТРЕЛ!!! точно, дело было в них smile

Это сообщение отредактировал(а) Reasonsoul - 2.9.2009, 14:19

Reasonsoul

Дата 6.9.2009, 13:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 24.8.2009

Репутация: нет
Всего: нет

Вот для этого сайта я делал календарь-архив (последние новости были в августе): techemy.com, посмотрите как получилось...

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »