Форум PHP программистов > как сделать сворачивание таблички

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: как сделать сворачивание таблички

sharki

23.10.2009 - 16:01

Всем привет, с помошью чего можно сделать данную фишку со сворачивающимся тексот типо вот http://klimovsk.net/ прям на главной странице, я так понимаю какой нить джаваскритп или что то другое
если не затруднит можно простенький любой пример как реализуеца?

Спустя 9 минут, 22 секунды (23.10.2009 - 15:10) Oyeme написал(а):

Тут сделано с помощью - http://jquery.andreaseberhard.de/

jquery toggleElements plugin

Можно обычно сделать ,по событию, через display:block; display:none;

Спустя 3 минуты, 22 секунды (23.10.2009 - 15:14) Michael написал(а):

С помощью JavaScript
Что-то типа

Код

obj = document.getElementById("xxxx");
obj.style.visibility = "hidden"; // спрятать
// или
obj.style.visibility = "visible"; // показать

Спустя 1 час, 20 минут, 33 секунды (23.10.2009 - 16:34) sharki написал(а):

Michael

PHP

obj = document.getElementById("здесь писать переменную?");
obj.style.visibility = "hidden"; // спрятать
// или
obj.style.visibility = "visible"; // показать

я новичек сильно не ругать))))

Спустя 5 минут, 58 секунд (23.10.2009 - 16:40) Michael написал(а):

Здесь писать id того например div-а который появляется/исчезает

HTML

<div id="xxxx">Секретная информация</div>

Спустя 15 минут, 37 секунд (23.10.2009 - 16:56) Bezdna написал(а):

Accordion Script

Спустя 1 час, 1 минута, 23 секунды (23.10.2009 - 17:57) sharki написал(а):

Michael
с твоим кодом я не понимаю чет.. можешь написать совершенно простой код, странички например

<p style = 'border'>текст</p> <- (нажимаешь по тексту (у него стиль с рамкой допустим)) и вниз выезжает остальной текст

Bezdna
скачал посмарел чет полазил поменял все такое, но он какой то объёмистый слишком...код Michael по моему будет лучше,

Цитата

Чем меньше букв,тем лучше код.

Спустя 18 минут, 8 секунд (23.10.2009 - 18:15) Michael написал(а):

Вот, со сдвигом - свойство display:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
function first()
{
var obj = document.getElementById('id1');
obj.onclick = myclick;
var obj2 = document.getElementById('id2');
obj2.onclick = myclick;

}
function myclick()
{
var obj2 = this.parentNode.getElementsByTagName('DIV')[0];
if (obj2.style.display == 'none')
{
obj2.style.display = 'block';
}
else
{
obj2.style.display = 'none';
}
}
</script>
</head>

<body onLoad="first()">
<div>
<span id="id1" style="cursor:pointer " >Ссылка</span>
<div style="display:none; ">Секретная информация</div>
</div>
<div>
<span id="id2" style="cursor:pointer " >Ссылка2</span>
<div style="display:none; ">Секретная информация2</div>
</div>
<h2>Основной текст</h2>
Ля ля ля
</body>
</html>

Спустя 5 минут, 48 секунд (23.10.2009 - 18:21) Bezdna написал(а):

Опередили, ну может на что сгодится.

JavaScript.

Код

function subMenu(menu)
{
if (document.getElementById) {
if(document.getElementById(menu).style.display == "none")
document.getElementById(menu).style.display = "block";
else document.getElementById(menu).style.display = "none";
}
}

HTML

HTML

<a href = "#" onClick="subMenu('submenu')">Заголовок</a>
<div id= "submenu">
Текст
</div>

Спустя 28 минут, 6 секунд (23.10.2009 - 18:49) sharki написал(а):

Спасибо большое Bezdna и Michael
с первым понял как.. потом бду учица внедрять в код php

а вот со вторым чет не понятно видать гдет у тя ошибка...у тя уже РАСКРЫТ заголовок с текстом

Быстрый ответ:

Здесь расположена полная версия этой страницы.