Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

Разное

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Что такое "Модальное окно"?

Сообщения:  [1-10]   [11-20] 

 
 автор: cheops   (11.11.2011 в 22:48)   письмо автору
 
   для: Владимир55   (11.11.2011 в 22:42)
 

>Размер окна определяется автоматически исходя из длины текста?
Да.

>А такие атрибуты, как желтый треугольник и надпись "Сообщение с ВЭБстраницы" формируются >автоматически?
Да, более того, в разных браузерах они оформлены по-разному.

>При иных способах создания модального окна, нежели alert (iframe или ajax), их может и не быть,
>верно?
Совершенно верно, более того, в этом случае дизайн окна стараются согласовать с дизайном сайта.

  Ответить  
 
 автор: Владимир55   (11.11.2011 в 22:42)   письмо автору
 
   для: cheops   (11.11.2011 в 22:28)
 

Размер окна определяется автоматически исходя из длины текста?

А такие атрибуты, как желтый треугольник и надпись "Сообщение с ВЭБстраницы" формируются автоматически? При иных способах создания модального окна, нежели alert (iframe или ajax), их может и не быть, верно?

  Ответить  
 
 автор: cheops   (11.11.2011 в 22:28)   письмо автору
 
   для: Владимир55   (11.11.2011 в 22:14)
 

Можно начать отталкиваться от следующего скрипта
<html>
<head>
  <title>Модальное окно</title>
  <script type="text/javascript">
    window.onload = function() {
      document.getElementById('id_lnk').onclick = function() {
        alert("Караул! Нажимают!");
      }
    }
  </script>
</head>
<body>
  <a id='id_lnk' href="#">нажми меня</a> 
</body>
</html>

  Ответить  
 
 автор: Владимир55   (11.11.2011 в 22:14)   письмо автору
 
   для: cheops   (11.11.2011 в 13:53)
 

А как сделать, чтобы модальное окно появлялось при нажатии на ссылку (пусть даже в окне только текст)?

  Ответить  
 
 автор: cheops   (11.11.2011 в 13:53)   письмо автору
 
   для: Владимир55   (11.11.2011 в 12:03)
 

Да, можно при нажатии на ссылку, но вот размещать HTML-элементы в окне alert() уже не получится (по крайней мере в большинстве браузеров) - только обычный текст, чтобы размещать HTML-ссылки, нужно реализовать DIV-блок.

  Ответить  
 
 автор: Владимир55   (11.11.2011 в 12:03)   письмо автору
 
   для: cheops   (11.11.2011 в 09:49)
 

Замечательный пример, спасибо!

Однако здесь окно открывается непосредственно при запуске страницы, а ссылка как бы и не причем. А можно сделать так, чтобы модальное окно открывалось при клике на ссылку? То есть, эта ссылка вела бы не на softtime, а на модальное окно.

А ещё лучше бы при этом в тексте, воспроизводимом в модальном окне, иметь ссылку на softtime. Например, со слова "нажать".

  Ответить  
 
 автор: cheops   (11.11.2011 в 09:49)   письмо автору
 
   для: Владимир55   (11.11.2011 в 09:45)
 

Сохраните следующий код в файл с расширением html и запустите его.
<a href="http://softtime.ru">ссылка</a>
<script>
  alert("Попробуйте нажать на ссылку,\r\n пока это окно не закрыто!");
</script>

  Ответить  
 
 автор: Владимир55   (11.11.2011 в 09:45)   письмо автору
 
   для: cheops   (10.11.2011 в 13:37)
 

А не могли бы Вы показать код простейшего примера модального окна? Например, через alert() - как это выглядит?

  Ответить  
 
 автор: AlexSol   (10.11.2011 в 16:24)   письмо автору
 
   для: cheops   (10.11.2011 в 14:14)
 

а мне кажется что лучше подгружать отдельно, если конфет много и у каждой своя таблица, то получиться много скрытой информации которая пользователю может вообще не понядобиться

  Ответить  
 
 автор: cheops   (10.11.2011 в 14:14)   письмо автору
 
   для: Владимир55   (10.11.2011 в 14:06)
 

Мне кажется, что в этом случае, разумно всю эту информацию хранить в скрытом виде на странице и отображать при помощи JS, чтобы поисковые системы могли её сразу индексировать. И роботам, и пользователям будет удобно, а самое главное, скорее всего список не очень велик и страница будет не очень велика. Ну если, конечно, вам не кажется, что информация о производителе разбавит текст и снизит ценность страницы для поисковых систем.

  Ответить  

Сообщения:  [1-10]   [11-20] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования