[PHP]rozwijane menu Opcje

[Kahras]

Witam mam problem ponieważ nie wiem jak wykonać rozwijające się menu.(zwykle w PHP klikam i się rozwija)

Skrypt wygląda tak:

[PHP] pobierz, plaintext 
if(isset($config['site']['quests']) && is_array($config['site']['quests']) && count($config['site']['quests']) > 0)
		{
			$main_content .= '<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=7 WIDTH=100%><TR BGCOLOR="'.$config['site']['vdarkborder'].'"><TD align="left" COLSPAN=2 CLASS=white><B>Quests</B></TD></TD align="right"></TD></TR>';		
			$number_of_quests = 0;
			foreach($config['site']['quests'] as $questName => $storageID)
			{
				$bgcolor = (($number_of_rows++ % 2 == 1) ?  $config['site']['darkborder'] : $config['site']['lightborder']);
				$number_of_quests++;
				$main_content .= '<TR BGCOLOR="' . $bgcolor . '"><TD WIDTH=95%>' . $questName . '</TD>';
				if($player->getStorage($storageID) === null)
				{
					$main_content .= '<TD><img src="images/false.png"/></TD></TR>';
				}
				else
				{
					$main_content .= '<TD><img src="images/true.png"/></TD></TR>';
				}
			}
			$main_content .= '</TABLE></td></tr></table><br />';
		}
[PHP] pobierz, plaintext 

Lista jest b.długa:



I chciałbym by tak to wyglądało ze zamiast "Quests"(na samej gorze) by pisało rozwiń i by się rozwijała cala lista.


Wie ktoś coś jak to wykonać?

Ten post edytował Kahras 19.08.2014, 13:30:33

[Turson]

Nie zrobisz rozwijanego menu w samym PHP. Do tego potrzebny jest Javascript. W google trochę znajdziesz przykładów

[Kahras]

No tak jednak masz racje.
Tutaj jest 1 wlasnie przykladowy skrypt ktory dziala tak jak ma dzialac:

[PHP] pobierz, plaintext 
$main_content = "
<script type=\"text/javascript\"><!--
function show_hide(flip)
{
	var tmp = document.getElementById(flip);
	if(tmp)
		tmp.style.display = tmp.style.display == 'none' ? '' : 'none';
}
--></script>";
 
//zapytania//
	$lua = parse_ini_file($config['site']['server_path'].'/config.lua');
	$ip = explode("*", $lua['ip']);
	$port = explode("*", $lua['loginPort']);
	$motd = explode("*", $lua['motd']);
	$accounts = $SQL->query('SELECT COUNT(*) FROM `accounts` WHERE `id`>0;')->fetch();
	$players = $SQL->query('SELECT COUNT(*) FROM `players` WHERE `id`>0;')->fetch();
	$guilds = $SQL->query('SELECT COUNT(*) FROM `guilds` WHERE `id`>0;')->fetch();
	//reszta//
	$main_content .= '<table BORDER=0 CELLPaDDING="4" CELLSPACING="1" width=100%;> 
		<TR BGCOLOR="'.$config['site']['vdarkborder'].'"><TD ALIGN=center CLASS=white><B>';
	$main_content .= "<a onclick=\"show_hide('statl'); return false;\" style=\"cursor: pointer;\">&raquo; View server information &laquo;</a></B></TD></TR></TABLE>";
 
	$main_content .= '<center><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=90% id="statl" style="display: none;" ><TR><TD><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH=100%><TR BGCOLOR='.$config['site']['vdarkborder'].'>
		<tr bgcolor="'.$config['site']['darkborder'].'"><td>Server IP: '.$lua['ip'].'</li></td>
						<td>Accounts on '.$config['server']['serverName'].': '.$accounts[0].'</li></td></tr>
 
		<tr bgcolor="'.$config['site']['lightborder'].'"><td>Port: '.$lua['loginPort'].'</li></td>
	<td>Players on '.$config['server']['serverName'].': '.$players[0].'</li></td></tr>
 
		<tr bgcolor="'.$config['site']['darkborder'].'"><td>MOTD: '.$lua['motd'].'</li></td>
		    <td>Guilds on '.$config['server']['serverName'].': '.$guilds[0].'</center></td></tr>
		</table>
	</table>
	';
[PHP] pobierz, plaintext 

Klikam i sie rozwija.
Tylko nie umiem kodu odpowiadającego za te rozwijanie przenieść do mojego skryptu: /

[CuteOne]

To pora się nauczyć?
google ->
js poradnik,
css poradnik,
html poradnik

[trueblue]

Możesz to zrobić w czystym php po prostu drukując dane podkategorie (tylko wybranej kategorii), jednak nie będzie tu efektu płynności i dokona się po przeładowaniu strony.
Możesz zmodyfikować powyższą wersję drukując zawsze podkategorie wszystkich kategorii i nadając odpowiedni styl display, również działanie po przeładowaniu.

A tu masz w czystym CSS:
http://jsfiddle.net/z37g782t/
http://jsfiddle.net/z37g782t/1/