Xwab
Форумыnavigate_nextJavaScript

Вопросы по JS
Сообщения
Виктор

m-r.Nemo, будет легче сделать так:
<div style="cursor:pointer;color:#00f" onclick="open_block('block1');">Открыть</div>
<div id="block1" style="display:none">Содержимое #block1<a onclick="open_block('block1');">Закрыть</a></div>
<div style="cursor:pointer;color:#00f" onclick="open_block('block2');">Открыть</div>
<div id="block2" style="display:none">Содержимое #block2<a onclick="open_block('block2');">Закрыть</a></div>
<script type="text/javascript">
function open_block(block_id)
{
if(document.getElementById(block_id).style.display=='none') // проверяем открыт ли блок
 { // если закрыт
 document.getElementById(block_id).style.display='block'; // открываем
 }
else
 { // Если открыт
 document.getElementById(block_id).style.display='none'; // Закрываем
 }
}
</script>
Вроде не ошибся нигде. Не проверял. Занят

07 Окт 2012, 6:15
m-r.Nemo

Виктор, не работает.

07 Окт 2012, 17:44
web-master

имеем следующее. есть определенный элемент при нажатии на который открывается/закрывается менюшка. Как сделать что бы эта же менюшка закрывалась при щелчке в другом месте страницы если она открыта. Вот функция открытия/закрытия
<script language="JavaScript" type="text/javascript">
function showhide(idName) {
if(document.getElementById(idName).style.display=='none') {
document.getElementById(idName).style.display = '';
} else {
document.getElementById(idName).style.display = 'none';
}
return false;
}
</script>

03 Дек 2012, 19:31
Aventus

<div class="some_class" onclick="showhide">

03 Дек 2012, 20:12
web-master

Aventus, ты возможно вопроса не понял

03 Дек 2012, 20:22
Aventus

web-master, ты хочешь вызывать ф-ю при клике на другом элементе?

03 Дек 2012, 20:23
web-master

Aventus, нет. мне нужно что бы менюшка скрывалась при клике на свободном месте страницы если она открыта. Пример, как меню в windows скрывается когда кликаеш на рабочем столе если оно открыто

03 Дек 2012, 20:29
Aventus

web-master, попробуй так

<body onclick="hide">
...
<script language="JavaScript" type="text/javascript">
 function showhide(idName) {...}
 function hide() {
   document.getElementById("тут id меню").style.display = 'none';
 }
 </script>

03 Дек 2012, 20:36
web-master

Aventus, не работает, щас вообще не открывается
переделал так
function hide() {
if(document.getElementById("menus").style.display==''
{
document.getElementById("menus").style.display = 'none';
}
}

ничего

03 Дек 2012, 20:46
Screamer

Есть страница. При нажатии на ссылку добавляется одно поле. Вопрос: Как организовать что бы при нажатии на ссылку удалялось последнее поле. Так же нужно сделать проверку на кол-во полей. Минимально должно быть одно, максимально - бесконечно.

<html>
<head>
<title>JS</title>
<style>
#tracklist {
padding: 2px;
margin: 2px;
border: 1px dotted black;
}
a {
text-decoration: none;
color: red;
}
</style>
<script type="text/javascript">
function tracklist_handler(element_id) {
document.getElementById(element_id).innerHTML += '
<input type="text" name="tracklist[]" value="" />';
}
</script>
</head>
<body>
<!-- -->
<form method="post" action="">
<p id="tracklist">
<input type="text" name="tracklist[]" value="" />
</p>
<div style="text-align: center;">
<a href="javascript:tracklist_handler('tracklist')">+</a>
</div>
</form>
</body>
</html>

14 Дек 2012, 18:15
Ответить на тему