Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как вставить картинку в java script? (https://javascript.ru/forum/misc/16650-kak-vstavit-kartinku-v-java-script.html)

9xakep 16.04.2011 12:51
Как вставить картинку в java script?
 
<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 16.04.2011 13:37
Если не ошибаюсь то в обычную textarea нельзя вставлять изображение, точнее вообще html код.

9xakep 16.04.2011 14:22
Ну ладно...пускай это будет не textarea,а например...пускай будет так:
<form name="forma">
...
</form>

а в js написать что-то подобное:
...look(forma, '<img src="">')

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

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

9xakep 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 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>


Часовой пояс GMT +3, время: 01:26.