All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок
  • Страница 1 из 1
  • 1
Модератор форума: Vladislavik-36  
Новые голубые окошки в стиле Windows 7 (без аеро)
leonP4Дата: Четверг, 19.08.2010, 01:07 | Сообщение # 1
.:хакер:.
Группа: Администратор
Сообщений: 664
Награды: 11
Статус: Offline
Новые голубые окошки в стиле Windows 7 (без аеро)


Code
<style type="text/css">
@import url('http://www.all-for-kompa.ru/All-For-Kompa/style/win-7/ajax-win.css') all;
</style>

Для начала покажем пример ajax окошка:
вот оно

Вывести его на сайт можно этим кодом:

Code
<a href="javascript://" onclick="new _uWnd('myName','ajax окошко',500,200,{autosize:1,maxh:300,minh:100},' Привет! Я ajax окошко. Меня нарядили в стиль Windows 7');">вот оно</a>

Как видим, оно выводится достаточно просто. Теперь разберём функцию, которая открывает окошко:

Code
new _uWnd(имя, заголовок, ширина, высота, параметры, содержимое)

Имя - это уникальное имя окна. Оно пишется латинскими буквами и нигде не отображается, но необходимо для работы со свойствами окна.
Заголовок - это, собственно говоря, то, что отображается в шапке окна. Можно писать на русском, однако будьте осторожнее с кавычаками.
Ширина и высота окошка выражается в пикселах.
Параметры - а это дополнительные параметры.

Также есть ещё много других параметров, которые не рассмотрены в данной статье
Содержимое - собственно говоря, тот текст, который будет отображён в окне. Имеет параметры:

Функция Значения Описание
url Строка Ссылка на внешний файл
xml Бинарные Обабатывать ли код как xml
type 'GET', 'POST' Метод запроса
cache Бинарные Кешировать ли окно
success Функция Поведение в случае успеха загрузки (например: success:{data:'Успешная загрузка!'})
error Функция Поведение в случае провала загрузки
"А как же подсказочки в нижнем правом углу?" ,- спросите вы. Конечно, мы её сейчас разберём. Она немного попроще:

Code
new _uWnd.alert('Привет', 'Подсказка',{tm:1000})

Показать пример. А вот и синтаксис этой функции:

Code
new _uWnd.alert(содержимое, заголовок, параметры)

Разберём её:
Содержимое - аналогично параметру "Содержимое" в первом случае
Заголовок - аналогично параметру "Заголовок" в первом случае
Параметры - а это дополнительные параметры.

Также доступны функции close, align, icon, name(имя окна), описанные для обычных окон.
Ещё функции для работы с окнами:

Code
_uWnd.close(имя)

Закрывает окошко с нужным именем

Code
_uWnd.header(имя,содержимое)

Заменяет название окна

Code
_uWnd.content(имя,содержимое)

Заменяет содердимое окна

Code
includeJSfile(адрес,id)

Подгружает внешний js файл
Также ещё есть много полезных функций, и не только для работы с окнами. В этой статье рассмотрены самые основные функции и параметры, которые помогут Вам создавать ajax окошки.

Прикрепления: 2864879.png (53.5 Kb)


Админ - Первый источник флуда на форуме =)
 
leonP4Дата: Четверг, 19.08.2010, 01:42 | Сообщение # 2
.:хакер:.
Группа: Администратор
Сообщений: 664
Награды: 11
Статус: Offline
сор, на форуме можно будет смотреть новый вид аякс окон только после полного запланированного апгрейда :(

Админ - Первый источник флуда на форуме =)
 
leonP4Дата: Четверг, 19.08.2010, 01:46 | Сообщение # 3
.:хакер:.
Группа: Администратор
Сообщений: 664
Награды: 11
Статус: Offline
Синтаксис, все кавычки в окне нужно заменить на такой вид \' получается что из ссылки:
Code
<img alt="" title="leonP4" class="userAvatar" src="http://www.all-for-kompa.ru/avatar/41/327822.gif" border="0">

у нас должна получится вот такая:
Code
<img alt=\'\' title=\'leonP4\' class=\'userAvatar\' src=\'http://www.all-for-kompa.ru/avatar/41/327822.gif\' border=\'0\'>

ПРИМЕР :)


Админ - Первый источник флуда на форуме =)
 
GreYДата: Четверг, 19.08.2010, 09:20 | Сообщение # 4
.:бродяга:.
Группа: Проверенный
Сообщений: 31
Награды: 0
Репутация: 0
Статус: Offline
Я думал тут только стиль, а тут целый мануал))) Так держать!

И сделай хоть скрин)

 
leonP4Дата: Четверг, 19.08.2010, 13:57 | Сообщение # 5
.:хакер:.
Группа: Администратор
Сообщений: 664
Награды: 11
Статус: Offline
GreY, Спасибо, скрин сделал. после глобального обновления форума у нас они будут стоять везде. dance

Админ - Первый источник флуда на форуме =)
 
GreYДата: Четверг, 19.08.2010, 14:02 | Сообщение # 6
.:бродяга:.
Группа: Проверенный
Сообщений: 31
Награды: 0
Репутация: 0
Статус: Offline
Супер! Шас попробую поставить) Надеюсь подойдет к дизу)
 
  • Страница 1 из 1
  • 1
Поиск:
Реклама