бесплатные списки прокси
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
форум webanet » Помоги себе сам компьютеры и интернет » Как сделать? Что делать? » Как создать аякс или всплывающее окно (вспомогательные окна вызов по клику и наведению)
Как создать аякс или всплывающее окно
worldname Дата: Суббота, 2011-12-10, 03:16 | Сообщение # 1
Генералиссимус
Группа: lown
Сообщений: 202
Статус: Offline
Рассмотрим создание вспомогательных вплывающих окошек по клику и при наведении. На самом деле область применения всплывающих аякс и просто окошек с заданными размерами очень широка. Их можно применять для вывода подсказок, для подгрузки материала или картинок, для игр в окнах и т.д

Вызов окна с игрой по клику на превью логотипа игры

лого


Код
<div align="center"><a href="javascript://"onclick="window.open('http://webanetlabs.net/games/psix.swf','up','scrollbars=1,top=0,left=0,resizable=1,width=680,height=580');return false;"><img alt="лого" style="margin: 0pt; padding: 0pt; border: 0pt none; width: 160px; height: 120px;" src="http://webanetlabs.net/_sf/50/5076.jpg" title="нажми чтобы поиграть"></a></div>


где
Код
width=680,height=540
размеры всплывающего окна с игрой
Код
width: 160px; height: 120px
размеры логотипа
Код
javascript://"onclick="window.open(
вызов окна по клику

Вплывающая подсказка при наведении на ссылку

тут должно быть много много текста пока не дойдет до слова ссылко далее на водим на слово ссылко, читаем всплывающую подсказку и идем дальше

Код
<a href="javascript://"onmouseover="new _uWnd('ajax','заголовок','200','200',{close:true,header:true,nomove: false,fixed:true},'тут должен быть поясняющий текст')">ссылко</a>


где
Код
'заголовок'
это заголовок вашего аякс окошка
Код
'200','200'
размеры
Код
close:true и fixed:true
присутствие закрывающего значка и возможности закрыть окно и фиксация по отношению ко всему экрану, то есть аякс окошко стоит на месте, а сайт под ним прокручивается
Код
header:true
заголовок

Вызов всплывающего окна с картинкой в полном размере при наведении на превью

лого


Код
<a href="javascript://"onmouseover="window.open('http://webanetlabs.net/bat/8.jpg','up','scrollbars=1,top=0,left=0,resizable=1,width=680,height=580');return false;"><img alt="лого" style="margin: 0pt; padding: 0pt; border: 0pt none; width: 160px; height: 120px;" src="http://webanetlabs.net/_sf/50/5076.jpg" title="полный размер"></a>


Вызов аякс окна с картинкой в полном размере по наведению

лого


Код
<a href="javascript://"onmouseover="new _uWnd('ajax','картинка','681','583',{autosize:false,modal: false,close:true,header:true,nomove: false,fixed:true},{xml:false,url:'http://webanetlabs.net/zerg/retio.html'};)"><img alt="лого" style="margin: 0pt; padding: 0pt; border: 0pt none; width: 160px; height: 120px;" src="http://webanetlabs.net/_sf/50/5076.jpg" title="полный размер"></a>


Код
modal: false
если перевести значение в true, то у вас будет модальное аякс окно, при открытии которого свободная часть экрана будет затеняться

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


Код
<img border="0" src="http://webanetlabs.net/zerg/retio.html">
получить ссылку и прописать в код

Тоже самое можно сделать не при наведении. а вызов по клику. Для этого в коде нужно изменить
Код
onmouseover на onclick
 
worldname Дата: Суббота, 2011-12-10, 03:20 | Сообщение # 2
Генералиссимус
Группа: lown
Сообщений: 202
Статус: Offline
Вызов инородного окна при загрузке текущей страницы

Code
<script>   
window.open("http://webanetlabs.net/forum/","")
</script>   


Если в любое место кода вставить этот скрипт, то во время загрузки страницы с установленным скриптом автоматически откроется другая (главная данного форума) в новой вкладке (мозила, опера и хром) и в новом окне в IE. Это примитивный код, но на его основе построен вызов некоторых форм рекламы

Есть ещё множество способов создать ситуации со всплывающими или аякс окнами: как в мирных целях, расширяющих функционал и для удобства пользователей, так и в целях некрасивых, направленных на насилие над браузерами посетителей и принуждению к некоторым действиям

Никогда не используйте окна с размерами
Code
width=0,height=0
нулевого значения со скрытой подгрузкой, особенно если эти окна прячутся под другими или с выносом за пределы видимого экрана, где значения top= и позиционирования стоят как минимум четырехзначные

Старайтесь не применять попандеры и попапы
 
форум webanet » Помоги себе сам компьютеры и интернет » Как сделать? Что делать? » Как создать аякс или всплывающее окно (вспомогательные окна вызов по клику и наведению)
  • Страница 1 из 1
  • 1
Поиск: