Вторник, 23.07.2019, 18:24
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      
Избранноеблеск


чатик


  
блеск блеск Друзья Сайта блеск блеск
блеск
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом.
- Болит?
- Нет.
- Маленький?
- Нет.
- Большой?
- Нет.
- А что тогда?
- Правда, хорошенький?
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

 

Каталог статей

Главная » Статьи » Мои статьи

Как создать Ajax окно в Ucoz
Итак давайте преступим:
Создаём Ajax окно в Ucoz без файлов xml
Самое простое Ajax окно:
Код
<a href="javascript://" onclick="new _uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна,также могут использоваться html коды');">ССЫЛКА</a>


Вот что у нас получилось:ССЫЛКА
Давайте разберём эту строчку
new_uWnd('myName','Заголовок окна',500,200,{autosize:1,maxh:300,minh:100},'Здесь находится контент окна,также могут использоваться html коды');">ССЫЛКА
myName - это уникальное название окошка.
Заголовок окна - это заголовок, который отображается вверху окошка.
500 - ширина.
200 - высота.
Здесь находится контент окна,также могут использоваться html коды - контент окна, могут даже использоваться html коды.
ССЫЛКА - любой текст (в данном случае ССЫЛКА), можно сделать кнопкой но об этом позже.
Теперь давайте добавим пару фишек :
Основа окна не отличается от предыдущего примера, поэтому я не буду снова описывать.

Полный код :
Код
<a href="javascript://" onclick="new _uWnd('Name','Заголовок окна',500,200,{min:0,shadow:1,header:1,max:1,resize:0,modal:1,nomove:1},'Здесь находится контент окна,также могут использоваться html коды здесь мы используем затемнение и запрещаем перемещение окна');">ССЫЛКА</a>


Вот что у нас получилось ССЫЛКА
Теперь добавился код : {min:0,shadow:1,header:1,max:1,resize:0,modal:1,nomove:1}
Сразу скажу о цифрах 1 и 0
число 0 заменяет слово "Нет"
число 1 заменяет слово "Да"
min - отображение кнопки свернуть (у нас стоит 0).
shadow - добавляет тень к окошку.
header - отображение шапки (где находятся кнопки свернуть, развернуть, закрыть и название окошка).
max - отображение кнопки "развернуть" (на весь экран).
resize - разрешение пользователю изменить размеры окошка (у нас стоит 0, поэтому нельзя изменять размеры окна).
modal - если данная опция включена, то все остальное пространство будет закрыто полупрозрачным слоем (у нас 1 ,слой полупрозрачный).
nomove - перемещение окна (у нас 1 ,запрещаем).

Немного разберемся с переменными (под спойлером) :



Теперь давайте форму "Обратной связи" вставим в Ajax окно :
Чтобы не создавать форму я взял стандартную Ucoz форму ($MFORM_1$), если Вы хотите свою форму то перейдите в Панель Управления -->Почтовые формы -->Управление почтовыми формами -->В правом верхнем углу "Создать почтовую форму".Соответственно у вас поменяется $MFORM_1$ на _2, _3, и т. д.
Ставим код в html страницу сайта, я вставил в самый низ перед /body :

Код
<script type="text/javascript">function mySensForm(){new_uWnd('myForm','Обратная связь',440,400,{align:'center',waitimages:3000,fadeclosetype:1,shadow:1,header:1,resize:0,autosize:1,modal:1}  
,$('#msgForm').html());};</script>  
<div style="display:none;" id="msgForm">$MFORM_1$</div>


Если вы ставите свою форму поменяйте $MFORM_1$ на свой номер
'Обратная связь' - на свой заголовок.
Этот код в то место где хотите видеть кнопку :

Код
<a title="Письмо Админу" href="javascript://" onclick="mySensForm();return false;"><input type="button" value="Нажми"></a>


title="Письмо Админу" - это всплывающая подсказка при наведении на кнопку.
input type="button" - стандартный html код кнопки.
value="Нажми" - "Нажми" - любая Ваша надпись.

Или свою кнопку :

Код
<img onclick="mySensForm();return false;" src="http://megascripts.ru/images/sendemail.png" alt="Письмо Админу" border="0" height="24" width="24"></a>


http://megascripts.ru/images/sendemail.png - ссылка на свою кнопку/картинку.
alt - это всплывающая подсказка при наведении на кнопку.
border - границы вокруг элемента (кнопки).
height - высота кнопки.
width - ширина кнопки.


Вот что получилось :


Как создать Ajax окно в Ucoz с использованием xml
Так как Ajax окно состоит и из xml файла, где описано его содержимое, то :
1. В любом текстовом редакторе потдерживающем кодировку Utf-8 (например Блокнот), пишем :

Код
<ajax><cmd t="layerContentID" p="innerHTML"><![CDATA[HTML код]]></cmd></ajax>


Разберём этот код :
layerContentID - Уникальное имя xml и ссылки (запоминаем, в плоть до регистра) .
[CDATA[ HTML код ]] - Ваш HTML код или какие нибудь надписи.
2. Создание ссылки для появления окна :

Код
<a href="javascript://" onclick="openLayerB('ID',0,'http://****.xml','Название окна',200,100,'1','','',0,'justify'); return false;">ССЫЛКА</a>


Давайте разберём код написанный выше:
onclick="openLayerB('ID',0,'http://****.xml','Название окна',200,100,'1','','',0,'justify'); return false;">ССЫЛКА
ID - Уникальное имя xml и ссылки (тот же ID, что и в xml файле) .
http://****.xml - прямая ссылка до xml файла .
Название окна - название создаваемого окна .
200,100 - где 200 - ширина и 100 - высота .
ССЫЛКА - ссылка или кнопка

1. Пример с текстовой ссылкой : ССЫЛКА
2. Пример с кнопкой : Картинка или текст
Код для вставки с кнопкой :
Код
<a href="javascript://"onclick="openLayerB('demo',0,'http://megascripts.ru/demo/demo.xml','Картинка или текст',400,400,'1','','',0,'justify'); return false;"><img src="http://megascripts.ru/images/sendemail.png" alt="Картинка или текст" border="0" height="24" width="24"></a>


Вот и все удачи !

Источник: Как создать Ajax окно в Ucoz
Категория: Мои статьи | Добавил: skupev (05.02.2015)
Просмотров: 2454 | Теги: AJAX, окно, софт, Ucoz
Всего комментариев: 0
avatar



<


Поиск
блеск Личный кабинет блеск
тут не скучно
форум23.07.2019
18:24




Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Старый Вход блеск

Теги
Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 25.11.2018
15 полезных для здоровья свойств простой воды

Комментарии: 0

skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

Комментарии: 0

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

Комментарии: 2

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

    Ваши предложения по улучшению дизайна и удобства пользования сайтом.

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     --------------------

На развитие проекта!

   -------------------
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))     Сертификат на никнейм Shampusik, зарегистрирован на http://shampusik.ucoz.net/
 
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог@Mail.ru - каталог ресурсов интернет Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
Яндекс.Метрика