Главная » Функционал » Дополнительные функции » О создании Ajax окошек

О создании Ajax окошек

09.07.2009 в 14:09
Автор: klimenkо

В этом мануале описывается, как можно создать аякс-окошко для новичка. Для продвинутых пользователей системы есть отдельный материал на хелпере.


Начнем сразу с примера:

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


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

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


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

myName - это уникальное название окошка. Этот текст нигде не отображается, но используется при работе с такими окнами.

Заголовок окна - это заголовок, который отображается вверху аякс-окошка

500 - ширина.

200 - высота

Здесь находится контент окна - сам контент окна Здесь также могут использоваться html коды.




Вот мы и создали первое наше окошко. Теперь переходим к более сложным действиям - добавим пару фишек.

<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Здесь находится контент окна');">Я ссылка</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] - Можно запретить перемещение окна.


Вот и все.

Рейтинг: 23  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 13400          Комментариев: 14
29.05.2015 в 11:46      0  

А если подскажете как поставить ссылки в Ajax окне то вообще супер
29.05.2015 в 13:19      0  

А что вам мешает вместо текста поставить ссылку?
12.09.2014 в 19:38      0  

Возник вопрос: А, как сделать, что бы текст внутри окна ajax был по левому краю?

Страница с материалом: http://galactica.at.ua/stuff/amerikanskie/kosmicheskie_apparaty/lunnyj_modul_apollo/27-1-0-5022
13.09.2014 в 03:28      0  

Ответ на ваш вопрос содержится в описании данного материала - http://c2n.me/iTZn8o
То-есть вы можете заключить контент в определенный блок и стилем выровнять куда угодно.
13.09.2014 в 13:16      0  

Хмм... Это не ответ, это сложно назвать, что это... Разверните пожалуйста данную тему в полном объеме, а, то как то, остановились на полуслове и дальше отвечать не желаете, это очень не корректно к вашим пользователям и клиентам. Просто приведите один из примеров как это делается, т.е. какой код и куда его нужно вставить. Спасибо.
14.09.2014 в 22:42      0  

Спасибо за никчёмный ответ, так как не даёт ответа на поставленный вопрос!!!
15.02.2014 в 15:13      0  

подскажите, пожалуйста, как сделать всплывающее окно при наведении мышкой? (надо создать всплывающую информацию об игровом предмете с внешней базы данных)
16.01.2013 в 21:04      0  

Спасибо большое! Давно искала инструкцию, но нигде не было, а если и было, то непонятно. Тут же все расписано от и до. Спасибо!
03.12.2012 в 18:47      0  

а как можно вставить почтовую форму в окошко?
18.07.2012 в 14:47      -1  

а как сделать так, что бы при обновлении страницы или при переходе на другую аякс окно и его содержимое не обновлялось и оставалось на одном месте ????
03.05.2012 в 08:39      -3  

так и не понял что за "Я ссылка"???

вот как ставлю ни чего не работает. где "окно показать"? на что пользователь нажимает чтоб оно показалось?
вот как поставил ничего не получается
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'$MYINF_2$');"></a>
07.03.2013 в 17:31      +4  

Вы пропустили во первых вот , красным показанно

<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'$MYINF_2$');">Вызов окна</a>

Ну вот смотрите внимательно

Цитата
<a href="javascript://" onclick="new _uWnd('myName','Заголовококна',500,200,{min:1,shadow:1,header:1,max:1,resize:0},'Здесь находится контент окна');">Я ссылка</a>


Я ссылка- это вызов окна,
Здесь находится контент окна - сдесь пишите ваш текст или картинки ставите, вообщем что вам нравиться ( только не трогаем скобочки ни в коем случае - 'Здесь находится контент окна'

Jordyn

Спам
25.02.2012 в 19:53      0  

Your thinking matcehs mine - great minds think alike!

Мухаммад

Спам
23.02.2012 в 09:52      -1  

Пишете что html поддерживается но при вставке видео Youtube вместо сслки на аякс окошко вылезет видео на саму страницу.