Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > PHP: Общие вопросы > Вывод массива в виде html списка


Автор: reox 18.4.2008, 15:43
Есть массив:

Код

$arr = Array
(
    Array
        (
            'title' => '<a href="" title="Root">Root</a>',
            'level' => 0
        )
,
    Array
        (
            'title' => '<a href="main" title="main page">main page</a>',
            'level' => 1
        )
,
    Array
        (
            'title' => '<b>news page</b>',
            'level' => 1
        )
,
    Array
        (
            'title' => '<a href="europe" title="europe">europe</a>',
            'level' => 2
        )
,
    Array
        (
            'title' => '<a href="russian" title="russian">russian</a>',

            'level' => 2
        )
,
    Array
        (
            'title' => '<a href="catalogue" title="catalogue">catalogue</a>',
            'level' => 1
        )
,
    Array
        (
            'title' => '<a href="auto-page" title="auto">auto</a>',
            'level' => 2
        )
,
    Array
        (
            'title' => '<a href="bmw" title="bmw">bmw</a>',
            'level' => 3
        )
,
    Array
        (
            'title' => '<a href="7" title="7">7</a>',
            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="5" title="5">5</a>',

            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="mazda" title="mazda">mazda</a>',
            'level' => 3
        )
,
    Array
        (
            'title' => '<a href="3" title="3">3</a>',
            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="rx-8" title="rx-8">rx-8</a>',
            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="audi" title="audi">audi</a>',
            'level' => 3
        )
,
    Array
        (
            'title' => '<a href="tt" title="tt">tt</a>',

            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="a6" title="a6">a6</a>',
            'level' => 4
        )
,
    Array
        (
            'title' => '<a href="http://flowers.ru" title="flowers">flowers</a>',
            'level' => 2
        )
,
    Array
        (
            'title' => '<a href="rose" title="rose">rose</a>',
            'level' => 3
        )

);


Как вывести в таком стиле (не используя рекурсию):

Код

<ul>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
</ul>


Есть мысли?
Вывод, используя пробелы, прост (число - уровень вложенности):

    1) main page
    1) news page
        2) europe
        2) russian
    1) catalogue
        2) auto
            3) bmw
                4) 7
                4) 5
            3) mazda
                4) 3
                4) rx-8
            3) audi
                4) tt
                4) a6
        2) flowers
            3) rose 
            
Пока получился вот такой алгоритм, но он работает не корректно:

Код

if ($prev_level < $level)
{
    echo "<ul>";
}
elseif ($prev_level > $level)
{
    echo "</li></ul>";
}
else
{
    echo "</li>";
}
echo "<li>".$url;
$prev_level = $level;


Заранее спасибо.

Автор: bars80080 18.4.2008, 16:01
офигенная задача для профи
Код
$level = 0;
function setNul($x, $y) {
    for($i = 0; $i < $x; $i++) { echo $y; }
}
for($i = 0; isset($arr[$i]); $i++) {
    if($arr[$i]['level'] > $level) { setNul(($arr[$i]['level'] - $level), '<ul>'); }
    elseif($level > $arr[$i]['level']) { setNul(($level - $arr[$i]['level']), '</ul>'); }
    echo '<li>'.$arr[$i]['title'].'</li>'; $level = $arr[$i]['level'];
}

Автор: krundetz 18.4.2008, 16:04
Код

$size = count($ca);
echo '<div class="spisok" style="margin-top:15px;">';
for($i = 0, $g = 0; $i < $size; $i++)
{ 

    if($i != $size - 1)
    {
        if($g < $this->i[$i + 1])
        {
            echo '<div>';
        }
        if($g == $this->i[$i + 1])
        {
            echo '<div></div>';
        }
        if($g > $this->i[$i + 1])
        {
                echo '<div></div>';
            $s = $g - $this->i[$i + 1];
            for($j = 0; $j < $s; $j++)
            {
                echo '</div>';
            }
        }
        $g = $this->i[$i + 1];
    }
    else
    {
        echo '<div></div>';
        $s = $g;
        for($j = 0; $j < $s; $j++)
        {
            echo '</div>';
        }
    }
}
echo '</div>';

вот примерно тоже самое но толлько с вложеными div -ами
где $this->i масив вложеностей

Автор: skyboy 18.4.2008, 16:52

M
skyboy		Не надо думать, что профессионалы, способные ответить на Ваш вопрос сидят только \"РНР: Для профи\". В этом разделе рассматриваются каверзные вопросы. И темы создавать - только если абсолютно уверены, что вопрос экстраординарен и абсолютно сложен.

Остальные вопросы размещайте согласно тематики или в \"PHP: Общие вопросы\".

Автор: reox 21.4.2008, 14:59
Спасибо за помощь smile
Все хорошо, только предложенное решение bars80080 не валидно.
Получается что то вроде:

Код

<li><a href="" title="Root">Root</a></li>
    <ul>
        <li><a href="main" title="main page">main page</a></li>
        <li><b>news page</b></li>
            <ul>
                <li><a href="europe" title="europe">europe</a></li>
                <li><a href="russian" title="russian">russian</a></li>
            </ul>
            <li><a href="catalogue" title="catalogue">catalogue</a></li>
                <ul>
                    <li><a href="auto-page" title="auto">auto</a></li>
                        <ul>
                            <li><a href="bmw" title="bmw">bmw</a></li>
                                <ul>
                                    <li><a href="7" title="7">7</a></li>
                                    <li><a href="5" title="5">5</a></li>
                                </ul>
                            <li><a href="mazda" title="mazda">mazda</a></li>
                                <ul>
                                    <li><a href="3" title="3">3</a></li>
                                    <li><a href="rx-8" title="rx-8">rx-8</a></li>
                                </ul>
                            <li><a href="audi" title="audi">audi</a></li>
                                <ul>
                                    <li><a href="tt" title="tt">tt</a></li>
                                    <li><a href="a6" title="a6">a6</a></li>
                                </ul>
                        </ul>
                    <li><a href="http://flowers.ru" title="flowers">flowers</a></li>
                        <ul>
                            <li><a href="rose" title="rose">rose</a></li>

Автор: bars80080 21.4.2008, 15:10
ёпрст, так закрыть же нужно все ul
Код
$level = -1;
function setNul($x, $y) {
    for($i = 0; $i < $x; $i++) { echo $y; }
}
for($i = 0; isset($arr[$i]); $i++) {
    if($arr[$i]['level'] > $level) { setNul(($arr[$i]['level'] - $level), '<ul>'); }
    elseif($level > $arr[$i]['level']) { setNul(($level - $arr[$i]['level']), "</ul>\r\n"); }
    echo '<li>'.$arr[$i]['title']."</li>\r\n"; $level = $arr[$i]['level']; }
setNul(($level + 1), "</ul>\r\n");

Автор: awers 21.4.2008, 15:13
bars80080, теперь становится понятно что люди берутся за php без понятия об html )

Автор: bars80080 21.4.2008, 15:15
издержки образования из-под палки

Автор: reox 21.4.2008, 15:32
Думаю так правильнее:

Код

<ul>
  <li>a
    <ul>
      <li>1</li>
      <li>2</li>
    </ul>
  </li>
  <li>b</li>
</ul>

Автор: bars80080 21.4.2008, 16:12
значит надо было немного доработать
Код
$level = -1;
function setNul($x, $y) {
    for($i = 0; $i < $x; $i++) { echo $y; }
}
for($i = 0; isset($arr[$i]); $i++) {
    if($arr[$i]['level'] > $level) { setNul(($arr[$i]['level'] - $level), '<ul>'); }
    elseif($level > $arr[$i]['level']) { setNul(($level - $arr[$i]['level']), "</li></ul></li>\r\n"); }
    echo '<li>'.$arr[$i]['title']."\r\n"; $level = $arr[$i]['level'];
    if(!empty($arr[$i + 1]['level'])) {
        if($arr[$i + 1]['level'] == $level) echo "</li>\r\n"; }
}
 такая устроит?

Автор: reox 22.4.2008, 06:39
Спасибо smile Вот что получилось:

Код

<ul>
    <li><a href="" title="Root">Root</a>
        <ul>
            <li><a href="main" title="main page">main page</a></li>
            <li><b>news page</b>
                <ul>
                    <li><a href="europe" title="europe">europe</a></li>
                    <li><a href="russian" title="russian">russian</a></li>
                </ul>
            </li>
            <li><a href="catalogue" title="catalogue">catalogue</a>
                <ul>
                    <li><a href="auto-page" title="auto">auto</a>
                        <ul>
                            <li><a href="bmw" title="bmw">bmw</a>
                                <ul>
                                    <li><a href="7" title="7">7</a></li>
                                    <li><a href="5" title="5">5</a></li>
                                </ul>
                            </li>
                            <li><a href="mazda" title="mazda">mazda</a>
                                <ul>
                                    <li><a href="3" title="3">3</a></li>
                                    <li><a href="rx-8" title="rx-8">rx-8</a></li>
                                </ul>
                            </li>
                            <li><a href="audi" title="audi">audi</a>
                                <ul>
                                    <li><a href="tt" title="tt">tt</a></li>
                                    <li><a href="a6" title="a6">a6</a></li>
                                </ul>
                            </li>
                        </li>
                    </ul>
                </li>
                <li><a href="http://flowers.ru" title="flowers">flowers</a>
                    <ul>
                        <li><a href="rose" title="rose">rose</a>


Количество <ul> = 9
Количество </ul> = 5
Количество <li> = 18
Количество </li> = 15

Ошибки начинаются с 33 строки.

Автор: bars80080 22.4.2008, 09:59
reox, честно говоря никогда не задумывался над валидацией и до сих пор никогда это боком не выходило
сделав скрипт, я отладил его до состояния, когда он показывал то что мне было нужно
если он и теперь упускает какие-то закрывающие тэги, то я их просто уже не вижу

здесь надо уже доработать чисто методом тыка, ибо у меня осмыслением уже не получается
если отладишь до абсолютно правильного состояния и выложишь сюда, только спасибо скажем

Автор: reox 28.4.2008, 11:44
Вот валидное решение:

Код

$prev_level = -1;

foreach ($arr as $key=>$val)
{
    if ($val['level'] > $prev_level)
    {
        print "<ul>\n";
        $prev_level = $val['level'];
    }
    elseif ($val['level'] < $prev_level)
    {
        print str_repeat("</ul>\n", $prev_level-$val['level']);
        $prev_level = $val['level'];
    }
    
    print "<li>".$val['level'].')'.$val['title']."\n";
}
print str_repeat("</ul>\n", $val['level']+1);


Результат работы:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>test</title>
<body>

<ul>
    <li><a href="" title="Root">Root</a>
        <ul>
            <li><a href="main" title="main page">main page</a>
            <li><b>news page</b>
                <ul>
                    <li><a href="europe" title="europe">europe</a>
                    <li><a href="russian" title="russian">russian</a>
                </ul>
            <li><a href="catalogue" title="catalogue">catalogue</a>
                <ul>
                    <li><a href="auto-page" title="auto">auto</a>
                        <ul>
                            <li><a href="bmw" title="bmw">bmw</a>
                                <ul>
                                    <li><a href="7" title="7">7</a>
                                    <li><a href="5" title="5">5</a>
                                </ul>
                            <li><a href="mazda" title="mazda">mazda</a>
                                <ul>
                                    <li><a href="3" title="3">3</a>
                                    <li><a href="rx-8" title="rx-8">rx-8</a>
                                </ul>
                            <li><a href="audi" title="audi">audi</a>
                                <ul>
                                    <li><a href="tt" title="tt">tt</a>
                                    <li><a href="a6" title="a6">a6</a>
                                </ul>
                        </ul>
                    <li><a href="http://flowers.ru" title="flowers">flowers</a>
                        <ul>
                            <li><a href="rose" title="rose">rose</a>
                        </ul>
                </ul>
        </ul>
</ul>

</body>
</html>

Автор: bars80080 28.4.2008, 12:00
?

а где закрывающие тэги </li>

?

Автор: reox 28.4.2008, 12:08
Почитав спецификацию, оказалось, что можно не закрывать <li>. Протестировал на http://validator.w3.org/#validate_by_input

Автор: bars80080 28.4.2008, 12:56
не хилая валидация, а как же стандарт xhtml ? или я его не правильно читал?

Автор: reox 28.4.2008, 13:20
Делал под HTML 4.01

В сырце так и написано:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">

Автор: bars80080 28.4.2008, 14:02
имхо, лучше заделываться под xhtml, тогда все достоинства xml можно будет использовать

собственно, если тебя радует, то это хорошо

Автор: reox 28.4.2008, 14:06
Посему и закрыл тему smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)