Изобр. на форме с меняющейся картинкой

frrgstr · March 10, 2010

Есть вот такая заготовка:

<a href="http://www.mail.ru"
onMouseOver="document.button.src='buttoni.png'"
onMouseOut="document.button.src='button.png'">
<img src="button.png" class="csbutton" alt="Рассчитать индивидуально" name="button"></a>

Которая, как известно, при наведении курсора мыши на кнопку меняет картинку.

Пытался сделать такое с картинокой в форме:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Кнопка с изображением</title>
 </head>
 <body>
  <form action="handler.php">
   <p><b>Введите ваше имя:</b></p>
   <p onmouseover="document.sc.src='b_sl_SCi.png'" onmouseout="document.sc.src='b_sl_SC.png'">
	<input type="text" size="35">
   	<input type="image" src="b_sl_SC.png" alt="Отправить форму на сервер" name="sc"></p>
  </form> 
 </body>
</html>

Не прокатило в IE6 и опера 10. Можно ли такое вообще сделать? Или может я где-то ошибся?

Edited March 10, 2010 by frrgstr

Great Rash · March 10, 2010

Во-первых, правильно все писать с маленьких букв - onmouseover и onmouseout.

Во-вторых, наверное document.sc.src='b_sl_SCi.png'

frrgstr · March 10, 2010

document указывать пробовал. Тут с браузерами напряги, попробую на другой машине.

За строчные буквы Спасибо.

Ещё такой вопрос: где-то, где не помню (могу ошибаться), на страницах htmlbook.ru видел, что в стили в CSS нужно писать прописными для устойчивости. Пример:

<style type="text/css">
TABLE
{...}
</style>

Не могу найти, где было! Так это или нет?

Edited March 10, 2010 by frrgstr

Great Rash · March 10, 2010

Ерунда это.

frrgstr · March 10, 2010

Проверил. Всё равно не работает: картинка не меняется при наведении курсора на изображение.

Great Rash · March 10, 2010

Потому что надо искать элемент правильно. Пишите document.forms[0].имя_поля или еще лучше назначьте полю id и найдите элемент по id.

frrgstr · March 10, 2010

Пишу так:

<form action="index.php" name="form1">
 <a onmouseover="document.form1.b1.src='b_sl_SCi.png'" 
 onmouseout="document.form1.b1.src='b_sl_SC.png'">
  <input type="image" src="b_sl_SC.png" id="b1"></a>
</form>

или

<form action="index.php" name="form1">
  <input type="image" src="b_sl_SC.png" id="b1" onmouseover="document.form1.b1.src='b_sl_SCi.png'" onmouseout="document.form1.b1.src='b_sl_SC.png'">
</form>

Где я не прав?

Edited March 10, 2010 by frrgstr

Great Rash · March 10, 2010

Хм, внатуре... а у <input type="image" /> есть атрибут name? Что-то в спецификации я ничего об этом не нашел.

Но фишка в том, что <input type="image" /> найти по name не получается. Юзайте вместо этого id.

В этом случае так:

<form action="index.php">
	<a href="/" onmouseover="document.getElementById('b1').src='b_sl_SCi.png'" onmouseout="document.getElementById('b1').src='b_sl_SC.png'"></a>
	<input type="image" src="b_sl_SC.png" id="b1" />
</form>

А в этом случае так:
<form action="index.php">
	<input type="image" src="b_sl_SC.png" onmouseover="this.src='b_sl_SCi.png'" onmouseout="this.src='b_sl_SC.png'  />
</form>

frrgstr · March 10, 2010

Спасибо!

Хм, внатуре... а у <input type="image" /> есть атрибут name? Что-то в спецификации я ничего об этом не нашел.

http://stepbystep.htmlbook.ru/?id=23

Спецификацию не читал, понадеялся на ресурс.

П.С. Найду время - выучу js

Edited March 10, 2010 by frrgstr

Sign In

Изобр. на форме с меняющейся картинкой

Question

frrgstr

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

frrgstr

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

frrgstr

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

frrgstr

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

frrgstr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information