О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 3123»
Модератор форума: KorniloFF 
Форум » Создание сайта » JAVA-Scripts » Затемнение фона страницы когда появляется всплывающее окно (Затемнение фона страницы когда появляется всплывающее окно)
Затемнение фона страницы когда появляется всплывающее окно
Borman_fvp Дата: Пятница, 06.01.2012, 00:26 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 14
Город: Макеевка
Репутация: 0
Статус: Offline
Нуждаюсь в Вашей помощи!!!
Просидел до поздней ночи и как обычно ничего не нашел.
У мну на сайте новость открывается в ajax окне. Хочу сделать, чтобы при появлении этого самого окна фон основной страницы затемнялся и желательно чтобы делался неактивным.
Вот скрипт самого ajax окна (я так понимаю в нем нужно вносить изменения). Что нужно изменить подскажите!! Очень надеюсь на Вашу помощь. Заранее спасибо!!
Да, сайт стоит на Ucoz.


Сообщение отредактировал Borman_fvp - Пятница, 06.01.2012, 00:30
KorniloFF Дата: Пятница, 06.01.2012, 10:04 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Borman_fvp, ссылку на сайт - в профиль, ссылку на проблемную страницу - в сообщение.
Разбираться со всей этой простыней я не буду, однако есть определенные мысли по реализации того, о чем ты пишешь.
1. Я бы отказался от аякс-окна вовсе, заменил бы его на обычный блочный элемент.
2. Каким кодом вызывается сама новость?




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Borman_fvp Дата: Пятница, 06.01.2012, 10:20 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 14
Город: Макеевка
Репутация: 0
Статус: Offline
Вот код, которым вызывается окошко -


Ссылку на сайт бросил вам в личку. А проблемная страница - это все ссылки на новости.
А чем лучше блочный елемент?


KorniloFF Дата: Пятница, 06.01.2012, 10:47 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Quote (Borman_fvp)
А чем лучше блочный елемент?

Ну, хотя бы тем, что код сократится значительно, что практически все броузеры будут видеть его одинаково...
Quote (Borman_fvp)
Ссылку на сайт бросил вам в личку.

И мне каждый раз, как найду время у тебя покопаться, ее искать? Я же сказал - в профиль




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Borman_fvp Дата: Пятница, 06.01.2012, 10:52 | Сообщение # 5
Первоклашка
Группа: Пользователи
Сообщений: 14
Город: Макеевка
Репутация: 0
Статус: Offline
Ок, в свой в профиль скинул тоже ссылку, сори.

Сообщение отредактировал Borman_fvp - Пятница, 06.01.2012, 10:52
Гром Дата: Пятница, 06.01.2012, 12:05 | Сообщение # 6
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Quote (Borman_fvp)
Хочу сделать, чтобы при появлении этого самого окна фон основной страницы затемнялся и желательно чтобы делался неактивным.


На держи, написал только что. На опере работает отлично, на других браузерах не смотрел

Code
<a title="Читать журнал онлайн" href="#" onclick="op();return false;">Читать</a>  
  <script type="text/javascript">  
  function op() {  
   new _uWnd('op', 'Новость дня', 500, 500, {  
    modal: 1,  
    autosize: 1,  
   },  
   '$ENTRY_URL$');  
  }  
  </script>


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
KorniloFF Дата: Пятница, 06.01.2012, 12:34 | Сообщение # 7
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Я сделал так, без аяксов
Если вариант нравится, пиши, доработаю.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Borman_fvp Дата: Пятница, 06.01.2012, 12:41 | Сообщение # 8
Первоклашка
Группа: Пользователи
Сообщений: 14
Город: Макеевка
Репутация: 0
Статус: Offline
Гром спасибо, но что-то не работает. Я уже пробовал подобный скрипт, но он выводит только ссылку на новость в модальном окне.Как с этим бороться??

Добавлено (06.01.2012, 12:41)
---------------------------------------------
KorniloFF
Спасибо, то что нужно. Возможно затемнение фона сделать темнееи и фон всплывающего окна сделать прозрачным?? Я просто хочу чтобы затемнялся фон и было выдно только тело новости (в моем случае это журнал, его название, рейтинг и т. п.)


Сообщение отредактировал Borman_fvp - Пятница, 06.01.2012, 12:43


KorniloFF Дата: Пятница, 06.01.2012, 16:36 | Сообщение # 9
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Code
<input type="button" onclick="news ('$ENTRY_URL$')" value="Смотреть новость" />

Это вызов скрипта. Не знаю, насколько верно $ENTRY_URL$, это сам уже пробуй.
Code
<script type="text/javascript">

function news (news_src) {
getClientWidth=  (document.compatMode=='CSS1Compat' && !window.opera)?document.documentElement.clientWidth:document.body.clientWidth;  
getClientHeight= (document.compatMode=='CSS1Compat' && !window.opera)?document.documentElement.clientHeight:document.body.clientHeight;  
// alert(getClientWidth)
  body= document.getElementsByTagName('body')[0]
  new_back= document.createElement('div')
  new_back.style.width= '100%'
  new_back.style.height= '100%'
  new_back.style.position= 'fixed'
  new_back.style.top= '0'; new_back.style.left= '0'
  new_back.style.background= '#999'
  new_back.style.zIndex= '10000'
  new_back.style.opacity= '0.7'
  new_back.setAttribute('onClick', 'close_new()')
  body.appendChild(new_back)
   
  current_new= document.createElement('iframe')
  current_new.style.width= '700px'
  current_new.style.height= '500px'
  current_new.style.position= 'fixed'
  current_new.style.top= (getClientHeight-500)/2+'px'; current_new.style.left= ( getClientWidth-700)/2 +'px'
  current_new.style.background= '#fff'
  current_new.style.opacity= '1'
  current_new.src= news_src
  // current_new.innerHTML= 'Всякая всячина или код новости...'
  new_back.appendChild(current_new)
}
   
  function close_new () {  
   current_new.style.display= 'none'
   new_back.style.display= 'none'
  }
   
</script>

Это сам скрипт.

Пример работы для произвольной страницы здесь




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


Гром Дата: Пятница, 06.01.2012, 16:37 | Сообщение # 10
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Quote (Borman_fvp)
Гром спасибо, но что-то не работает. Я уже пробовал подобный скрипт, но он выводит только ссылку на новость в модальном окне

Мистика. Где ты мог его ставить, если я его написал после твоего вопроса....


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
Форум » Создание сайта » JAVA-Scripts » Затемнение фона страницы когда появляется всплывающее окно (Затемнение фона страницы когда появляется всплывающее окно)
Страница 1 из 3123»
Поиск:
Затемнение фона страницы когда появляется всплывающее окно - Создание сайта - JAVA-Scripts - Форум затемнение страницы,при выходе на сайт
Сегодня были на форуме:
interrior4you

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


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

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

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

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

Поиск