Div не скрываются, используя javascript в php

-9

Я хочу показать div при возникновении ошибки и скрыть, когда все в порядке, но div не скрывается и не отображается с помощью JavaScript.

Мой код выглядит следующим образом:

<script>
function hideerror() {
var catdiv = document.getElementById(error);
catdiv.style.display = "none";
}
</script>

<div class="form-item">
<div id="error" class="hideerror" style="color:#F00">
error occured
</div>
</div>

<?php
echo '<script type="text/javascript"> hideerror(); </script>';
?>

спросил(а) 2014-06-05T13:53:00+04:00 6 лет, 3 месяца назад
0
113

Вы должны указать ID в вызове getElementById:

var catdiv = document.getElementById('error');
// ^ ^ quotes

Без кавычек error рассматривается как переменная (которая не определена).

Для дальнейшей отладки понаблюдайте за консолью вашего браузера (F12). Это приведет к ошибке, связанной с catdiv что catdiv не определен/не является объектом.

ответил(а) 2014-06-05T13:54:00+04:00 6 лет, 3 месяца назад
105

Это так?

<html>
<head>
<title>Test Page</title>
</head>
<body>
<button type='button' onclick='showHideErrors()' id='btnShow'>
<div id='error' style='display:none;'>
Error occured
</div>

<script type='text/javascript'>
function showHideErrors(){
if($('#error').is(':visible'){
$('#error').hide();
}else{
$('#error').show();
}
}

</script>

</body>
</html>

ответил(а) 2014-06-05T14:03:00+04:00 6 лет, 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема