VPF::Дерево из БД - Форум программистов

Самозванка

Дата 17.7.2007, 10:02 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

Беру данные из БД, иерархия получается из длины строки одного из столбцов. (там есть 5,10, 15,20,25 и 30 символов). Проблема в том, что когда я делаю дерево, при раскрытии или сварачивание одной из ветвей, сварачивается только первое значение из цикла. Привожу код:

Код


<script language="JavaScript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  var li = document.getElementById('li' + id).style;
  if ( 'none' == ul.display )
  {
    ul.display = 'block';
    li.listStyleImage = 'url("open.gif")';
  }
  else
  {
    ul.display = 'none';
    li.listStyleImage = 'url("closed.gif")';
  }
}
</script>
<table width="100%" height="100%" border="2">
  <tr>
    <td width="50%">
      <?php
$conn = odbc_connect( "--", "---", "---" );
$sSQL="SELECT CLASSID, CLASSNAME FROM ---- ORDER BY -----";
$result=odbc_exec($conn, $---);
echo ("<ul id='ul0'>\n");
//odbc_result_all($result);
for ($i=0; $i<odbc_num_rows($result); $i++)
{
$f=odbc_fetch_array($result);
if (strlen($f[---])==5)
{
echo("<li id='li1'>\n");
echo ("<a href='javascript: changeDisplay(1);'>".$f["---"]."</A>"."  \n");
}
if (strlen($f[---])==10)
{
echo("<ul id='ul1' style='display: block; '>\n");
echo("<li id='li2'>\n");
echo ("<a href='javascript: changeDisplay(2);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
}
if (strlen($f[---])==15)
{
echo("<ul id='ul2' style='display: block; '>\n");
echo("<ul id='ul2' style='display: block; '>\n");
echo("<li id='li3'>\n");
echo ("<a href='javascript: changeDisplay(3);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
echo("</UL>\n");
}
if (strlen($f[---])==20)
{
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<li id='li4'>\n");
echo ("<a href='javascript: changeDisplay(4);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
}
if (strlen($f[---])==25)
{
echo("<ul id='ul4' style='display: block'>\n");
echo("<ul id=”ul4' style='display: block'>\n");
echo("<ul id='ul4' style='display: block'>\n");
echo("<ul id='ul4' style='display: block'>\n");
echo("<li id='li5'>\n");
echo ("<a href='javascript: changeDisplay(5);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
}
if (strlen($f[---])==30)
{
echo("<ul id='ul5' style=”display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<li id='li6'>\n");
echo ("<a href='javascript: changeDisplay(6);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
}
}
echo("</UL>\n");
odbc_close( $conn );
?>
    </td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Как сделать чтоб скрывалась не только первая строчка, но и все строчки, относящиееся к данной категории?

--------------------

Неуёмная жажда жизни!

smile

FlameTH

Дата 17.7.2007, 10:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 29
Регистрация: 13.7.2007

Репутация: нет
Всего: нет

Проверь что оно дает на выводе. Сдается мне что он сует ненужный </UL> в начале. По коду представить не могу щас. =) Сонный ))

Самозванка

Дата 17.7.2007, 10:54 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

Проверила ul все нужные. А на выходе говорю же, отображается дерево, но при свертывании ветви, убирается тока первое данное из цикла, там может цикл как нить подругому организовать?

--------------------

Неуёмная жажда жизни!

smile

FlameTH

Дата 17.7.2007, 11:18 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 29
Регистрация: 13.7.2007

Репутация: нет
Всего: нет

Действительно у тя цикл неверный))
Щас попробую объяснить что у тебя происходит))
1 шаг цикла:

Код


if (strlen($f[---])==5)
{
echo("<li id='li1'>\n");
echo ("<a href='javascript: changeDisplay(1);'>".$f["---"]."</A>"."  \n");
}

Здесь все нормально. Теперь второй шаг, когда длина строки уже == 10:

Код


if (strlen($f[---])==10)
{
echo("<ul id='ul1' style='display: block; '>\n");
echo("<li id='li2'>\n");
echo ("<a href='javascript: changeDisplay(2);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
}

Заметь, существует блок <ul>...</ul>
Дальше допустим четвертый шаг:

Код


if (strlen($f[---])==20)
{
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<li id='li4'>\n");
echo ("<a href='javascript: changeDisplay(4);'>".$f["---"]."</A>"."  \n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
}

Существуют <ul><ul><ul>...</ul></ul></ul>

Что получается на выводе:

Код


***Some code***
<ul id=ul1><a href='javascript: changeDisplay(2);'>...</a></ul>

-------

<ul id=ul3><a href='javascript: changeDisplay(4);'>...</a></ul>

Вобщем что хочу сказать. Каждый шаг цикла закрывает открытый <ul> поэтому твой яваскрипт работает только для первого результата)) В общем тебе нужно вынести </UL> за пределы цикла.

Самозванка

Дата 17.7.2007, 11:35 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

Спасибо огромное, это уже получается ближе к истине, но все равно все данные из цикла не отображаются почему то. Отображается терь тока все данные самой нижней ветви, а у верхних только перввые...
Код переделала вот так:

Код



<script language="JavaScript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  var li = document.getElementById('li' + id).style;
  if ( 'none' == ul.display )
  {
    ul.display = 'block';
    li.listStyleImage = 'url("open.gif")';
  }
  else
  {
    ul.display = 'none';
    li.listStyleImage = 'url("closed.gif")';
  }
}
</script>
<table width="100%" height="100%" border="2">
  <tr>
    <td width="50%">
      <?php
$conn = odbc_connect( "BP", "DBA", "SQL" );
$sSQL="SELECT CLASSID, CLASSNAME FROM CLS_GOOD ORDER BY CLASSID ";
$result=odbc_exec($conn, $sSQL);
echo ("<ul id='ul0'>\n");
//odbc_result_all($result);
for ($i=0; $i<odbc_num_rows($result); $i++)
{
$f=odbc_fetch_array($result);
if (strlen($f[CLASSID])==5)
{
echo("<li id='li1'>\n");
echo ("<a href='javascript: changeDisplay(1);'>".$f["CLASSNAME"]."</A>"."  \n");
}
if (strlen($f[CLASSID])==10)
{
echo("<ul id='ul1' style='display: block; '>\n");
echo("<li id='li2'>\n");
echo ("<a href='javascript: changeDisplay(2);'>".$f["CLASSNAME"]."</A>"."  \n");
}
if (strlen($f[CLASSID])==15)
{
echo("<ul id='ul2' style='display: block; '>\n");
echo("<ul id='ul2' style='display: block; '>\n");
echo("<li id='li3'>\n");
echo ("<a href='javascript: changeDisplay(3);'>".$f["CLASSNAME"]."</A>"."  \n");
}
if (strlen($f[CLASSID])==20)
{
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<ul id='ul3' style='display: block; '>\n");
echo("<li id='li4'>\n");
echo ("<a href='javascript: changeDisplay(4);'>".$f["CLASSNAME"]."</A>"."  \n");
}
if (strlen($f[CLASSID])==25)
{
echo("<ul id='ul4' style='display: block'>\n");
echo("<ul id=”ul4' style='display: block'>\n");
echo("<ul id='ul4' style='display: block'>\n");
echo("<ul id='ul4' style='display: block'>\n");
echo("<li id='li5'>\n");
echo ("<a href='javascript: changeDisplay(5);'>".$f["CLASSNAME"]."</A>"."  \n");
}
if (strlen($f[CLASSID])==30)
{
echo("<ul id='ul5' style=”display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<ul id='ul5' style='display: block'>\n");
echo("<li id='li6'>\n");
echo ("<a href='javascript: changeDisplay(6);'>".$f["CLASSNAME"]."</A>"."  \n");
}
}
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
echo("</UL>\n");
odbc_close( $conn );
?>
    </td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

То есть в принципе всё тоже самое, так как при развернутом дереве видно все ветки и их данные

Это сообщение отредактировал(а) Самозванка - 17.7.2007, 11:38

--------------------

Неуёмная жажда жизни!

smile

SelenIT

Дата 17.7.2007, 15:38 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 32
Всего: 401

Самозванка, вообще лучше вначале сделайте дерево в чистом HTML, желательно с рабочим javascript-овым поведением. По-моему ясно, что открывать и тут же закрывать 4-5 уровней <ul> для этого не надо. А потом уже подумайте, как добиться такого же вывода из php, не делая кучи однотипных ветвей кода впридачу...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Самозванка

Дата 18.7.2007, 10:12 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

SelenIT, я сделала дерево на чистом html

