Автор Тема: не работает прикрепленный javascript  (Прочитано 1968 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн fireballpro100

  • Ученик
  • **
  • Сообщений: 64
  • Karma: +3/-0
    • Просмотр профиля
    • E-mail
не работает прикрепленный javascript
« : 12 Декабря, 2012, 12:47 »
Уважаемые форумчане! взялся за изучение javascript'ов, спотыкаюсь на самых основах.
Задание: нужно сделать картинку, при наведении мыши на которую, выходит сообщение: "Hello, World".

1) Создаю файл: "script.js"
 Внутрь пишу следующее:

 function message2() {window.alert('Hello, World')}

2) В имеющемся файле java.html дописываю в каркас:
<html>
<head><title>Вставка javascript</title>
[color=red] <script src="script.js"></script>[/color]
</head>
<body>

[color=red] <img onmouseover="return massage2 ()" src="Путь_до_картинки/картинка"><br>[/color]
</body>

</html>


Картинка появляется, но эффекта не имеет. I) html документ лежит в одной папке с js. II) Думал, может ему среда нужна рабочая - попробовал через Denwer - не пашет. III) Думал, может кэш в браузере почистить или в разных попробовать - не пашет.

Откройте мне глаза! Видимо я чего-то не вижу/не понимаю.
« Последнее редактирование: 13 Декабря, 2012, 11:54 от online »

Оффлайн gluck

  • Пионеры
  • Опытный
  • *****
  • Сообщений: 106
  • Karma: +1/-0
    • Просмотр профиля
не работает прикрепленный javascript
« Ответ #1 : 13 Декабря, 2012, 08:29 »
Вот так попробуйте.  Проверил на хостинге - все работает.
<html>
   <head><title>Вставка javascript</title>
   <script> function message2() {window.alert('Hello, World');} </script>
   </head>
   <body>
<img src="Путь_до_картинки/картинка" onMouseOver="message2();" />
</body>
</html>
Содержимое тегов <script> </script> можете поместить в файл если это так необходимо
« Последнее редактирование: 13 Декабря, 2012, 11:29 от online »

Оффлайн online

  • Moderator
  • Герой форума
  • *****
  • Сообщений: 729
  • Karma: +23/-1
  • Пол: Мужской
    • Просмотр профиля
    • E-mail
не работает прикрепленный javascript
« Ответ #2 : 13 Декабря, 2012, 12:11 »
А почему нельзя сделать так?

<html>
 <head>
  ...
 </head>
 <body>
  <img src='Blabla' onMouseOver='window.alert("Message")'>
 </body>
</html>
Если вы считаете свой дизайн безупречным, то зайдите сюда

Оффлайн fireballpro100

  • Ученик
  • **
  • Сообщений: 64
  • Karma: +3/-0
    • Просмотр профиля
    • E-mail
не работает прикрепленный javascript
« Ответ #3 : 13 Декабря, 2012, 17:59 »
Вот так попробуйте.  Проверил на хостинге - все работает.
<html>
   <head><title>Вставка javascript</title>
   <script> function message2() {window.alert('Hello, World');} </script>
   </head>
   <body>
<img src="Путь_до_картинки/картинка" onMouseOver="message2();" />
</body>
</html>
Содержимое тегов <script> </script> можете поместить в файл если это так необходимо
Спасибо, всё работает.

А почему нельзя сделать так?

<html>
 <head>
  ...
 </head>
 <body>
  <img src='Blabla' onMouseOver='window.alert("Message")'>
 </body>
</html>

Принципиальной разницы, как я понял - нет.

Оффлайн fireballpro100

  • Ученик
  • **
  • Сообщений: 64
  • Karma: +3/-0
    • Просмотр профиля
    • E-mail
не работает прикрепленный javascript
« Ответ #4 : 13 Декабря, 2012, 18:14 »
Понял в чём у меня ошибка была - надо было поставить символ "Точка с запятой" после выполнения скрипта в картинке :

<img src="Картинка" onMouseOver="return message2()";><br>

Оффлайн online

  • Moderator
  • Герой форума
  • *****
  • Сообщений: 729
  • Karma: +23/-1
  • Пол: Мужской
    • Просмотр профиля
    • E-mail
не работает прикрепленный javascript
« Ответ #5 : 14 Декабря, 2012, 22:27 »
Я если честно не очень понял зачем вызывать Alert через функцию...
Это же натуральная перегрузка лишними функциями... Конечно сейчас это
не важно, вот когда побольше будут у тебя функции - тогда надо будет думать о быстродействии.
Если вы считаете свой дизайн безупречным, то зайдите сюда