Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При клике менять стайл элемента до другого клика (https://javascript.ru/forum/misc/37565-pri-klike-menyat-stajjl-ehlementa-do-drugogo-klika.html)

jei 24.04.2013 21:46

При клике менять стайл элемента до другого клика
 
Имеется такая кнопка меню

<a href = "" onClick = "document.getElementById('block3').style.display = 'block';" >Редактировать меню</a>


имеется такой блок который до нажатия не виден но после должен появиться

<div id="block3" style = "display: none;">
2222222 22222 22222 2222222 22222 22222 2222222 22222 22222 
</div>


Но происходит то что при клике он быстро появляется и исчезает.
А как сделать что бы он остался до клика на другую кнопку.
Можно ле решить это без серверного скрипта.Или же как то передать параметр в локатион в Глобалс массив а оттуда сделать логику есть ли нажатия или нету?

Спасибо

NoResponse 25.04.2013 03:01

'block';return false" >Редактировать

ruslan_mart 25.04.2013 06:28

jei, у Вас атрибут href пуст, поэтому при нажатаии Ваша страница перезагружается.

<a href="javascript://" onclick="editMenu()">Редактировать меню</a>
<div id="block3">CONTENT</div>

function editMenu()
{
   var a = document.getElementById('block3').style;
   a.display = a.display == 'none' ? 'block' : 'none';
}

jei 25.04.2013 12:00

Ruslan_xDD спасибо выручил
добавил href="" javascript:// помогло , а потом добавил твою функцию.
Теперь при нажатий появляется и при ещё одном исчезает очень удобно.

ruslan_mart 25.04.2013 15:22

jei, вообще, href="javascript://" не советуют использовать, поэтому, лучше сделать так:
<a href="javascript:editMenu()">Редактировать меню</a>


Ну, а ещё лучше так:
CSS:
span {text-decoration:underline;}
span {text-decoration:none;}

HTML:
<span onclick="editInfo()">Редактировать меню</span>

jei 02.05.2013 17:34

Спасибо спасибо.


Часовой пояс GMT +3, время: 14:23.