Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Странное окошко

Автор: R.M. 10.9.2005, 00:42

Пример есть на сайте http://www.yandex.ru нажмите на ссылку "зайти в почту", мне интересно как делаются окна подобного типа, кстати не только там оно было замечено smile

Мне кажется это на JS делается. хотя я могу ошибаться

Автор: Sardar 10.9.2005, 01:46

А в чём вопрос? На яндексе это просто слой на абсолютной позиции, отключи стили, увидишь.

Автор: R.M. 10.9.2005, 02:39

Sardar

Вопрос в том как это сделать smile

Автор: Aliance 10.9.2005, 14:22

Код


<div style="position: absolute; left: 300px; top:250px; background-color: #ccc">Окошко</div>

Если в течение 3 дней не объясните при чем здесь JS - перенесу в верстку.

Автор: Sardar 10.9.2005, 14:28

Слой на абсолютной позиции сложно сделать...?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style type="text/css">
#wind {
   position: absolute;
   top: 30%;
   left: 30%;
   display: none;
   width: 200px;
   height: 180px;
   border: 2px solid navy;
   text-align: center;
   line-height: 170px;
}
</style>
<script type="text/javascript">
<!--

function showWindow() {
  document.getElementById('wind').style.display='block';
}
//-->
</script>
</head>

<body>
<button onclick="showWindow()">Show</button>
<div id="wind">
 <span style="vertical-align: middle">Text</span>
</div>

</body>
</html>

Вопрос больше в вёрстку, из JS тут только скрытие/показ.

Автор: R.M. 11.9.2005, 00:29

Aliance

Цитата(Aliance @ 10.9.2005, 15:22)

<div style="position: absolute; left: 300px; top:250px; background-color: #ccc">Окошко</div>

это не совсем то

Цитата(Aliance @ 10.9.2005, 15:22)

Если в течение 3 дней не объясните при чем здесь JS - перенесу в верстку.

можеш даже удалить\закрыть, я ответ уже получил smile

Sardar

Спасибо

Автор: Sardar 11.9.2005, 00:53

Цитата

это не совсем то

Цитата

я ответ уже получил

Мой пример ничем не отличаеться от Aliance.
Куксикус зри в корень, учись видеть элементарное и простое в "сложных вещах" smile

Автор: R.M. 12.9.2005, 11:23

Цитата(Sardar @ 11.9.2005, 01:53)

Мой пример ничем не отличаеться от Aliance.

Я это понял, но ты дал пример котороый как бы уже работает и я буду разбираться с ним и настраивать его и т.д., а тот немнога недаработанный, просто я пока по старинке на <table> всё делаю поэтому к дивам не привык и не всегда знаю как их применить, а в JS я вобще 0, надо будет какнить книжку купить, а то язык то нужный smile

Цитата(Sardar @ 11.9.2005, 01:53)

Куксикус зри в корень, учись видеть элементарное и простое в "сложных вещах" smile

Спасибо за совет!
+