Поменять выполняемые функции по смене id
Имею такой код:
function open() {
document.getElementById('servers').style.display='block';
document.getElementById('start').id='finich';
}
Попытался добавить условия:
function open() {
document.getElementById('servers').style.display='block';
document.getElementById('start').id='finich';
if {id==finich} {
document.getElementById('servers').style.display='none';
}
}
Суть в том, что по клику кнопки <button id="start">Текст</button> её id меняется на finich, а потом идёт условие, если id кнопки = finich, то вернуть стандартное положение div'ов на странице ( по умолчанию
document.getElementById('servers').style.display='none';
) Дело в том, что не работает условие, функция доходит до этого условия и останавливается. Что нужно сделать, чтобы функция работала? Вот html-код данной задачи: .... <script src="1.js"></script> <!--здесь хранится функция --> <div id="servers"> <div id="csdm">1</div> <div id="public">2</div> <div id="gg">3</div> </div> <div id="dostype-display"><button onClick="open()" id="start">Текст</button></div> |
Выражение для if берётся в круглые, а не фигурные скобки. И вообще, что за переменные id и finich сравниваются???
|
Цитата:
id - не переменная, а id элемента, которое поменялось |
Может просто
function open() {
document.getElementById('servers').style.display='none';
}
? |
это было бы чересчур банально, к тому же эта функция уже существует
я мог бы сделать так:
function openservers() {
document.getElementById('servers').style.display='block';
document.getElementById('start').style.display='none';
document.getElementById('finich').style.display='block';
}
function closeservers() {
document.getElementById('servers').style.display='none'
document.getElementById('start').style.display='block';
document.getElementById('finich').style.display='none';
};
и добавить в html <button id="finich"></button> но это же очень просто. Хотелось бы посложнее |
Цитата:
|
Цитата:
function toggle() {
var styleServers = document.getElementById('servers').style;
if (styleServers.display == 'none') {
styleServers.display = 'block';
} else {
styleServers.display = 'none';
}
}
document.getElementById('start').addEventListener('click', toggle, false);
|
| Часовой пояс GMT +3, время: 07:32. |