| |
|
|
| | Предположим есть ссылка:
<a href="http://www.ато.ru/d.php">Модель</a>
|
Необходимо при наведении на неё курсора заменить название "Модель" на "Пылесос" красного цвета (буквы красного цвета)? | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(28.06.2008 в 22:35)
| | | Так вроде:
<a href="http://www.ато.ru/d.php" onmouseover="this.innerHTML='<span style=color:red>Пылесос</span>'"onmouseout="this.innerHTML='Модель'">Модель</a>
|
| |
| |
|
|
| |
|
|
| |
для: coloboc66
(29.06.2008 в 00:06)
| | | В опере "не работает" т.к. переключается только в "пылесос" и при отводе курсора в нём и остаётся.
В IE7 при наведении курсора на доли секунды появляется "пылесос" после чего опять возникает "модель" и так и остаётся
Странно, работает не одинаково, точнее не одинаково не работает. Скопировал точно.
<title>Документ без имени</title>
</head>
<body>
<a href="http://www.ато.ru/d.php" onmouseover="this.innerHTML='<span style=color:red>Пылесос</span>'"onmouseout="this.innerHTML='Модель'">Модель</a>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(29.06.2008 в 10:11)
| | | Кто может сказать почему не работает ? | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(29.06.2008 в 19:49)
| | | В лисе работает точно, а вообще - с кавычками нужно плотней поработать, я так думаю... | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(29.06.2008 в 10:11)
| | | Перед onmouseout надо пробел поставить. | |
| |
|
|
| |
|
|
| |
для: PAT
(29.06.2008 в 22:57)
| | | Всё равно не работает!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без имени</title>
</head>
<body>
<a href="http://www.ато.ru/d.php" onmouseover="this.innerHTML='Пылесос'" onmouseout="this.innerHTML='Модель'">Модель</a>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(29.06.2008 в 23:12)
| | | Да эта Опера кОнченая достала - не выдаёт никаких ошибок и отказывается работать... | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(29.06.2008 в 23:12)
| | | Попробуйте так:
<a href="http://www.ато.ru/d.php" onmouseover="this.innerHTML='Пылесос';this.style.color='red';" onmouseout="this.innerHTML='Модель';this.style.color='green';">Модель</a>
|
или же
<a href="http://www.ато.ru/d.php" onmouseover="my(this,'Пылесос','red');" onmouseout="my(this,'Модель','green');">Модель</a>
<script type="text/javascript">
function my(obj,val,color) {obj.innerHTML=val;obj.style.color=color;}
</script>
|
На мой взгляд, лучше разделять хтмл от javascript кода - потом легче разбираться будет, лучше вообще его вынести в отдельный файл.
вроде бы работает в ие6, опере 9.5 (ups), mozilla 3.0 (ups), safari 3.1, netscape (какой то там).
браузеры, конечно не самые старые, но должно работать)
PS А, вообще, внимательно относитесь к синтаксису, так:
onmouseover="this.innerHTML='Пылесос'"
не равно
onmouseover="this.innerHTML='Пылесос';" (точка с запятой)
и
onmouseover="this.innerHTML='<span style=color:red>Пылесос</span>'"onmouseout="this.innerHTML='Модель'"
не равно
onmouseover="this.innerHTML='<span style=color:red>Пылесос</span>';" onmouseout="this.innerHTML='Модель';"
(пробел и точки с запятыми)
|
можно долго провозиться не заметив какую нить запятую в коде | |
| |
|
|
| |
|
|
| |
для: vito
(30.06.2008 в 01:18)
| | | опере 9.5 (ups) - действительно UPS
Вот не пойму, почему в Opere -то не работает? | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(30.06.2008 в 08:49)
| | | а какая версия оперы? | |
| |
|
|
| |
|
|
| |
для: vito
(30.06.2008 в 09:23)
| | | Версия
9.25
Сборка
8827
Платформа
Win32
Система
Windows XP
Java
Java не установлена
Приношу свои звинения - не знал, что Java не установлена
сейчас поставлю | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(30.06.2008 в 09:33)
| | | Java
Sun Java Runtime Environment version 1.6
Но ситуация не изменилась (перезагрузка компьютера не помогла) | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(30.06.2008 в 09:45)
| | | Поставил 9.5 - всё работает
Спасибо помогли! | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(30.06.2008 в 10:29)
| | | да, опера 9.25 странно себя ведет в этой ситуации, причем если указать ссылку как блочный элемент и оперделить высоту и ширину то, вроде как работает в опере 9.25, но всеравно как то криво.
<a href="http://www.ато.ru/d.php" style="display:block; width:60px;height:20px;" onmouseover="my(this,'Пылесос','red');" onmouseout="my(this,'Модель','green');">Модель</a>
<script type="text/javascript">
function my(obj,val,color) {obj.innerHTML=val;obj.style.color=color;}
</script>
|
Если ктото в курсе что тут такое поделитесь | |
| |
|
|
| |
|
|
| |
для: vito
(30.06.2008 в 21:42)
| | | Вопрос актуален так как кроссбразерность прежде всего!
Может подправить скрипт? Но как?
В Opera 9.23 как и в 9.25 ведёт себя неадекватно!
<b onmouseover="this.innerHTML='555';this.style.color='red';" onmouseout="this.innerHTML='777';this.style.color='BLACK';">777</b>
|
| |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(08.07.2008 в 21:30)
| | | Кто знает подскажите ПоЖАЛУЙСТА, как подправить чтобы работало в более ранних версиях, чем Opera 9.5 | |
| |
|
|