Код


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<script language="JavaScript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  var li = document.getElementById('li' + id).style;
  if ( 'none' == ul.display )
  {
    ul.display = 'block';
    li.listStyleImage = 'url("open.gif")';
  }
  else
  {
    ul.display = 'none';
    li.listStyleImage = 'url("closed.gif")';
  }
}
</script>
<ul>
  <li id="li1"><a href='javascript: changeDisplay(1); '>rrrrrrr</a></li>
     <ul id="ul1">
         <li id="li2"><a href='javascript: changeDisplay(2); '>ggfg</a></li>
              <ul id="ul2">
                   <li>gkfjkg</li>
                   <li>gfgfgg</li>
                    <li>fgggg</li>
             </ul>
            <li>fgfgf</li>
             <li id="li3"><a href='javascript: changeDisplay(3); '>fgggf</a></li>
             <ul id="ul3">
      <li>fddsf</li>
      <li>dfsfds</li>
      <li>sdddd</li>
      <li>dddd</li>
    </ul>
  </ul>
</ul>
</body>
</html>

Но как сделать это в цикле?

--------------------

Неуёмная жажда жизни!

smile

SelenIT

Дата 18.7.2007, 10:47 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 32
Всего: 401

Самозванка, прекрасно.

Теперь, если я верно понял структуру Вашей выборки (которую Вы так старательно засекретили;), Вам нужно перед выводом каждой новой записи сравнивать ее глубину вложенности с предыдущей. Если она больше - перед ней нужно открыть новый <ul>, если меньше - закрыть предыдущий, если такая же - то ничего не делать. И использовать именно CLASSID (если я верно понял, что именно он - уникальный идентификатор записи) для генерации id-а у LI и UL, а не глубину вложенности.

Для простоты можете пока сделать, чтобы каждая ветвь была ссылкой. Просто в функцию сразу после объявления var ul добавьте

Код


if (!ul) return false;

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Самозванка

Дата 18.7.2007, 14:36 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

SelenIT, я сделала цикл, который вы предложила. Получилось так.

Код


<table width="100%" height="100%" border="2">
  <tr>
    <td width="50%">
      <?php
