Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Всплывающие окна 
:(
    Опции темы
SlePoY_SniPeR
Дата 21.8.2008, 15:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 12.9.2006

Репутация: нет
Всего: нет



Задумал у себя на сайте сделать одну хитрость: Чтоб при клике на ссылку (сама она в виде картинки, идёт на .html файл).
Так я хочу, чтоб эта страничка открывалась в новом всплывающем окне, а главная страница как бы "затемнялась"..

Так вот, если вы меня правильно поняли, можно ли это сделать средствами html и javascript? ))
И если да, от как?

З.Ы. Ну готового решения я на форуме не ищу, хоть подскажите куда копать и где хоть почитать именно про это можно... smile
PM MAIL   Вверх
bars80080
Дата 21.8.2008, 15:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



ну, чтобы открыть ссылку в новом окне достаточно прописать в ссылке цель:
Код

<a href="link" target="_blank" onclick="func_shadow();">

а чтобы затемнить...
можно ратянуть на всю площадь документа див с полупрозрачным чёрным фоном. этот див можно хранить в скрытом состоянии display: none; задать ему в качестве бэкграунда полупрозрачный пнг рисунок и дополнительно применить ему css-фильтр
при клике по ссылке работает функция func_shadow() которая считывает размеры body, растягивает див по этим размерам и включает его


имхо, так
PM MAIL WWW   Вверх
SlePoY_SniPeR
Дата 21.8.2008, 18:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 12.9.2006

Репутация: нет
Всего: нет



Ага, сработала такая тема! Спасибо огромное за совет smile Усё сделал)) но есть маленькая проблема: это работает корректно в IE (Мозиллу не проверял), а вот в Opera,увы, просто черный фон без всяких прозрачностей... :( - Всё, решил проблему так:

Код

<div id=testik style="position:absolute; top:0%; left:0%; width:100%; height:100%; visibility:hidden; background-image:url(backgr.png); filter: alpha(opacity=70); (!!!)opacity: .7;">


Это сообщение отредактировал(а) SlePoY_SniPeR - 21.8.2008, 20:10
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0411 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.