Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.01.2013, 19:12   #1
In Extremo
 
Регистрация: 25.01.2013
Сообщений: 6
По умолчанию Всплывающее Окно на веб-странице

Здравствуйте, появилась проблемка. Хотел на сайт выставить всплывающую картинку, искал в интернете готовые коды для страничке и нашел, но проблема в том, что не могу закрыть эту всплывающую картинку...

<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<style>
.win { position: fixed; left: 10%; top: 10%; margin-left: 50px; margin-top:50px;}
</style>
</head>
<body>
<a href=#><img class=win src=http://causeni-rus.ucoz.ru/severjane.gif></a>
</body>
</html>

Что нужно добавить, чтобы можно было закрывать картинку?
In Extremo вне форума Ответить с цитированием
Старый 25.01.2013, 19:18   #2
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

Это у вас код всплывающего окна или всей страницы? Если первое условие истинно, то предоставьте пожалуйста код странички, открывающей это окно.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог
_PROGRAMM_ вне форума Ответить с цитированием
Старый 25.01.2013, 19:22   #3
In Extremo
 
Регистрация: 25.01.2013
Сообщений: 6
По умолчанию

А по русски можно? я нупко то, скажите что и как сделать и какой код куда вставить
In Extremo вне форума Ответить с цитированием
Старый 25.01.2013, 19:38   #4
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

В Вашем случае по-любому JavaScript. Делать нужно в зависимости от верстки, но могу предложить так.
Код:
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<style>
.win { position: fixed; left: 10%; top: 10%; margin-left: 50px; margin-top:50px;}
</style>
</head>
<body>
<img id="win" src="/images/Logo.gif" onClick="document.getElementById('win').style.visibility='hidden'">
</body>
</html>
И на картинке крестик нарисуйте.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог
_PROGRAMM_ вне форума Ответить с цитированием
Старый 25.01.2013, 19:46   #5
In Extremo
 
Регистрация: 25.01.2013
Сообщений: 6
По умолчанию

Так, теперь картинка сместилась далеко вниз, на нижний блог, но уже закрывается)
In Extremo вне форума Ответить с цитированием
Старый 25.01.2013, 19:50   #6
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

Пример можно? Ссылку или что-то другое.
Код:
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<style>
#win { position: fixed; left: 10%; top: 10%; margin-left: 50px; margin-top:50px;}
</style>
</head>
<body>
<img id="win" src="/images/Logo.gif" onClick="document.getElementById('win').style.visibility='hidden'">
</body>
</html>
Если так?

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог

Последний раз редактировалось _PROGRAMM_; 25.01.2013 в 19:54.
_PROGRAMM_ вне форума Ответить с цитированием
Старый 25.01.2013, 20:54   #7
In Extremo
 
Регистрация: 25.01.2013
Сообщений: 6
По умолчанию

Спасиб братан за помощь, все работает)))...Кстати, как еще можно затемнить экран на втором плане? не знаешь?
In Extremo вне форума Ответить с цитированием
Старый 25.01.2013, 20:59   #8
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

Всегда пожалуйста.
Цитата:
Кстати, как еще можно затемнить экран на втором плане?
Смотря что будет на втором плане. Можно просто фон темный поставить. Если у Вас на заднем плане будет текст, то код придется менять коренным образом.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог
_PROGRAMM_ вне форума Ответить с цитированием
Старый 25.01.2013, 21:05   #9
In Extremo
 
Регистрация: 25.01.2013
Сообщений: 6
По умолчанию

Ну как бы просто темный фон, то есть хочу чтобы все внимание шло на выходяшее окно
In Extremo вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающее окно servtit Microsoft Office Excel 1 07.07.2011 11:56
Всплывающее окно flame33 JavaScript, Ajax 2 11.02.2011 16:51
всплывающее окно beygul Помощь студентам 4 28.08.2010 01:43
Всплывающее окно manick Общие вопросы Delphi 1 13.05.2010 21:24
Всплывающее окно EdNovice Общие вопросы Delphi 2 09.07.2008 18:04