Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JQuery][PHP]
Forum PHP.pl > Forum > Po stronie przeglądarki
Stopy
Witam. Mam kod, który wczytuje pytania, odpowiedzi oraz datę przesłania do pliku, tworząc tablicę , a następnie wyświetla je. Chciałabym, aby odpowiedź i data pokazywały się dopiero po kliknięciu na pytanie, jednak funckja wykonuje się jedynie dla pierwszego wiersza pliku.

Wyświetlanie pliku:

Kod
<?php

$a=file("baza2.txt");
foreach($a as $v){
$tab=explode("|||",$v);

?>

<div id="pyt"  style="color:red"><?php echo $tab[0];?></div>
<div id="odp"  style="display:none"><?php echo $tab[1];?></div>
<div id="data" style="display:none"><?php echo $tab[2];?></div>



<?php
}
?>


Funkcja:
Kod
<script type="text/javascript">

$(document).ready(function(){                                                                                
      
                $("#pyt").click(function() {
                $("#odp").slideToggle("slow");
                $("#data").slideToggle("slow");
                return false;
        });
                
  });
lipek3
Witam,
id może być na stronie tyko jedno zamiast id możesz użyć klasy jako selektora np

  1. <?php
  2.  
  3. $a=file("baza2.txt");
  4. foreach($a as $v){
  5. $tab=explode("|||",$v);
  6.  
  7. ?>
  8.  
  9. <div class="pyt" style="color:red"><?php echo $tab[0];?>
  10. <div class="odp" style="display:none"><?php echo $tab[1];?></div>
  11. <div class="data" style="display:none"><?php echo $tab[2];?></div>
  12. </div>
  13.  
  14.  
  15. <?php
  16. }
  17. ?>


CODE
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2.  
  3. $(".pyt").click(function(event) {
  4. event.preventDefault()
  5. $(this).find(".odp").slideToggle("slow");
  6. $(this).find(".data").slideToggle("slow");
  7.  
  8. });
  9.  
  10. });
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.