Мне срочно нужно сделать на сайте раздел "Подбор по параметрам". Идея раздела взята отсюда http://catalog.onliner.by/photo/ Я содрал скрипт, но он не работает для моего сайта. Я в JS ещё чайник. Помогите разобрать с кнопкой "Показать/Скрыть".
HTML: <input type="text" name="name" id="name" value="data" style="visibility: visible;" /> <a href="#" onclick="return checkNameVisible();">check</a> [js]function checkNameVisible() { var valueName = document.getElementById('name'); if(valueName.style.visibility == 'hidden') valueName.style.visibility = 'visible'; else valueName.style.visibility = 'hidden'; return false; }[/js] Как-то так. Не проверял, но по идее должно работать.
Так ведь в скрипте и передаётся idшник. Я пытаюсь сделать для 2-х и более полей, а получается только одно скрывается.
gvik Охохонюшки... RTFM!!! Мне под конец рабочего дня лень писать что-то более существенное. Вот пример того, как это можно применить одной функцией к нескольких элементам. HTML: <input type="text" name="name" id="name" value="data" style="visibility: visible;" /> <input type="text" name="name" id="name1" value="data1" style="visibility: visible;" /> <a href="#" onclick="return checkNameVisible('name');">check</a> <a href="#" onclick="return checkNameVisible('name1');">check1</a> [js]function checkNameVisible(field) { var valueName = document.getElementById(field); if(valueName.style.visibility == 'hidden') valueName.style.visibility = 'visible'; else valueName.style.visibility = 'hidden'; return false; }[/js]
Посмотрите я правильно делаю, а то чёт не получается. PHP: <a href="#" onclick="return checkIdVisible(ddd);">check</a> <div id="ddd"> <input type="text" name="name" id="vik" value="data" style="visibility: visible;" /> <input type="text" name="name" id="vik" value="data" style="visibility: visible;" /> </div> [js] function checkIdVisible(id) { var valueId = document.getElementById('ddd'); if(valueId.style.visibility == 'hidden') valueId.style.visibility = 'visible'; else valueId.style.visibility = 'hidden'; return false; } [/js]
checkIdVisible('ddd'); блин, это же строка. И зачем в функцию передавать id, если оно все равно не используется?
ну я же Вам написал, в див и передавайте id. Код (Text): <script> function checkIdVisible(id) { var valueId = document.getElementById(id); if(valueId.style.visibility == 'hidden') valueId.style.visibility = 'visible'; else valueId.style.visibility = 'hidden'; return false; } </script> <a href="#" onclick="{return checkIdVisible('ddd');}">check</a> <div id="ddd"> <input type="text" name="name" id="vik" value="data" > <input type="text" name="name" id="vik" value="data" > </div> изначально только инпутам свойство задавать не надо, оно и так по умолчанию "видимо", а функции мешает