Динамический img
При нажатии на кнопку Search должен появится рисунок снизу.
Подскажите где ошибка?
<form name="Forml" ID="Forml"
onsubmit="GrabNumber();return false;">
Name: <input name="user" type="text"/>
<input type="submit" name="btnSearch"
value="Search"/>
<br/>
<br/>
</form>
<div id="results"></div>
<script type="text/javascript">
Function GrabNumber()
{
var newimg=document.createElement("img");
newimg.setAttribute("src","images/loading.gif");
document.getElementById("results").appendChild(newimg);
}
</script>
|
Цитата:
|
не появляется img
|
<html>
<body>
<div id="results">
</div>
<a href="javascript://" onclick="GrabNumber();">
Вставить изображение
</a>
<script type="text/javascript">
function GrabNumber()
{
var newimg=document.createElement("img");
newimg.setAttribute("src","http://javascript.ru/forum/images/ca_serenity/misc/logo.gif");
document.getElementById("results").appendChild(newimg);
}
</script>
</body>
</html>
|
Извините, а почему первое не работает? Из-за того, что при сабмите страница обновляется?
Я проверила, если вместо submit поставить type="button", оно работает. |
return false добавьте - и не будет обновляться (:
|
можно ещё мультфильм показать перед отправкой формы или ролик рекламный :)
|
А, там просто с большой буквы было? Ясно тогда. Спасибо.
|
| Часовой пояс GMT +3, время: 18:24. |