Форум

9xakep · #1 (**permalink**) 16.04.2011, 12:51

<script type="text/javascript">
function look (obj, n) {
obj.desk.value=n
}
function del(obj) {
obj.desk.value=" "
}
</script>
<form name="forma2">
<textarea name="desk" cols=45 rows=4></textarea>
</form>
<ul>
<li onMouseOver="look(forma2,'car');"onMouseOut="del(forma2)";>Машинка игрушечная</li>
</ul>

В общем это рабочий скрипт,в котором:при наведении на Машинка игрушечная в текстовом окне появляется слово car.А можно ли вставить здесь:

<li onMouseOver="look(forma2,'car');"onMouseOut="del(forma2)";>

вместно 'car' картинку?
То есть я навожу на Машинка игрушечная и в текстовом окне появляется картинка?

walik · #2 (**permalink**) 16.04.2011, 13:37

Если не ошибаюсь то в обычную textarea нельзя вставлять изображение, точнее вообще html код.

9xakep · #3 (**permalink**) 16.04.2011, 14:22

Ну ладно...пускай это будет не textarea,а например...пускай будет так:

<form name="forma">
...
</form>

а в js написать что-то подобное:

...look(forma, '<img src="">')

Будет ли он читать в таком случае?То есть когда просто будет вставляться в форму?Если нет,то как в Js вообще запихнуть картинку,какой тег используется?

walik · #4 (**permalink**) 16.04.2011, 14:25

Да, изображение появится (если вы ей конечно же путь укажите)

9xakep · #5 (**permalink**) 16.04.2011, 15:50

Чтож... пытался там что-то сделать,но:
1)

Почему после того как я поставил закрывающие кавычки:> Опера перестала читать последующие символы?(они стали как текст)
2)

<script type="text/javascript">
function look (n) {
document.forma2=n
}

</script>
<form name="forma2" size="30">

</form>



<ul>
<li onMouseOver="look('<img src="http://www.oftalm.ru/foto/anatom.gif">');">Машинка игрушечная</li>
</ul>

Я знаю что ошибка в:document.forma2=n,т.к. не форма равна n,а какое-то поле в форме должно быть равно n,вот только какое поле можно вставить в форму чтобы туда могла спокойно вставляться картинка?

walik · #6 (**permalink**) 16.04.2011, 17:36

<html>
<head>
<script type="text/javascript" language="javascript">
function look (n) {
document.forma2.innerHTML += n;
}
</script>
</head>
<body>
<form name="forma2" size="30">
 
</form>
<ul>
<li onmouseover='look("<img src=\"http://www.oftalm.ru/foto/anatom.gif\">");'>Машинка игрушечная</li>
</ul>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript