Модераторы: Sardar, Aliance
  

Поиск:

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


Опытный
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

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



есть окно

Код

<html>
<head>
<script type="text/javascript">
function f1(){
 var d=document.createElement('div');
 document.body.appendChild(d);
 d.style.cssText='position:absolute;left:200px;top:200px;border:1px dashed #0F0';
 var i=document.createElement('img');
 i.src='bla.jpg'
 d.appendChild(i);
}
</script>
</head>
<body>
<input type="button" value="Show" onmove="f1();">
</body>
</html> 


1)при наведении на кнопку ,картинка не появляется, почему?
2) если использовать onclick ,то картинка появится и сам не закроется. А как сделать чтобы при наведении на кнопку(ссылку),то появлялась сообщение,если курсор не наведен,то она(картинка) пропадает?
3)Left:200px;top:200px; это же не центр экрана. А какие константы размера окна? Чтобы центрировать по экрану.
PM   Вверх
Amphiluke
Дата 2.9.2009, 13:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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



1. Что за событие onmove?
2. Зачем каждый раз создавать объекты, когда можно один раз создать at design time, и при наведении (onmouseover) показывать, а при уходе курсора (onmouseout) — прятать.
3. См. (2) + в CSS {left: 50%; margin-left: /*минус полширины*/}

Добавлено через 6 минут и 45 секунд
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="content-type" content="text/html;charset=utf-8" />
   <title>Template</title>
   <style type="text/css">
      .div_class {
         border: 3px solid #000000;
         display: none;
         height: 100px;
         left: 50%;
         margin: -50px 0px 0px -50px;
         position: absolute; /* fixed? */
         top: 50%;
         width: 100px;
      }
   </style>
   <script type="text/javascript">
      function showhide(action) {
         document.getElementById("d").style.display = (action == "show") ? "block" : "none";
      }
   </script>
</head>
<body>
   <p><input type="button" onmouseover="showhide('show');" onmouseout="showhide('hide');" value="button" /></p>
   <div id="d" class="div_class"><img src="blah.jpg" alt="blah" /></div>
</body>
</html>

PM   Вверх
rthsobakas
Дата 2.9.2009, 13:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

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



Amphiluke, 
3) в процентах.... Да точно. Left:50%;top:50%; в опере не по центру почему то,хотя в других тоже.Ладно сделаю по 20% пусть так будет тогда.
2)А вот непонятно куда  onmouseout запихать. 
Код

<input type="button" value="Show" onmouseover="f1();">

1)это onmouseover просто я забыл как она пишется.

Добавлено через 1 минуту и 55 секунд
а теперь ясно

Это сообщение отредактировал(а) rthsobakas - 2.9.2009, 13:18
PM   Вверх
rthsobakas
Дата 2.9.2009, 13:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

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



cтоп. А если этот код
Код

<div id="d" class="div_class"><img src="blah.jpg" alt="blah" /></div>

будет по середине какого то другого ,а картинка будет большой. Он растянет мне весь контент тогда. 
А можно сделать чтобы без порчи внешнего вида поверх картинка вылезла ?
PM   Вверх
Amphiluke
Дата 2.9.2009, 13:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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



Цитата(rthsobakas @  2.9.2009,  13:33 Найти цитируемый пост)
Он растянет мне весь контент тогда. 

А с какой стати? Контейнер ведь абсолютно позиционирован, т.е. он вне «общего потока»
PM   Вверх
rthsobakas
Дата 2.9.2009, 13:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 562
Регистрация: 20.9.2007

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



position: absolute; /* fixed? */ из-за этого?
PM   Вверх
Amphiluke
Дата 2.9.2009, 13:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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



Угу. На выбор.

Добавлено через 2 минуты и 32 секунды
Кстати, можно еще добавить в стиль класса
Код

z-index: 10000;

PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




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


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

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