В Общем надо чтобы При нажатии Например на + открывалось меня при - закрывалось меню...
Открывалось или Закрывалось без обновления страницы. Раньше как то делал сейчас не могу вспомнить.
Открытие и Скрытие
246
gameboy
7 мая 2013 г., 0:26
venom
7 мая 2013 г., 0:32
Люди берегите воду - пейте пиво...
echo '<script language="JavaScript" type="text/javascript">
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == \'block\')
e.style.display = \'none\';
else
e.style.display = \'block\';
}
</script>';Вызов
<a href="javascript:toggle(\'xxx\')" title="+">+</a>И сам блок
echo '<div id="xxx" style="display: none;">То что не видно</div>';
Screamer
7 мая 2013 г., 0:32
<div onclick="javascript:spoiler('spoiler')">[+/-]</div>
<div id="spoiler" style="display: none">Content</div>
<script>
function spoiler(id)
{
var el = document.getElementByID(id);
if (el) {
el.style.display = el.style.display == 'none' ? '' : 'none';
}
}
</script>
<div id="spoiler" style="display: none">Content</div>
<script>
function spoiler(id)
{
var el = document.getElementByID(id);
if (el) {
el.style.display = el.style.display == 'none' ? '' : 'none';
}
}
</script>
blackvj
7 мая 2013 г., 0:42
Screamer, у меня твой спойлер даже с экранированием кавычек не работает.
У venom лучше,правда без плавного выезда контента
У venom лучше,правда без плавного выезда контента
venom
7 мая 2013 г., 0:44
Люди берегите воду - пейте пиво...
blackvj, Датам стиль свой пиши какой захочешь , я так для примера написал....
blackvj
7 мая 2013 г., 0:46
venom, Знаю уже давно сделал.
Просто к слову отписался.
В спойлерах только один недостаток.Они с патифонами не дружат.
Просто к слову отписался.
В спойлерах только один недостаток.Они с патифонами не дружат.
venom
7 мая 2013 г., 0:47
Люди берегите воду - пейте пиво...
blackvj, на CSS напиши....
blackvj
7 мая 2013 г., 0:49
venom, Пока еще не встречал такой вариант.
venom
7 мая 2013 г., 0:56
Люди берегите воду - пейте пиво...
blackvj, Не проверял....
Стиль
HTML
Стиль
<style type="text/css">
.show {display: none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.hide:focus ~ #list { display:none; }
@media print { .hide, .show { display: none; } }
</style>HTML
<p>Here\'s a list</p>
<div>
<a href="#" class="hide">[hide]</a>
<a href="#" class="show">[show]</a>
<ol id="list">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ol>
</div>
<p>How about that?</p>blackvj
7 мая 2013 г., 1:03
venom, Довольно забавный метод.Добавлю в закладки.
Правда мы для чего используем Спойлер...чтобы открыть контент без перезагрузки страници.
Поддержка Явы нужна в этом случае
Правда мы для чего используем Спойлер...чтобы открыть контент без перезагрузки страници.
Поддержка Явы нужна в этом случае
Всего: 12
© 2024, JohnCMS