Поменять выполняемые функции по смене 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, время: 23:35. |