• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Ucoz » Как сделать собственное ajax окно (пример использования)
Как сделать собственное ajax окно
Aleko
Дата: Четверг, 20.08.2009, 11:44 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		Когда мне нужно было сделать вывод иконок фотошопа на форуме, я задумался о том, как сделать дополнительное ajax окно наподобие окон ucoz. Я немного покопался в кодах и хочу поделиться с вами полезной информацией.

Все функции, относящиеся к созданию динамических окон на сайтах ucoz находятся в автоматически подключаемом файле http://s21.ucoz.net/src/u.js . Для того чтобы создать окно, нам нужен xml файл с содержимым окна и собственно ссылка для формирования окна. В одном xml файле может содержаться большое количество информации из разных окон. Определить, какую именно информацию отобразить, скрипту помогает идентификатор, который так же указывается в тексте ссылки.

Давайте вместе создадим новое окно. Сначала создадим файл с расширением .xml и вот таким содержанием:

Code
<?xml version="1.0" encoding="UTF-8"?>
<ajax>

<cmd t="layerContentHallo" p="innerHTML"><![CDATA[
     Hallo World!
     ]]></cmd>

<cmd t="layerContentSmth" p="innerHTML"><![CDATA[
     Что ни будь...
     ]]></cmd>
</ajax>
Первые две и последняя строчки в данном случае обязательны. А блоки далее можно дублировать и помещать в них различную информацию, будь то html или просто текст.

Обратите внимание на параметр t. Он содержит запись вида layerContentSomething. Слово помеченное красным и есть идентификатор окна. Он задается произвольно и именно его мы и будем указывать в наших ссылках. А вот код ссылки:

Code
<a href="javascript:openLayerB('ИДЕНТИФИКАТОР ОКНА',0,'ПУТЬ К XML ФАЙЛУ','НАЗВАНИЕ ОКНА',ШИРИНА,ВЫСОТА);">Ссылка</a>

<!-- Пример -->

<a href="javascript:openLayerB('Hallo',0,'http://studioad.ru/diff/windows.xml','Привет мир!',200,100);">Ссылка</a>
Можете попробовать в действии:

Открыть окно

Бесплатные обои.
  
nеmo
Дата: Четверг, 20.08.2009, 13:01 | Сообщение # 2
Группа: Удаленные
полезный урок, а изменение стиля окна под свой дизайн, тебя не интересует?))
  
chu4___x
Дата: Пятница, 21.08.2009, 02:37 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19 		nеmo, открываешь, редактируешь, сохраняешь.
«POST данные для модулей системы»
  
nеmo
Дата: Пятница, 21.08.2009, 02:41 | Сообщение # 4
Группа: Удаленные
я это знал, + я на юкозе не работаю.
но спс.

Сообщение отредактировал nеmo - Пятница, 21.08.2009, 02:41
  
ZheKA
Дата: Среда, 26.08.2009, 20:27 | Сообщение # 5
молчун
Группа: Проверенные
Пользователь №: 89
Сообщений: 38
Получено оценок: 4 		А можно сделать чтобы ширина окна была фиксирована?

  
Бармалей
Дата: Среда, 26.08.2009, 21:00 | Сообщение # 6
молчун
Группа: Проверенные
Пользователь №: 110
Сообщений: 22
ZheKA, да, это настраивается в объекте opts при создании окна.
  
phantom
Дата: Четверг, 27.08.2009, 10:41 | Сообщение # 7
Группа: Удаленные
Aleko, xml файлы + open layor'ы давно не в моде. uWnd для таких вещей и придуман. http://helper.ucoz.ru/publ/2-1-0-4
  
Иван0
Дата: Суббота, 02.01.2010, 13:00 | Сообщение # 8
молчун
Группа: Проверенные
Пользователь №: 300
Сообщений: 48
Получено оценок: 5 		Хм,по интернету ещё ходит способ с OpenLayerA - подключаемым скриптом. OpenLayerB - стандартный ucozoвский. phantom, uWnd как бы появился совсем недавно. Узнал о нём неделю назад. Это после обновления какого-то? Да и вроде бы как только название изменилось и немного - способ вывода. Не понял, зачем это
  
matart
Дата: Суббота, 04.09.2010, 21:31 | Сообщение # 9
молчун
Группа: Проверенные
Пользователь №: 3161
Сообщений: 28
Не сочтите за рекламу, а так, маленький пиар :shy:. Не так давно я написал у себя статью о том, как менять стилевое оформление аякс окон, и сделал 4-е скина. если кому интересно, то вот статейка :D
Matart - портфолио дизайнера
  
blouse
Дата: Вторник, 09.11.2010, 21:19 | Сообщение # 10
молчун
Группа: Пользователи
Пользователь №: 3297
Сообщений: 4
Привет а у меня когда нажымаеш на ссилку окно появляется на секенду и изчезает вот посмотрите сдесь http://www.online-radio.net.ua/index/0-278 ссилка "радио2.0"
Подскажыте вчом дело шо не так
  
Aleko
Дата: Вторник, 09.11.2010, 21:44 | Сообщение # 11
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		ебаать...

Привет, а у меня, когда нажимаешь на ссылку, окно появляется на секунду и исчезает, вот посмотрите здесь http://www.online-radio.net.ua/index/0-278 ссылка "радио2.0"
Подскажите в чем дело, что не так?

Ну бывает, что языка не знаешь, но чтоб вот так?!! O_o

Бесплатные обои.
  
blouse
Дата: Вторник, 09.11.2010, 22:39 | Сообщение # 12
молчун
Группа: Пользователи
Пользователь №: 3297
Сообщений: 4
ага ебать
  
blouse
Дата: Среда, 10.11.2010, 00:03 | Сообщение # 13
молчун
Группа: Пользователи
Пользователь №: 3297
Сообщений: 4
вопрос вот это <object width="150" height="186"><param name="movie" value="http://clubberry.fm/player/player.swf"></param><param name="allowFullScreen" value="true"></param><embed src="http://clubberry.fm/player/player.swf"type="application/x-shockwave-flash" allowfullscreen="true" width="150" height="186"></embed></object>

както можно встроить в то шо я выше написал ниче не получается

  
TAD-jik
Дата: Вторник, 01.11.2011, 09:43 | Сообщение # 14
молчун
Группа: Пользователи
Пользователь №: 4140
Сообщений: 1
А подскажите пожалуйста как мне создать Ajax окно что бы в нем были сылки активированые на скачку вот код
Code
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Как здесь поставить сылки активированые на скачку');">Я ссылка</a>

:'(

Сообщение отредактировал TAD-jik - Вторник, 01.11.2011, 09:43
  
Форум Studio AD » Сайтостроение » Общий форум по Ucoz » Как сделать собственное ajax окно (пример использования)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.