Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки Java Script arrow Web-программирование: "Java Script(JS): Строка состояния"
26.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Web-программирование: "Java Script(JS): Строка состояния" Печать E-mail
Автор megabax   
27.10.2014 г.
Урок 13. Управление шрифтами в CSS New Page 1

Web-программирование: "Java Script(JS): Строка состояния"

 

Исходники к уроку можно скачать здесь.

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS") и  Разработка сервиса сайта на PHP на примере партнерской программы).

 

Во многих окнах браузера есть строка состояний. Как правило, она располагается в нижней части экрана. Обычно в этой строке состояний отображаются подсказки при наведении мыши на какой либо объект, например, если навести курсором мыши на ссылку, то в нижней строке отобразиться ее адрес:

 

Web-программирование: "Java Script(JS): Строка состояния"

 

Но можно отображать и свои состояния, для этого в JavaScript предусмотрено свойство status. Давайте рассмотрим пример:

<html>

    <body>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function displayTip()

            {

                status="Кликните на изображении, что бы увеличить его";

            }

            function eraseTip()

            {

                status="";

            }

            function enlarge()

            {

                document.images[0].src="large.jpg";

            }

        </SCRIPT>

        <img src="small.jpg" ONMOUSEOVER="displayTip()" ONMOUSEOUT="eraseTip()" ONCLICK="enlarge()">

    </body>

</html>

 

Этот пример отображает картинку, при наведении на которую мышкой появляется подсказка, что клик на картинке увеличивает ее:

Web-программирование: "Java Script(JS): Строка состояния"

 

И при клике действительно увеличивает:

Web-программирование: "Java Script(JS): Строка состояния"

 

 

С уважением, Шуравин Александр, e-mail: Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script '; document.write( '' ); document.write( addy_text98562 ); document.write( '<\/a>' ); //-->\n Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script , автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 

Последнее обновление ( 27.10.2014 г. )
 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги