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

Reasonsoul

Дата 31.8.2009, 18:14 (ссылка)

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

Загрузка ...

Новичок

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

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

Для организации раздела "Новостей" на моем сайте, мне понадобился календарь с фукцией архива. Поэтому я скачал с определенного сайта навороченный ява календарь, размером 180 КВ, однако в нем не оказалось функции архива. И я решил написать такой календарь самостоятельно. Месяц назад, я взял книгу Девида Фленагана JavaScript - создание активных веб-страниц. Признаюсь, я не являюсь програмистом вообще, я специалист в другой науке. Вот то, что у меня получилось код моего календаря. Код размером в 20 килобайт: архив новостей, выбор даты, выделение дней праздников и комментарии к ним, а также, тем же макаром, выделение дней с новостями и комментарии к ним, очень гибкая настройка цветового оформления. Код календаря далек от совершенства. Но я надеюсь, что професионалы смогут его доработать (или взять что-то полезное), а начинающие сайто-строители - разберутся в коде, и установят его на свои произведения сайтостроительного искуства.

Это сообщение отредактировал(а) Reasonsoul - 31.8.2009, 18:38

diadiavova

Дата 1.9.2009, 09:58 (ссылка)

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

Загрузка ...

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

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

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

Он отображается только в Internet Explorer и Opera, Google Chrom и Firefox зацикливаются.

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

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

Reasonsoul

Дата 1.9.2009, 11:17 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(diadiavova @ 1.9.2009, 09:58)

Он отображается только в Internet Explorer и Opera, Google Chrom и Firefox зацикливаются.

Да, да, Я уже знаю и работаю над этим.... Проблема вот тут:

Код


var objmon=document.getElementById("montsel");
var objyer=document.getElementById("yersel");
objmon.options[month-1].selected = "selected";
objyer.options[massy(year)].selected = "selected";

Эта часть кода, должна устанавливать в списке select текущие месяц и год по умолчанию...
В firefox оно не работает...почему - пока непонятно....??? Если кто знает такую проблему, подскажите как ее решить?

diadiavova

Дата 1.9.2009, 11:53 (ссылка)

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

Загрузка ...

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

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

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

Просмотрел часть скрипта и возьму на себя наглость слегка прокомментировать то, что успел увидеть.

HTML код по всей видимости создавался в каком-то старом редакторе или по старому учебнику. На это указывает обилие стилистических элементов и атрибутов, а так же атрибут language скрипта(сейчас используется type="text/javascript"). Кроме того некоторые элементы имеют недопустимые атрибуты, а некоторые атрибуты - недопустимые значения (valign="center" к примеру, очевидно имелось в виду middle). Что скорее указывает на то, что код писался "ручками".

Далее мне не совсем понятно, какой смысл в том, чтобы дни недели вставлять программно, почему е вписать их в HTML-код? Так же несколько смущает способ, при помощи которого это было сделано (цикл while)

Код


var n=new Array("Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб");
var dn=new Array("k7", "k1", "k2", "k3", "k4", "k5", "k6");
var i=0;
while (i<7)
{
var dl=document.getElementById(dn[i]);
dl=document.getElementById(dn[i]);
dl.innerHTML=n[i];
i=i+1*1;
}

Во-первых инкремент...зачем нужно умножение 1*1 ? И вообще есть стандартный способ инкремента, а именно i++ , вместо i = i + 1*1. Во вторых при переборе значений "от и до" гораздо удобнее цикл for
Вместо

Код


var i=0;
while (i<7)
{
var dl=document.getElementById(dn[i]);
dl=document.getElementById(dn[i]);
dl.innerHTML=n[i];
i=i+1*1;
}

следовало написать

Код



for (var i = 0; i < 7; i++)
{
var dl=document.getElementById(dn[i]);
dl=document.getElementById(dn[i]);
dl.innerHTML=n[i];
}

да и глобальные переменные могут злую шутку сыграть.

У объекта Date есть метод getFullYear, он избавил бы от вот этого

Код


 var year=time.getYear();
 if (year<100) {year="19" + time.getYear()}

Хотя, если учесть, что дальше идёт безусловное присвоение значения переменной year,а следующая строка такая

Код


year=time.getYear();

то об этом и говорить не стоило.

Далее следует оригинальный способ определения того, каким по счёту является год в списке годов

Код


 function massy(year) {
var ymas=new Array(2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012);
i=0;
while (ymas[i]!==year){i=i+1*1}
return i;
}

Не знаю, надо ли это вообще, но если надо, то это можно сделать как-то так

Код


 function massy(year) {
return year - 2001;
}

А перебирать в цикле список, подряд идущих чисел...

Дальше я не смотрел. То что описал изменил - вроде работает. А вообще - лучше готовый скрипт найти.

Это сообщение отредактировал(а) diadiavova - 1.9.2009, 11:55

Присоединённый файл ( Кол-во скачиваний: 4 )

kalendar.rar 3,75 Kb

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

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

Reasonsoul

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

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

Загрузка ...

Новичок

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

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

Замечания принимаются (некоторые), спасибо! Но у меня в firefox не работает: т.е. запуск Вашего идет, но при выборе месяца и года - выдает пустую таблицу

diadiavova

Дата 1.9.2009, 12:43 (ссылка)

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

Загрузка ...

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

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

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

Reasonsoul, я не исправлял ошибки, потому что не знаю какая функция для чего и прочее. Я просто указал на некоторые очевидные недостатки. Хотя кстати, запустил код в файрфоксе и гугольхроме - у меня всё работает.

Добавлено через 2 минуты и 2 секунды
И кстати: "некоторые" - это какие? Может дело именно в этом? И чем остальные замечания плохи?

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

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

Reasonsoul

