Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > Сайтостроение
Расширенный поиск

Сайтостроение В этой категории темы о создании сайтов, их раскрутке, скриптах и т.п

Ответ
 
Опции темы Поиск в этой теме
Старый 15.02.2013, 19:34 Вверх   #1
Уважаемая личность
 
Аватар для zer0cool
zer0cool вне форума
Доп. информация
По умолчанию помогите найти скрипт

помогите найти скрипт для ucoz сайта, чтобы при нажатии на ссылку она не открвалась, а всплывало как бы окно и там был текст страницы
  Ответить с цитированием
Старый 15.02.2013, 21:49 Вверх   #2
Fedoraвод
 
Аватар для Злой
Злой вне форума
Доп. информация
По умолчанию

Цитата Сообщение от zer0cool Посмотреть сообщение
скрипт для ucoz сайта
яваскрипт, он же javascript


Цитата Сообщение от zer0cool Посмотреть сообщение
нажатии на ссылку она не открвалась, а всплывало как бы окно и там был текст страницы
1 это делает атрибут onclick у тега ссылки
2 окно - это просто блок данных (текст страницы) который изначально скрыт, а по клику срабатывает функция, которая делает его видимым.

Здесь никакие хаки, модули или плагины не нужны, все делается тремя строками аваскрипта, ведь все это стандартные функции всех браузеров.
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 15.02.2013, 23:38 Вверх   #3
Грамотный форумчанин
 
Аватар для VLADI
VLADI вне форума
Доп. информация
По умолчанию

Цитата Сообщение от zer0cool Посмотреть сообщение
помогите найти скрипт для ucoz сайта, чтобы при нажатии на ссылку она не открвалась, а всплывало как бы окно и там был текст страницы
colorbox. Ставь и не парься.
Цитата Сообщение от Злой Посмотреть сообщение
яваскрипт, он же javascript
Злой прав
  Ответить с цитированием
Cказали cпасибо:
Старый 16.02.2013, 06:46 Вверх   #4
Уважаемая личность
 
Аватар для zer0cool
zer0cool вне форума
Доп. информация
По умолчанию

Злой, можете рассказать примерно как сделать

Добавлено через 46 секунд

пример кода показать
  Ответить с цитированием
Старый 16.02.2013, 12:13 Вверх   #5
forever alone
 
Аватар для no name
no name вне форума
Доп. информация
По умолчанию

zer0cool, http://www.jacklmoore.com/colorbox
в демках смотри исходный код.
  Ответить с цитированием
Старый 17.02.2013, 10:38 Вверх   #6
Уважаемая личность
 
Аватар для zer0cool
zer0cool вне форума
Доп. информация
По умолчанию

ну помогите пожалуйста)
вот нашел код
Код:
<center><a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display='block'"><span style="text-decoration: underline;">Щелкать здесь!</span></a>

<div id='PopUp' style='display: none; position: absolute; center: 50px; top: 50px; border: solid black 1px; padding: 10px; background-color: rgb(255,255,225); text-align: justify; font-size: 12px; width: 400px;'>Это текст во окне<br /><div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' style='font-size: 12px;' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'none' " ><span style="text-decoration: underline;">закрыть</span></a></div></div></center>
в общем минус в том что нужно увеличивать размер окна под текст, если не увеличить текст вылазит за рамки а не переходит на следующую строку, помогите хотя бы это исправить
  Ответить с цитированием
Старый 17.02.2013, 10:55 Вверх   #7
Уважаемая личность
 
Аватар для zer0cool
zer0cool вне форума
Доп. информация
По умолчанию

все решил проблему, теперь не могу сделать, чтобы окно по центру экрана было, при любом разрешении экрана
  Ответить с цитированием
Старый 17.02.2013, 11:15 Вверх   #8
Fedoraвод
 
Аватар для Злой
Злой вне форума
Доп. информация
По умолчанию

css:
left:50%;
margin-left:-200px; // тут должна быть половина ширины всплывающего окна.
  Ответить с цитированием
Cказали cпасибо:
Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 23:11. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.08820 секунды с 13 запросами