Dynamiczna rozwijana tabela

0

cześć,
chciałbym stworzyć tabelę, która pobiera dane z bazy danych MySQL i wyświetla np kolumny "name" i "date" a po kliknięciu w nie rozwija się i wyświetlają się pozostałe informacje o zdarzeniu

obecnie mam taką funkcję w php, która wyświetla wszystkie informacje w jednym wierszu

 if(mysql_num_rows($wynik) > 0) {
    /* jeżeli wynik jest pozytywny, to wyświetlamy dane */
    echo "<table cellpadding=\"2\" border=1>";
    while($r = mysql_fetch_assoc($wynik)) {
        echo "<tr>";
        echo "<td>".$r['name']."</td>";
        echo "<td>".$r['bands']."</td>";
        echo "<td>".$r['date']."</td>";
        echo "<td>".$r['time']."</td>";
        echo "<td>".$r['place']."</td>";
        echo "</tr>";
    }
    echo "</table>";
}

więc da się to w jakiś prosty sposób przerobić?

0

nikt nie jest w stanie pomóc? :(

0

Dopisz </br> na końcu :D

0

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script> 

	$(document).ready(function(){
	
	$(".rozwijane_kolumny").hide();

    $(".wyswietlane_kolumny").click(function(){
		var index = $(".wyswietlane_kolumny").index(this);
		if(index==0)
		{
			$(".rozwijane_kolumny").eq(index).show("slow");
		}
		else if(index==1)
		{
			$(".rozwijane_kolumny").eq(index).show("slow");
			$(".rozwijane_kolumny").eq(index+1).show("slow");
		}
		else if(index%2==0)
		{
			$(".rozwijane_kolumny").eq(index+index/2).show("slow");
		}
		else
		{
			$(".rozwijane_kolumny").eq(index+parseInt(index/2)).show("slow");
			
			$(".rozwijane_kolumny").eq(index+parseInt(index/2)+1).show("slow");
		}
        
    });
		
    $(".wyswietlane_kolumny").dblclick(function(){
		$(".rozwijane_kolumny").hide("slow");
    });
	
	$(".rozwijane_kolumny").dblclick(function(){
		$(".rozwijane_kolumny").hide("slow");
    });
});
</script>

<head>

<body>

<?php
$r=array(

"name" => "name",
"bands"=> "bands",
"date"=> "date",
"time"=> "time",
"place"=> "place"
);

echo "<table cellpadding=\"2\" border=1 >";

 // while($r = mysql_fetch_assoc($wynik)) {
	 
        echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";

 // }
 
 //przykładowy 2 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";
   
	//przykładowy 3 wiersz

        echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";
	
	//przykładowy 4 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";
		
//przykładowy 5 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";

//przykładowy 6 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";	

//przykładowy 7 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";
		
//przykładowy 8 wiersz
		echo "<tr >";
		
        echo '<td class="wyswietlane_kolumny">'.$r["name"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["bands"].'</td>';
        echo '<td class="wyswietlane_kolumny">'.$r["date"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["time"].'</td>';
        echo '<td class="rozwijane_kolumny">'.$r["place"].'</td>';

        echo "</tr>";
		
echo "</table>";
	
?>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1