« Создаем скрипт "Ajax окно" на uCoz »

Описание материала:

Если Вы новичок и у Вас есть сайт в системе uCoz, то этот материал для Вас. В данном материале мы будем создавать скрипт простого Ajax окна.

Начнем с обычного окна

Код
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна');">Ссылка на Ajax окно</a>

Нам нужен вот этот код:

  • new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна');

Начинаем разбирать по частях.

  • myName - это уникальное название окна. Этот текст нигде не отображается, но используется при работе с такими окнами
  • Заголовок окна - это заголовок, который отображается вверху Ajax окна
  • 500 - ширина
  • 200 - высота
  • Здесь находится контент окна - сам контент окна Здесь также могут использоваться HTML коды


Теперь переходим к более сложным действиям - добавим пару фишек
Код
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Здесь находится контент окна');">Ссылка на Ajax окно</a>

И снова разбираем по частям
Основа окна не отличается от предыдущего примера, поэтому я не буду снова это писать.

Теперь добавился код - {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] - можно запретить перемещение окна


На этом всё!


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Блог | Просмотров: 638

Теги к материалу: Ajax, скрипт, окно, создаем, ucoz, на

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar