Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Всплывающие окна


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

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

З.Ы. Ну готового решения я на форуме не ищу, хоть подскажите куда копать и где хоть почитать именно про это можно... smile

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

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

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


имхо, так

Автор: SlePoY_SniPeR 21.8.2008, 18:03
Ага, сработала такая тема! Спасибо огромное за совет 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;">

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)