$conn = odbc_connect( "BP", "DBA", "SQL" );
$sSQL="SELECT CLASSID, CLASSNAME FROM CLS_GOOD ORDER BY CLASSID ";
$result=odbc_exec($conn, $sSQL);
//odbc_result_all($result);
//$n=odbc_fetch_row($result,2);
//echo $n;
for ($i=0; $i<odbc_num_rows($result); $i++)
{
$f=odbc_fetch_array($result, $i+1);
$v=odbc_fetch_array($result, $i+2);
//echo "$f[CLASSID] ";
//echo "$v[CLASSID] ";

if ((strlen($v[CLASSID]))>(strlen($f[CLASSID]))) {
echo("<UL>\n");
echo("<li id='li1'>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
}
if ((strlen($v[CLASSID]))<(strlen($f[CLASSID]))) {
echo("<li id='li1'>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
echo("</UL>\n");
}
if ((strlen($v[CLASSID]))==(strlen($f[CLASSID]))) {
echo("<li id='li1'>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
}
}
odbc_close( $conn );
?>
    </td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Но тогда получается, как опрделить что мне надо закрыть не один UL , а несколько ранее открытых, так как вложения не одно, а несколько...?

--------------------

Неуёмная жажда жизни!

smile

SelenIT

Дата 18.7.2007, 14:47 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 32
Всего: 401

Посчитайте разность предыдущей и текущей глубины, если она положительна - прокрутите столько раз вложенный цикл закрытия.

И еще, CLASSID у Вас все-таки показывает именно глубину? А уникального ID-а у записи вообще нет, что ли?

Это сообщение отредактировал(а) SelenIT - 18.7.2007, 14:50

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Самозванка

Дата 18.7.2007, 14:57 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

SelenIT, Спасибо, сейчас попробую... Уникального id нет, так как дополнительную таблицу создать нельзя, а работаю с той какая есть.

Или я что то не так понимаю?

Это сообщение отредактировал(а) Самозванка - 18.7.2007, 14:58

--------------------

Неуёмная жажда жизни!

smile

SelenIT

Дата 18.7.2007, 15:00 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 32
Всего: 401

Самозванка, в той таблице, с которой Вы работаете, нет просто ID-а, только CLASSID?

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Самозванка

Дата 18.7.2007, 15:08 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

SelenIT, да в этой таблице только CLASSID, если был бы id , было бы проще.
И кстати чтобы узнать сколько закрывающих Ul ставить, надо будет счиатать разность и ставить условия что разность равна или 5 или 10 или тд, так?

--------------------

Неуёмная жажда жизни!

smile

SelenIT

Дата 18.7.2007, 15:20 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 32
Всего: 401

Самозванка, нет, поделить разность на 5, а потом сделать нечто вроде

Код


for ($j = 0; $j<$то_что_получилось_при_делении; $j++) echo '</ul>';

с ID-ами, конечно, проблема... ну ладно, заведите в основном цикле счетчик и подставляйте его значения.

Это сообщение отредактировал(а) SelenIT - 18.7.2007, 15:21

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Самозванка

Дата 19.7.2007, 11:03 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

SelenIT, сделала счетчик, на мой взгляд всё правильно и должно работать. Но почему то скрипт не срабатывает:

Код


<script language="JavaScript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  var li = document.getElementById('li' + id).style;
  if ( 'none' == ul.display )
  {
    ul.display = 'block';
    li.listStyleImage = 'url("open.gif")';
  }
  else
  {
    ul.display = 'none';
    li.listStyleImage = 'url("closed.gif")';
  }
}
</script>
<table width="100%" height="100%" border="2">
  <tr>
    <td width="50%">
      <?php
$conn = odbc_connect( "BP", "DBA", "SQL" );
$sSQL="SELECT CLASSID, CLASSNAME FROM CLS_GOOD ORDER BY CLASSID ";
$result=odbc_exec($conn, $sSQL);
//odbc_result_all($result);
//$n=odbc_fetch_row($result,2);
//echo $n;
$k=0;
for ($i=0; $i<odbc_num_rows($result); $i++)
{
$k++;
$f=odbc_fetch_array($result, $i+1);
$v=odbc_fetch_array($result, $i+2);
//echo "$f[CLASSID] ";
//echo "$v[CLASSID] ";
$vc=strlen($v[CLASSID]);
$fc=strlen($f[CLASSID]);
$min1=($fc-$vc)/5;
$min2=($vc-$fc)/5;
if ($vc>$fc) {
echo("<li id='li1'>\n");
echo ("<a href='javascript: changeDisplay($k);'>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
echo("<UL id="."$k".">\n");
}
if ($vc<$fc) {
echo("<li id='li1'>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
for ($j = 0; $j<$min1; $j++) echo("</UL>\n");
}
if ($vc==$fc) {
echo("<li id='li1'>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
}
}
odbc_close( $conn );
?>
    </td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Немножко подправила, но всё равно не катит(

Код


<script language="JavaScript">
function changeDisplay(id)
{
  var ul = document.getElementById('ul' + id).style;
  //var li = document.getElementById('li' + id).style;
  if ( 'none' == ul.display )
  {
    ul.display = 'block';
    //li.listStyleImage = 'url("open.gif")';
  }
  else
  {
    ul.display = 'none';
    //li.listStyleImage = 'url("closed.gif")';
  }
}
</script>
<table width="100%" height="100%" border="2">
  <tr>
    <td width="50%">
      <?php
$conn = odbc_connect( "BP", "DBA", "SQL" );
$sSQL="SELECT CLASSID, CLASSNAME FROM CLS_GOOD ORDER BY CLASSID ";
$result=odbc_exec($conn, $sSQL);
//odbc_result_all($result);
//$n=odbc_fetch_row($result,2);
//echo $n;
$k=0;
for ($i=0; $i<odbc_num_rows($result); $i++)
{
$k++;
$f=odbc_fetch_array($result, $i+1);
$v=odbc_fetch_array($result, $i+2);
//echo "$f[CLASSID] ";
//echo "$v[CLASSID] ";
$vc=strlen($v[CLASSID]);
$fc=strlen($f[CLASSID]);
$min1=($fc-$vc)/5;
$min2=($vc-$fc)/5;
if ($vc>$fc) {
echo("<li id='"."$k"."'>\n");
echo ("<a href='javascript: changeDisplay($k);'>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
echo("<UL id='"."$k"."'>\n");
}
if ($vc<$fc) {
echo("<li>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
for ($j = 0; $j<$min1; $j++) echo("</UL>\n");
}
if ($vc==$fc) {
echo("<li>\n");
echo ("<a href=>".$f["CLASSNAME"]."</A>"."  \n");
echo ("</li>");
}
}
odbc_close( $conn );
?>
    </td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

Это сообщение отредактировал(а) Самозванка - 19.7.2007, 11:30

--------------------

Неуёмная жажда жизни!

smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »