Menu Tree Com Php

[msb_gj]

Boa Noite pessoal...

Bom!

Estou com uma certa dificuldade em fazer um menu tree com javascript e php que busca em duas tabelas seus itens...

Em uma tabela eu tenho os estados com os campos assim: id_est e est

e na outra a tabela cidades assim: id_cid, id_est, cid.

Eu até consegui pegando um pedaço daqui e outro de lá e aparece o resultado da tabela estado, mas não consigo relacionar as duas e fazer com que apareça as cidades pertencentes a cada estado.

Está +/- assim:

<script language="javascript">

<!--

var Aberto = ""

var Fechado = ""

function preload(){

if(document.images){

Aberto = new Image(16,13)

Fechado = new Image(16,13)

Aberto.src = "/por/imagens/aberto.gif"

Fechado.src = "/por/imagens/fechado.gif"

}}

function mostra(item,item2){

if (item.style.display=='none'){

item.style.display='';

item2.src=Aberto.src

}

else{

item.style.display='none'

item2.src=Fechado.src

}

}

preload();

-->

</script>

<?

include'conn.php';

$banco=mysql_select_db($bd,$dbh);

$resultado=mysql_query($sql,$dbh);

$sql = "SELECT * FROM estados ";

$resultado=mysql_query($sql, $dbh) or print(mysql_error());

echo "<table width=100% border=0 bgcolor=#FFFFFF>\n";

while($linha=mysql_fetch_array($resultado)) {

print("<tr><span id=menu1 onClick=mostra(menu1principal,menu1img) style=cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000>

<img id=menu1img src=fechado.gif valign=bottom>&nbsp; $linha[1]</span><br>

<span id=menu1principal style=display:'none'></tr>");

}

echo"</table>\n";

?>

Poderiam me dar uma ajudinha por favor...

Agradeço desde já a ajuda

Obrigado

MSB_GJ

[ppgsalomao]

você tenta assim:

<?

include'conn.php';

$banco=mysql_select_db($bd,$dbh);

$resultado=mysql_query($sql,$dbh);

$sql = "SELECT * FROM estados ";

$resultado=mysql_query($sql, $dbh) or print(mysql_error());

echo "<table width=100% border=0 bgcolor=#FFFFFF>\n";

while($linha=mysql_fetch_array($resultado)) {

print("<tr><span id=menu1 onClick=mostra(menu1principal,menu1img) style=cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000>

<img id=menu1img src=fechado.gif valign=bottom>&nbsp; $linha[1]</span><br>

<span id=menu1principal style=display:'none'></tr>");

$sql1 = "SELECT * FROM cidades WHERE id_est = $linha[0]";

$resultado1=mysql_query($sql1, $dbh) or print(mysql_error());

while($lin=mysql_fetch_array($resultado1)) {

print("<tr><span id=menu1 onClick=mostra(menu1principal,menu1img) style=cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000>

<img id=menu1img src=fechado.gif valign=bottom>&nbsp; $lin[2]</span><br>

<span id=menu1principal style=display:'none'></tr>");

}

}

echo"</table>\n";

?>

[msb_gj]

Opa!!

ppgsalomao

Valeu pela resposta

Mas desta forma ele não abre né? Apenas lista direto abaixo do estado relacionado...

Para abrir onde eu teria que alterar???

Obrigado

MSB_GJ

[ppgsalomao]

Como assim abrir ??

É só mudar no "print('');"

Não entendi bem a pergunta ... abrir como ? Para que ?

[msb_gj]

assim:

imagem>estado1

|>cidade1

|>cidade2

|>cidade3

imagem>estado2

|>cidade1

|>cidade2

|>cidade3

imagem>estado3

|>cidade1

|>cidade2

|>cidade3

[ppgsalomao]

Tipo ... não sei se entendi certo !!

Mas isso ... eu acho que é um efeito ... em JavaScript ...

Para isso ... é só mudar na parte em AZUL do código q eu vo copia e cola aqui em baixo !!

<?

include'conn.php';

$banco=mysql_select_db($bd,$dbh);

$resultado=mysql_query($sql,$dbh);

$sql = "SELECT * FROM estados ";

$resultado=mysql_query($sql, $dbh) or print(mysql_error());

echo "<table width=100% border=0 bgcolor=#FFFFFF>\n";

while($linha=mysql_fetch_array($resultado)) {

print("<tr><span id=menu1 onClick=mostra(menu1principal,menu1img) style=cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000>

<img id=menu1img src=fechado.gif valign=bottom>&nbsp; $linha[1]</span><br>

<span id=menu1principal style=display:'none'></tr>");

$sql1 = "SELECT * FROM cidades WHERE id_est = $linha[0]";

$resultado1=mysql_query($sql1, $dbh) or print(mysql_error());

while($lin=mysql_fetch_array($resultado1)) {

print("<tr><span id=menu1 onClick=mostra(menu1principal,menu1img) style=cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000>

<img id=menu1img src=fechado.gif valign=bottom>&nbsp; $lin[2]</span><br>

<span id=menu1principal style=display:'none'></tr>");

}

}

echo"</table>\n";

?>

Aí se for tipo um select (Drop-Down Box) você subtitui por isso:

<option>$linha[2]</option>

Coloca antes do While (o 2º!):

echo "<select size=\"1\" name=\"D1\">";

E depois:

echo "</select>