Не могу определить элемент
<script>
var visible_div1=false;
function show_div{
getElemenById('div1').style.display='block';
visible_div1=true;
}
</script>
<div onclick="show_div()"> Нажми сюда </div>
<div id="div1" style="display:none;">
Многие думают, что препятствием для дизайна помещения может явиться размер самого помещения: будь-то высота потолков или стен, площадь комнаты или бабушкин шкаф во всю комнату. Нет, препятствие в стереотипах. Вот для примера дизайн небольшой комнаты в коммунальной квартире площадью 15 квадратных метров, из которой заказчик пожелал сделать комфортабельную квартиру с гостиной, спальней и кухней. Ну что ж, поехали! Работа началось, естественно, с определения планировки. Нашей главной целью явилось совмещение максимальной функциональности и удобства на минимальной площади.
</div>
Понимаю, что ошибка в том, что элемент не определяется, но я уже не знаю как извернуться, чтобы он определился. Как это можно сделать? |
В консоль ошибок надо заглядывать, там все написано. Скобочки забыли в описании функции.
|
<script>
var visible_div1=false;
function show_div{
getElemenById('div1').style.display='block';
visible_div1=true;
}
</script>
<div onclick="show_div()"> Нажми сюда </div>
<div id="div1" style="display:none;">
Многие думают, что препятствием для дизайна помещения может явиться размер самого помещения: будь-то высота потолков или стен, площадь комнаты или бабушкин шкаф во всю комнату. Нет, препятствие в стереотипах. Вот для примера дизайн небольшой комнаты в коммунальной квартире площадью 15 квадратных метров, из которой заказчик пожелал сделать комфортабельную квартиру с гостиной, спальней и кухней. Ну что ж, поехали! Работа началось, естественно, с определения планировки. Нашей главной целью явилось совмещение максимальной функциональности и удобства на минимальной площади.
</div>
Да, это исправил, просто набирал быстро. Вот, говорит, что нет такого свойства теперь. |
document.getElemenById('div1')…
|
Цитата:
|
Да, спасибо за разбор кода. Проблема вообще не в том была. Насчет консоли согласен, что без нее никуда (: В общем проблему нашел. Тему можно закрыть.
|
У меня есть вопрос.
Есть текст, если на него нажимает текст который идет за ним, должен исчезать. Но этого не происходит. Вот код: <script>
function show_div()
{
document.div1.display='none';
}
</script>
</head>
<body>
<div onmousedown"show_div()" style="cursor: pointer;"> Нажми сюда </div>
<div id="div1" >
Тестовое сообщение
</div>
</body>
Пожалуйста, укажите, где я допускаю ошибку. Заранее всем спасибо! |
function show_div()
{
document.getElementById('div1').style.display='none';
}
|
Я пробывал этот вариант, он тоже не работает :(
|
попробуй скопировать мой код и проверить ещё раз.
И исправь: <div onmousedown="show_div()" style="cursor: pointer;"> |
Я так и сделал.
Вот код, который я использовал: <script>
function show_div()
{
document.getElementById('div1').style.display='none';
}
</script>
</head>
<body>
<div onmousedown"show_div()" style="cursor: pointer;"> Нажми сюда </div>
<div id="div1" >
Тестовое сообщение
</div>
|
Написал же ИСПРАВЬ:
<div onmousedown"show_div()" Где "=" ??? |
Работет, спасибо )))
Получается, что нельзя использовать такие конструкции: document.all.style.display='none'; document.div1.style.display='none'; |
Эти конструкции будут работать в ИЕ, а document.getElementById('div1') - в любом браузере, поддерживающем DOM1, то есть начиая с ИЕ5 и дальше...
|
Ждем следующей опечатки.
|
Да ладно тебе - опечатки - самые простые в плане поиска и исправления ошибки.
|
Попробовал, усложнить задачу.
Теперь, хочу при клике на текст "Нажми сюда" сообщение "Тестовое сообщение" появлялось, при повторном клике оно исчезало. Но почему не получается. Может кто-то на мысль наведен - почему ??? Вот мой код: <script>
function hide_div()
{
// document.getElementById('div1').style.display='none';
document.getElementById('div1').style.display='none';
}
function show_div()
{
// document.getElementById('div1').style.display='none';
document.getElementById('div1').style.visibility='visible';
}
</script>
</head>
<body>
<div onmousedown="show_div();hide_div()" style="cursor: pointer;">Нажми сюда </div>
<div id="div1" style="visibility:hidden">
Тестовое сообщение
</div>
</body>
|
ZoNT,
дык он же сам их не ищет, он сразу на форум постит. |
Цитата:
|
Не кажется странным, что в одном случае меняется свойство display, а в другом visibility?
|
Я передал с использование свойства визибл:
<script>
function hide_div()
{
document.getElementById('div1').style.visibility='hidden';
}
function show_div()
{
document.getElementById('div1').style.visibility='visible';
}
</script>
</head>
<body>
<div onmousedown="hide_div();show_div()" style="cursor: pointer;">Нажми сюда </div>
<div id="div1">
Тестовое сообщение
</div>
</body>
Все равно не хочет работать. |
Цитата:
|
Можно решить таким образом:
onmousedown="hide_div()" ondblclick="show_div()" Может есть еще какие-то варианты ? |
Вам знакома условная конструкция if-else ? :D
Добавьте одну функцию к onclick и проверяйте, какое действие надо сделать (скрыть, если видим/показать, если скрыт) при очередном клике. |
| Часовой пояс GMT +3, время: 03:07. |