Скачать: CL | DM;

Знатокам HTML   Найти похожие ветки 

← →
Doxygen   (2005-02-19 06:33) [0]

Подскажите, как сделать html-страницу, чтобы элементы на ней сворачивались и разворачивались, как узлы в компоненте TTreeView.

---

← →
вредитель ©   (2005-02-19 09:56) [1]

Я не знаток ХТМЛ, но приведенный ниже исходник работает в ослике IE. Если Вы знаете JavaScript, то легко сможете добавить сюда картинку с плюсиком и минусиком, а если разберетесь с объектной моделью Netscape, то пример можно заставить работать не только в ослике. Как видите, все предельно просто.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body>
<script language="JavaScript">
function doExpand(paraNum) {
 if (paraNum.style.display=="none")
   {paraNum.style.display="";}
 else
   {paraNum.style.display="none";}
}
</script>

<a onclick="doExpand(section1)" href="#dummy">Щелкни меня посильнее</a>
<div id="section1" style="display:">
<p>Ящеры зеленые <br>
пошли погуляти</p>
</div>
</body>
</html>

---

← →
Kolan ©   (2005-02-19 11:21) [2]

Тебе надо не HTML а JavaScript:
Как работает смотри тут http://www.taty50.narod.ru/text.html
Давно делал уже и не помню как работает :)
<script language="javascript">
<!--
function toggleListOneA()
{
eTar=idListOneA
eTar.style.display == "none" ? eTar.style.display="block":
  eTar.style.display="none"
eTar.display == "none" ? eTar.display="block":
 eTar.display="none"
}
function toggleListOneB()
{
eTar=idListOneB
eTar.style.display == "none" ? eTar.style.display="block":
  eTar.style.display="none"
eTar.display == "none" ? eTar.display="block":
 eTar.display="none"
}
function toggleListOneC()
{
eTar=idListOneC
eTar.style.display == "none" ? eTar.style.display="block":
  eTar.style.display="none"
eTar.display == "none" ? eTar.display="block":
 eTar.display="none"
}
function toggleListOneD()
{
eTar=idListOneD
eTar.style.display == "none" ? eTar.style.display="block":
  eTar.style.display="none"
eTar.display == "none" ? eTar.display="block":
 eTar.display="none"
}
function flashMe(eSrc, sColor)
{
eSrc.style.color=sColor
idListOneA.style.color="#ff66cc"
}
function flashMe1(eSrc, sColor)
{
eSrc.style.color=sColor
idListOneB.style.color="#ff66cc"
}
function flashMe2(eSrc, sColor)
{
eSrc.style.color=sColor
idListOneC.style.color="#ff66cc"
}
//-->
</script>

---

← →
easy ©   (2005-02-19 12:46) [3]

http://easy.nm.ru/tree/
ку?

---

← →
VictorT ©   (2005-02-19 13:44) [4]

посмотри на rsdn.ru, как там менюшка реализована. И ещё, на сколько я помню, на этом rsdn.ru есть статья собственно про єту самую менюшку.

---

Страницы: 1 вся ветка

Скачать: CL | DM;



Память: 0.46 MB
Время: 0.043 c