Дата 1.9.2009, 15:03 (ссылка)

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

Загрузка ...

Новичок

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

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

Благодаря редактированию diadiavova определилась конкретная ошибка в коде, из-за которой firefox и др. зависали:
часть кода в календаре

Код


 var year=time.getYear();
 if (year<100) {year="19" + time.getYear()}
 year=time.getYear();

заменить на

Код

var year = time.getFullYear();

и все везде будет работать.

diadiavova

Дата 1.9.2009, 21:56 (ссылка)

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

Загрузка ...

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

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

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

А мне вот что-то даже интересно стало, что уж там за календарь такой на 180 кб. Попробовал сам соорудить что-то подобное - в 7 кб уложился. И это ещё с форматированием, если его убрать, будет меньше, да и при желании можно ещё код уменьшить(в ущерб наглядности ессно). А что уж там за "волшебный календарь" такой?
Чтобы не быть голословным выкладываю свой вариант.

Код


<!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>
<p><input type="checkbox" id="showwin"/>Открывать&nbsp;новое&nbsp;окно&nbsp;по&nbsp;клику</p>
<div id="displayDate"></div>

    <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);
                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;
            if (document.getElementById("showwin").checked)
            {
                var w = window.open("about:blank");
                if (navigator.appName == "Netscape")
                {
                    w.onload = function()
                    {
                        w.document.body.innerHTML = "<div style='color:red;font-size:60px;'>" + src.date + "</div>";
                    }
                }
                else
                {
                    w.document.body.innerHTML = "<marquee style='color:red;font-size:60px;'>" + src.date + "</marquee>";
                }
            }
        }
        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>

Это сообщение отредактировал(а) diadiavova - 1.9.2009, 22:03

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

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

diadiavova

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

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

Загрузка ...

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

Профиль
Группа: Модератор
Сообщений: 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>
<p><input type="checkbox" id="showwin"/>Открывать&nbsp;новое&nbsp;окно&nbsp;по&nbsp;клику</p>
<div id="displayDate"></div>

    <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;
            if (document.getElementById("showwin").checked)
            {
                var w = window.open(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>

Хоть какая-то польза smile

Это сообщение отредактировал(а) diadiavova - 2.9.2009, 01:02

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

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

Reasonsoul

Дата 2.9.2009, 10:25 (ссылка)

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

Загрузка ...

Новичок

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

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

Класс! Ну я конечно не спорю, ваши варианы и исправления очень грамотные!!! Спасибо!! Вот ссылка на календарь 180: .ttp://js.aceweb.ru/javascript/4/1/js.html (третий сверху вниз: "Навороченный клендарь Описание: Очень хороший скрипт календаря.")

diadiavova

Дата 2.9.2009, 11:03 (ссылка)

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

Загрузка ...

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

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

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

Ну вообще-то там много всякой лабуды. Вот слегка почистил, оказалось всего 15 кб smile

. А я всего навсего поубирал всякие сопровождающие файлы, не имеющие отношения к функциональности.

Вообще, все подобные штуки сейчас реализуют с помощью фреймворков. jQuery например, весьма не плох. Для него есть масса плагинов, и втом числе календарей

Плагины
Календари
Русская документация

Вот этот например, чем не красавчик?

Присоединённый файл ( Кол-во скачиваний: 2 )

calendar.rar 7,03 Kb

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

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

Reasonsoul

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

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

Загрузка ...

Новичок

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

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

Там нет праздников (в примере).... smile

diadiavova

Дата 2.9.2009, 11:30 (ссылка)

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

Загрузка ...

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

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

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

Цитата(Reasonsoul @ 2.9.2009, 12:12

)

Там нет праздников (в примере)

Это только один пример, а там их много. Они написаны разными людьми, поэтому возможности у всех разные, многие плагина можно настраивать под себя и к тому же jQuery даёт массу других возможностей, там не только календари имеются. По-моему изобретать велосипед не стоит.

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

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

Reasonsoul

Дата 2.9.2009, 11:46 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(diadiavova @ 2.9.2009, 11:30)

По-моему изобретать велосипед не стоит.

Вот тут-то и вся "соль": Мне просто нравится придумывать что-то свое (в удовольствие), пусть оно и не блещет, но мое..., кроме того - это развивает: месяц назад я понятия не имел, что такое javascript (слышал), а теперь по крайней мере, могу кое как прочитать код... - это интересно smile

Кстате, Вы, чувствуется очень хорошо разбираетесь в программах, не подскажете в чем причина: http://forum.vingrad.ru/forum/topic-44559/15.html , пожалуйста...

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

diadiavova

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

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

Загрузка ...

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

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

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

Цитата(Reasonsoul @ 2.9.2009, 12:46

)

Кстате, Вы, чувствуется очень хорошо разбираетесь во программах, не подскажете в чем причина: http://forum.vingrad.ru/forum/topic-44559/15.html , пожалуйста...

Я в веб разработке не силён. Это так ... типа увлечения, но на сколько я понимаю фрейм, в котором должна появиться страница ссылки надо указывать в атрибуте target ссылки. Обычно указывается имя фрейма(атрибут name)
главное окно

Код


<html>
<head>
    <title></title>
</head>
<body>
<p>
    <iframe src="linkframe.htm"  style="width:100%;"></iframe><br />
    <iframe name="targetframe" src="" style="width: 100%;height:50%;"></iframe>
    </p>
</body>
</html>

фрейм linkframe.htm

Код


<html>
<head>
    <title></title>
</head>
<body>
    <p>
        <a href="http://www.google.ru/" target="targetframe">click here</a>
    </p>
</body>
</html>

Это сообщение отредактировал(а) diadiavova - 2.9.2009, 12:11

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

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

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