О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: KorniloFF  
Форум » Создание сайта » JAVA-Scripts » Pop Up окна и кнопка Input
Pop Up окна и кнопка Input
SUBLIMATOR Дата: Воскресенье, 19.02.2012, 19:30 | Сообщение # 1
Третьеклашка
Группа: Пользователи
Сообщений: 29
Репутация: 0
Статус: Offline
Подскажите, плиииизз, как должен выглядеть код кнопки при нажатии (клик) на которую всплывало бы по серединке экрана pop up окно с содержимым, например вызов ява скрипта, или в поп ап окне страничку сайта определённую.

Вобщем нужну сделать кнопку при нажатии на которую всплывало бы окно pop up с затемняющимся задним фоном с правилами добавления комментариев.


Гром Дата: Воскресенье, 19.02.2012, 19:58 | Сообщение # 2
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Можно сделать аякс окно. Легко и современно, так как аякс технологии уже широко используются во всём Интернет

Модальное окно с затемнением фона

Code
<a href="javascript://" onclick="new _uWnd('ajax','Заголовок окна','400','200',{autosize:false,modal: true,close:true,header:true,nomove: false,fixed:true},'Тут будет содержимое окна')">Текст ссылки</a>


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
SUBLIMATOR Дата: Воскресенье, 19.02.2012, 20:31 | Сообщение # 3
Третьеклашка
Группа: Пользователи
Сообщений: 29
Репутация: 0
Статус: Offline
Гром, Пардон, я перепутал аякс окна с поп апными )))) Именно это я и имел в виду ))))

А можно вместо тектовой ссылки кнопку input ... Подскажите код.

Еще вопросик: Например , чтобы в "содерживое окна" выводилось файл .xml ?

И ещё вопросик №2: Как в аякс окне вывести в содержимом окна другую страничку сайта, например для добавления файлов (каталог файло)?


Сообщение отредактировал SUBLIMATOR - Воскресенье, 19.02.2012, 20:34
Гром Дата: Воскресенье, 19.02.2012, 20:57 | Сообщение # 4
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
1. В блокноте создаешь xml файл, в нём ппишешь

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


. где ID - уникальное имя, запоминай вплоть до регистра, а HTML код - это текст, который будет выводиться в аякс окне. Файл сохраняешь в формате UTF-8

2. Заливаешь xml файл на сервер

3. Прописываешь там, где тебе нужно код

Code
<input type="button" onclick="openLayerB('ID',0,'http://url.xml','WindowName',200,100,'1','','',0,'justify'); return false;" value="надпись на кнопке">


Где
ID - имя, как и в xml документе
WindowName - имя окна
http://url.xml - прямая ссылка к xml файлу

Проверено на браузере Опера, на других не знаю


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!


Сообщение отредактировал Гром - Воскресенье, 19.02.2012, 21:09
Гром Дата: Воскресенье, 19.02.2012, 21:06 | Сообщение # 5
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Что касается второго вопроса, то для вывода в содержимом окна контента страницы, в xml файле вместо кода hml пиши

Code
<iframe src="ссылка на любую страницу" width="100%" height="100%" frameborder="0"></iframe>


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!


Сообщение отредактировал Гром - Воскресенье, 19.02.2012, 21:07


SUBLIMATOR Дата: Понедельник, 20.02.2012, 00:07 | Сообщение # 6
Третьеклашка
Группа: Пользователи
Сообщений: 29
Репутация: 0
Статус: Offline
Гром, спасибо большое!

Гром Дата: Понедельник, 20.02.2012, 02:53 | Сообщение # 7
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Quote (SUBLIMATOR)
Гром, спасибо большое!

SUBLIMATOR, на здоровье!


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
SUBLIMATOR Дата: Вторник, 28.02.2012, 16:12 | Сообщение # 8
Третьеклашка
Группа: Пользователи
Сообщений: 29
Репутация: 0
Статус: Offline
Гром, подскажите, пожалуйста, а возможно ли, чтобы модальное окно ajax было без крестика, тоесть, чтобы невозможно было закрыть это окошко? Очень нужно.
Гром Дата: Вторник, 28.02.2012, 18:27 | Сообщение # 9
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Конечно, для этого у окна есть ряд параметров

autosize: (автоопределение размеров)
false - размер определяется автоматически
true - заданные размеры

modal: (определяет, модальное ли окно)
false - обычное окно
true - модальное окно с затемнением фона и с возвращение значения выбора пользователя

close: (кнопка закрытия)
false - кнопка не отображается
true - кнопка отображается

header: (отображение шапки окна)
false - не отображается
true - отображается

nomove: (запрет перемещение окна пользователем)
false - можно перемещать
true - нельзя перемещать

fixed: (фиксация окна)
false - остаётся на одном месте
true - прокручивается вместе со страницей

Вроде всё указал, ничего не забыл

Модальное фиксированное окно с заданными размерами, с отображением шапки и без возможности перемещения и закрытия

Code
<a href="javascript://" onclick="new _uWnd('ajax','Заголовок окна','200','100',{autosize:false,modal: true,close:false,header:true,nomove: true,fixed:true},'Содержимое окна')">Текст ссылки</a>


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
SUBLIMATOR Дата: Вторник, 28.02.2012, 19:38 | Сообщение # 10
Третьеклашка
Группа: Пользователи
Сообщений: 29
Репутация: 0
Статус: Offline
Гром, спасибо большое! Если можно немножко сделать поправочку вот на этот код:
Code
<script type="text/javascript"> window.onload = function StartPM() {openLayerB('Ahtung',0,'/ahtung.xml','Увага!',450,250,1,1,1);} </script>

Как здесь переделать, чтобы было так, как Вы объяснили?
Заранее спасибо!


Сообщение отредактировал SUBLIMATOR - Вторник, 28.02.2012, 19:43
Форум » Создание сайта » JAVA-Scripts » Pop Up окна и кнопка Input
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Pop Up окна и кнопка Input - Создание сайта - JAVA-Scripts - Форум
Сегодня были на форуме:
Садзи, ira19840, yulyakukochka, vori, constructor_kompas3d, ruptur

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск