Forum PHP.pl

Witam.
Napisałem w php kawałek kodu który wyświetla mi kategorie: w kolejności rodzic -> dziecko -> dziecko dziecka( (IMG:style_emoticons/default/arrowheadsmiley.png) ) itd
Ale chciałbym jquery napisać kawałek kodu który pokazywałby mi kolejne pokolenia po naciśnięciu odpowiedniego + aczkolwiek nie wiem jak o zrobić.
Z pomocą kursów zrobiłem coś takiego:

[HTML] pobierz, plaintext 
 
  <script type="text/javascript">
 
  $(document).ready(
 
   function raz()
     {
 
   $('k1').click(
     function show()
     {
       $("#pok").toggle();
     }
    ).toggle(function(){$(this).text('-');}, function(){$(this).text('+');});
 
 
   }
 
  );
   </script>
   <k1>+</k1>
 <p id="pok" style="display: none;">Tekst1</p>
[HTML] pobierz, plaintext 

aczkolwiek to nie rozwiązuje mojego problemu tutaj dam kod php mój:

[PHP] pobierz, plaintext 
//tutaj kod jest niewazny
foreach($this -> def_table as $key => $view_it)
 {
 
   if($view_it['parent'] == '0')
   {
 
   echo '<a href="index.php?subpage=1&cat='.$view_it['id'].'">'.$view_it['name'].'</a><br>';
   $this -> view_kids($this -> def_table, $view_it['id']);
 
 
   }
//koniec funkcji
 
function view_kids($table, $parent)
{
 
 foreach($table as $new_table)
 {
  if($new_table['parent'] == $parent)
  {
 
  echo '<a href="index.php?subpage=1&cat='.$new_table['id'].'">'.$new_table['name'].'</a><br>';
 
  $this -> view_kids($table, $new_table['id']);
  }
 }
} 
[PHP] pobierz, plaintext 

Tutaj myślę aby zrobić tak:

[PHP] pobierz, plaintext 
//dla rodzica
echo '<k'.$view_it['id'].'></k>';
//dla dzieci
echo '<k'.$new_table['id'].'></k>';
// i to oprawić w 
echo '<class id="pok'.$new_table['parent'].'" style="display: none;"> //Tu nazwa itp
</class>';
[PHP] pobierz, plaintext 

Tylko jak to teraz z jquery zgrać ?



Ten post edytował kill15 5.09.2011, 19:43:23

Powinieneś takie menu trzymać w liście

[HTML] pobierz, plaintext 
<ul>
 <li>
   Rodzic
   <ul>
     <li>
       Dziecko
       (...)
     </li>
   </ul>
  </li>
</ul>
[HTML] pobierz, plaintext 

ukrywasz w jQuery wszystkie ul, poza pierwszym. Po kliknięciu na li pokazujesz ul zawarty w tym elemencie, i to wszystko (IMG:style_emoticons/default/wink.gif)

mógłbyś trochę bardziej pomóc od strony jquery(wlaśnie tutaj troszke slaby jestem ^.^)?

Podam kod i prosiłbym o odp czy idę dobrym tropem ^.^

[PHP] pobierz, plaintext 
<?php
function view_kids($table, $parent)
{
 
 foreach($table as $new_table)
 {
  if($new_table['parent'] == $parent)
   {
?>
   <script type="text/javascript">
 
 
  $(document).ready(
 
  function raz()
     {
      <?php
 echo "var a = '$new_table[parent]'\n";
 
    ?>
   $(a).click(
     function show()
     {
 
        <?php
 echo "var b = '$new_table[id]'\n";
 
    ?>
       $(b).toggle();
     }
    ).toggle(function(){$(this).text('-');}, function(){$(this).text('+');});
 
   }     
  );
 
 
    </script>
    <?php
    echo '<class id="'.$new_table['id'].'" style="display: none;">';
     echo '<k'.$new_table['id'].'>+</k'.$new_table['id'].'>';
 
  echo '-><a href="index.php?subpage=1&cat='.$new_table['id'].'">'.$new_table['name'].'</a><br>';
 
  $this -> view_kids($table, $new_table['id']);
  echo '</class>';
  }
 }
} 
 
[PHP] pobierz, plaintext 

wiem wiem wygląda to strasznie ale próbuje już wszystkiego ;<

Tutaj troszke twoim tropem idąc:

[HTML] pobierz, plaintext 
 <script type="text/javascript">
 
 
  $(document).ready(
 
 
  function raz()
     {
    var lambada = 's1';
   $(lambada).click(
     function show()
     {
      var b = '#s2';
       $(b).toggle();
     }
    ).toggle(function(){$(this).text('-');}, function(){$(this).text('+');});
 
      var lambada = '#s2';
   $(lambada).click(
     function show()
     {
      var b = '#s3';
       $(b).toggle();
     }
    )
   }
 
  );
 
 
   </script>
 
   <ul >
       <li >
       <s1>+</s1>
       Rodzic
        <ul  id='s2' style="display: none;">
        <li>Dziecko2</li>
 
        <ul id='s3' style="display: none;"> <li>Dziecko3(...)</li></ul>
        <ul  id='s4' style="display: none;"> <li>Dziecko4(...)</li></ul>
           <li>Dziecko5</li></ul>
 
 
      </li>
    </ul> 
[HTML] pobierz, plaintext 

Tylko jak coś w tym stylu przerzucić do pętli w php i zrobić aby to działało ?

tak więc jakieś pomysły ?

Ten post edytował kill15 6.09.2011, 20:03:08