VPF::Пытаюсь сделать красивые pop-up. Не выходит

KonstRuctor

Дата 1.2.2008, 22:33 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

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

Нашел пример красивого вывода pop-up сообщений.
сайт с примером работы скрипта
Тестировал в различных браузерах, включал разные блокираторы pop-up -- не помогает,
то есть скрипт все равно работает, что есть гуд.
Решил сделать у себя такой же прием: например, это было бы очень полезно для вывода подсказок при регистрации,
помощи при заполнении различных форм юзером и вообще красиво ведь работает.
Скачал с сайта javacsript и css, сделал тестовый файл.
Ничего не работает. Может, кто сталкивался с этим скриптом, скажет где копать?
Вот тестовый html:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Титла</title>
<link type="text/css" rel="stylesheet" href="pop_up.css">
<script src="WindowMngr.js" type="text/javascript"></script>
</head>
<body>

<a href="#why" onclick="return WindowMngr('popUpReason');">Зачем использовать ПОПАПЫ?</a>
<div id="popUpReason">
    <h3><a name="why">Why Open New Windows?</a></h3>
                <p>
                It is not uncommon for computer software GUIs to employ multiple
                windows, and/or sub windows. So it is not surprising that the
                and the like.
                </p>
               </div>
<script type="text/javascript">if(typeof WindowMngr == 'function'){WindowMngr('popUpReason', WindowMngr.CLOSEABLE|WindowMngr.DRAGABLE|WindowMngr.RESIZEABLE|WindowMngr.VERTICAL_SCROLL);}</script>               
</body>
</html>

В папочке у меня сложены два файла WindowMngr.js и pop_up.css, стащил с того сайта, что по ссылке.

Это сообщение отредактировал(а) KonstRuctor - 1.2.2008, 22:34

Dr.Zlo

Дата 1.2.2008, 23:53 (ссылка)

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

Загрузка ...

Новичок

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

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

Замени свой блок:

Код


<div id="popUpReason">
    <h3><a name="why">Why Open New Windows?</a></h3>
                <p>
                It is not uncommon for computer software GUIs to employ multiple
                windows, and/or sub windows. So it is not surprising that the
                and the like.
                </p>
</div>

На вот это:

Код


<div id="popUpReason">
    <h3><a name="why">Why Open New Windows?</a></h3>
    <div>
        <div>
            <div>
                <p>
                It is not uncommon for computer software GUIs to employ multiple
                windows, and/or sub windows. So it is not surprising that the
                and the like.
                </p>

            </div>
        </div>
    </div>
</div>

Просто человеку, который это разработал было лень писать кучу ремоувоф\аппендов чтоб получить с помощью js нужную для прикручивания скроллов и шапки структуру данных, он решил сразу прописать всё в html. Хотя его можно понять, мне бы тоже было лень smile

ksnk

Дата 2.2.2008, 00:04 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Imho, великоват попапер... 43 кила для текста без комментариев для не очень сложной задачи, imho, слишком дофга ;-) Может скрипт чего еще делать умеет?

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

KonstRuctor

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

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

Загрузка ...

Бывалый

Вот это да! Заработало!
Впервые столкнулся с тем, что количество пробелов имеет значение.
Надо же! Что-то мне подсказывает, что лучше не пользоваться этим скриптом.
Вы как думаете?
З.Ы. Выявил такой косяк: если текст, нажав на который, должно по идее появиться окно с разъяснениями, находится вверху страницы, а далее идет тяжелое содержимое (таблицы, фото и т.д.), то при загрузке все остальное грузится ниже своего положенного места, а потом подтягивается наверх.
Это не есть хорошо, поэтому продолжим эксперименты.

Это сообщение отредактировал(а) KonstRuctor - 2.2.2008, 01:15

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