создаем ajax окна ucoz
Данный способ создания ajax окна для сайта на ucoz наиболее прост и не потребует загружать никаких скриптов на свой сайт.
Вот пример - в качестве ссылки для открытия файла мы используем изображение.
--------
--------
А вот код данного выше примера
<a href="javascript://" onclick="new _uWnd('myName','Название',500,200,{autosize:1,maxh:300,minh:100},'Содержимое окна');"><img alt="" src="http://ucoz-lab.ucoz.ru/jornal/0_18c5_36e4bc7c_L.jpg"></a> |
Или еще*
----
<a href="javascript://" onclick="new _uWnd('myName2','Название',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Содержимое окна');">Я ссылка</a> |
Результат
Я ссылка
----
Итак, посмотрим на код нашего окна.
myName - это уникальное название
окошка. Этот текст нигде не отображается, но используется при работе с
такими окнами.Каждый раз при создании окна придумывайте новое название
окна!!!
'Название' - это заголовок, который отображается вверху созданного окошк, его видет пользователь как и содержимое.
500 - ширина.
200 - высота
'Содержимое окна') - содержимое окна, могут использоваться html коды. Все содержимое окна находится в кавычках.
Дополнительные значения.
{min:1,shadow:1,header:1,max:1,resize:0}
Число 0 заменяет слово "Нет"
Число 1 заменяет слово "Да"
min - отображение кнопки свернуть (у нас стоит число 1, поэтому кнопка отображается)
shadow - добавляет тень к окошку
header - отображение шапки (где находятся кнопки свернуть, развернуть, закрыть и название окошка)
max - отображение кнопки "развернуть"
resize - разрешение пользователю изменить размеры окошка (у нас стоит 0, поэтому нельзя изменять размеры окна)
modal[1/0] - модальное окно. Если данная опция включена, то все остальное пространство будет закрыто полупрозрачным слоем
nomove[1/0] - Можно запретить перемещение окна.
--------
Вот код из видео-урока
<a href="javascript://" onclick="new _uWnd('myName5','Скриншот',500,200,{autosize:1,maxw:1500,maxh:1500,minh:100},'Добрый день, меня зовут Денис Трофимов');"><img src='http://ucoz-lab.ucoz.ru/info.gif'alt="описание" style="border:1px solid#e0e0e0;padding:4px;max-width:500px;max-height:1500px;"/></a>
========
Коментарии 1