JavaScript

08.03.2008, 09:10

Нужно написать такой вот скриптик (см. аттач) с комментариями, чтобы человек, не знающий JavaScript, смог разобраться программе и переделать ее по своему усмотрению.

kainen · 11.04.2008, 14:20

......

C1FR0 · 30.06.2009, 02:20

Задача:
Переписать код под элемент div или td с использованием метода onmouseover. Полностью сохранить функциональность выполнения метода.

Код HTML:

<html >
  <head >
    <style type = "text/css" >
      a{
        display: block;
        height: 100px;
        width: 100px;
      }
      a:link, a:visited, a:active{
        background-image: url('light_off.png');
      }
      a:hover{
        background-image: url('light_on.png');
      }
    </style>
  </head>
  <body >
    <a href = "#" >&nbsp;</a>
  </body>
</html>

Insya · 01.07.2009, 17:40

Цитата:

Сообщение от C1FR0

Задача:
Переписать код под элемент div или td с использованием метода onmouseover. Полностью сохранить функциональность выполнения метода.

Код HTML:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript">
function f1()
{
	document.getElementById("div").style.backgroundImage = "url('lighton.png')";
}
function f2()
{
	document.getElementById("div").style.backgroundImage = "url('lightoff.png')";
}
</script>
</head>

<body>
<div id="div" style="width:100px;height:100px;background-image:url('lightoff.png')" onmouseover="f1()" onmouseout="f2()"></div>
</body>

</html>

ΛLIEN · 01.07.2009, 17:48

Нафига кодить на javascript, если через css это и так прекрасно работает. Javascript может быть отключен в браузере в целях безопасности и работать не будет.

C1FR0 · 01.07.2009, 18:43

to Insya
Благодарю!

to ΛLIEN
В задумке объект не должен быть ссылкой.
Возможно использовать пару <a ></a> без параметра href, но в этом случае пропадает кроссбраузерность.
Данный прием является дизайнерским решением. Если он не будет работать в браузерах с отключенным JS, то это не беда. А если его не увидят пользователи потому, что им нравится какой-то из 5 основных браузеров, то это нехорошо.

Insya · 02.07.2009, 11:11

Цитата:

Сообщение от ΛLIEN

Нафига кодить на javascript, если через css это и так прекрасно работает. Javascript может быть отключен в браузере в целях безопасности и работать не будет.

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

30.06.2009, 02:20	#3
C1FR0 Complete Регистрация: 07.01.2009 Адрес: Гатчина Нарушения:[Посмотреть]	Задача: Переписать код под элемент div или td с использованием метода onmouseover. Полностью сохранить функциональность выполнения метода. Код HTML: <html > <head > <style type = "text/css" > a{ display: block; height: 100px; width: 100px; } a:link, a:visited, a:active{ background-image: url('light_off.png'); } a:hover{ background-image: url('light_on.png'); } </style> </head> <body > <a href = "#" >* </a> </body> </html> __________________ MATRIX — connecting people Последний раз редактировалось C1FR0. 30.06.2009 в 02:25.*

01.07.2009, 17:48	#5
ΛLIEN пришелец Регистрация: 23.01.2006 Адрес: Земля, 013 в центуре Нарушения:[Посмотреть]	Нафига кодить на javascript, если через css это и так прекрасно работает. Javascript может быть отключен в браузере в целях безопасности и работать не будет. __________________ Use the Source, Luke!

01.07.2009, 18:43	#6
C1FR0 Complete Регистрация: 07.01.2009 Адрес: Гатчина Нарушения:[Посмотреть]	to Insya Благодарю! to ΛLIEN В задумке объект не должен быть ссылкой. Возможно использовать пару <a ></a> без параметра href, но в этом случае пропадает кроссбраузерность. Данный прием является дизайнерским решением. Если он не будет работать в браузерах с отключенным JS, то это не беда. А если его не увидят пользователи потому, что им нравится какой-то из 5 основных браузеров, то это нехорошо. __________________ MATRIX — connecting people Последний раз редактировалось C1FR0. 01.07.2009 в 18:47.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид