Я должен показать/скрыть изображение в странице HTML. Я думал его очень простое. Но почему я получаю ошибку, 'видимую' неопределенный.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Ajax Test
</title>
<script type="text/javascript">
<!--
function showImage(){
document.getElementById('loadingImage').style.visibility=visible;
}
-->
</script>
</head>
<body>
<input type="button" value="Ajax Button" onclick="showImage();"/>
<img id="loadingImage" src="ajax-loader.gif" style="visibility:hidden"/>
</body>
Вам нужно заключить это в кавычки - это строка:
document.getElementById('loadingImage').style.visibility='visible';
Я бы использовал Джекри. Скачайте его на домашней странице Jquery.
Затем включите его:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function showImage(){
$("#loadingImage").toggle();
}
</script>
<img id="loadingImage" src="ajax-loader.gif" style="display:none;"/>
Если другие ответы не дают нужных результатов, попробуйте настроить дисплей на "нет":
document.getElementById('loadingImage').style.display='none';
Нужно заключить его в кавычки, иначе JavaScript подумает, что вы пытаетесь установить его в качестве значения переменной, называемой "видимой". Так как у Вас нет переменной, называемой "видимой", Вы получаете ошибку, говорящую, что она неопределена.
document.getElementById('loadingImage').style.visibility='visible';
Мне очень жаль. Должны быть
document.getElementById('loadingImage').style.visibility='visible';
кавычки, в которых отсутствует видимость.