Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

hooligans

Menu Drop Down dados vindos do banco

Por , em PHP

Recommended Posts

hooligans    0

hooligans
Postado

e ai galera bele ,seguinte se postei errado me desculpe pois como tem php e banco de dados achei que era aki ,vamos lá

 

 

tenho um menu que é montado com informações do banco qndo você clica ele procura categoria de uma tabela e exibe embaixo e tbm para subcategoria mas meu chefe pra me animar pediu pra fazer estilo esse

 

http://www.maujor.com/tutorial/ddownmenu/horizontal.html

http://www.maujor.com/tutorial/ddownmenu/horizontal.html

 

oq acontece que não sako de css e pra ajudar não consigo achar algo na net se puderem dar uma olhada e me ajudarem

 

 

 

grato pela atenção

Compartilhar este post

Link para o post
Compartilhar em outros sites

novato_PHP    0

novato_PHP
Postado

Boa Tarde!

 

 

Já montei este menu dinamicamente usando os dados vindo de um banco uma vez se precisar de ajuda....

 

 

Este menu é muito simples..... Dê uma olhda no CSS dele para ver se entende... Aí você poderá gerar o arquivo em php que vai montar o CSS do menu....

 

Se precisar de ajuda....

 

Exemplo de CSS do Menu:

 

code CSS

<style type="text/css">

body { font: normal 70.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
/*	background: #87CEEB; /* IE6 Bug */
	background: #B0E2FF; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(../lay_css/arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color:#87CEEB;}

ul#primary-nav li a:hover { color: #000000; }

</style>

HTML do MENU

<ul id="primary-nav">
  <li><a href="index.php">Home</a></li>
  <li class="menuparent"><a href="#">Campus Barra Mansa</a> 
	<ul>
	  <li class="menuparent"><a href="#">Por Professores</a>
		  <ul>
			<li><a href="dados_grafico_individual.php?es=01">Gráfico Individual</a></li>
			<li><a href="java script:grafico_geral('01');">Gráfico Geral das Avaliações</a></li>	  
			<li><a href="java script:comentario('01');">Comentários dos Alunos</a></li>			  
		</li>	
	</ul>
	  <li class="menuparent"><a href="#">Por Curso</a>
		<ul>
			<li><a href="java script:grafico_comparativo('01');">Gráfico Comparativo</a></li>   
			<li><a href="java script:listagem_professor();">Listagem de Professores</a></li>   
		</li>
		</ul>
  <li><a href="java script:grupo1('01');">Professores Grupo 1</a></li>
  <li><a href="java script:grupo2('01');">Professores Grupo 2</a></li>  
</ul>
</li>
<li class="menuparent"><a href="#">Unidade Cicuta</a> 
	<ul>
	  <li class="menuparent"><a href="#">Por Professores</a>
		  <ul>
			<li><a href="dados_grafico_individual.php?es=02">Gráfico Individual</a></li>
			<li><a href="java script:grafico_geral('02');">Gráfico Geral das Avaliações</a></li>	  
			<li><a href="java script:comentario('02');">Comentários dos Alunos</a></li>					  
		</li>	
	</ul>
	  <li class="menuparent"><a href="#">Por Curso</a>
		<ul>
			<li><a href="java script:grafico_comparativo('02');">Gráfico Comparativo</a></li>   
			<li><a href="java script:listagem_professor();">Listagem de Professores</a></li>   
		</li>
		</ul>
  <li><a href="java script:grupo1('02');">Professores Grupo 1</a></li>
  <li><a href="java script:grupo2('02');">Professores Grupo 2</a></li>  
</ul>
</li>
  <li><a href="manual_admin.pdf" target="_blank">Manual do Sistema</a></li>
  <li><a href="sair.php">Sair</a></li>
  </ul>

Pedaço de um exemplo de uma implementação que fiz para um sistema anterior... Usando este menu...

 

 

public function monta_menu()
	{
	
		parent::conectar_cpa();
		$this->matricula = $_SESSION['matricula'];
		$this->aass = $_SESSION['aass'];
		$this->ano="2008";
		$sql_bm ="EXEC identifica_professor '".$_SESSION['curso']."','$this->ano','01'";
		$en_bm = mssql_query($sql_bm);
		$num_bm=mssql_num_rows($en_bm);
		if ($num_bm>0)
		{
		print "<li class='menuparent'><a href='#'>Campus Barra Mansa</a>";
		print"<ul>";
		while ($linha_bm=mssql_fetch_array($en_bm))
			  {
				$this->cod_prof=$linha_bm['cod_prof'];
				$this->nome=parent::removeAcento($linha_bm['nome']);


			print "<li><a href=\"java script:dados('$this->cod_prof','$this->nome','01');\">$this->cod_prof - $this->nome</a></li>";			
			  }	
			
		} 
		print "</ul>"; 
		$sql_cic="EXEC identifica_professor '".$_SESSION['curso']."','$this->ano','02'";
		$en_cic = mssql_query($sql_cic);
		$num_cic=mssql_num_rows($en_cic);
		
		if ($num_cic>0)
			{
				print "<ul>";
				print "<li class='menuparent'><a href='#'>Unidade Cicuta</a><ul>";
				while ($linha_cic=mssql_fetch_array($en_cic))
			 		 {
						$this->cod_prof=$linha_cic['cod_prof'];
						$this->nome=parent::removeAcento($linha_cic['nome']);

					
					print "<li><a href=\"java script:dados('$this->cod_prof','$this->nome','02');\">$this->cod_prof - $this->nome</a></li>";		
			
					}
		
			}
		 
	}

 

Por ai vai....

Compartilhar este post

Link para o post
Compartilhar em outros sites

hooligans    0

hooligans
Postado

o problema está que ele tem que vir de um banco por ajax né ai que está me matando :S

Compartilhar este post

Link para o post
Compartilhar em outros sites

hooligans    0

hooligans
Postado

desistir nunk rs

vai ficar meio grande o código entaum ele não dá erro algum mas tbm não exibe os dados da pagina categoria2.php se puder me dar um help

index.php

<?php 
header("Content-Type: text/html; charset=ISO-8859-1"); 

include('session2.php');
require_once('config.php');

$sqlCategoria = "SELECT * FROM tblcategoria group by menu order by idCategoria ASC";
$queryCategoria = mysql_query($sqlCategoria) or die (mysql_error());

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

body,td,th {
	font-family: Trebuchet Ms;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #979981;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
.fecha{
display:none;
}
.abre{
display:inherit;
}
</style>
<script language="javascript" src="js/menu.js"></script>
</head>

<body>
<ul>
	<li> <a href="main.php" target="conteudo">Página Inicial</a>
	<li> <a href="cadAdmin.php" target="conteudo">Administradores</a>
	<li> <a href="select/selectexibeuser.php" target="conteudo">Usuários</a>
	<li> <a href="upindex.php" target="conteudo">Index</a></li>
	<?php while ($linha = mysql_fetch_array($queryCategoria)){ ?>
  <li><a href="#"   onclick="abrePagina('select/categoria2.php?cat=<?php echo $linha['menu']; ?>','<?php echo $linha['menu']; ?>')">
  <?php 
  switch ($linha['menu']){
  case 'Utilidades':
  echo "Site->Utilidades";
  break;
  case 'Pesquisa':
  echo "Site->Pesquisa";
  break;
  case 'Livros':
  echo "Leitura->Livros";
  break;
  case 'Cursos':
  echo "Download->Cursos";
  break;
  case 'Artigos':
  echo "Leitura->Artigos";
  break;
  case 'Periódicos':
  echo "Leitura->Periódicos";
  break;
  case 'Cases':
  echo "Download->Cases";
  break;
  default:
  echo $linha['menu'];
  }  
  ?></a>
  <ul>
  <li><div id="<?php echo $linha['menu']; ?>" class="fecha"></div></li>
  </ul></li>
  <?php } ?>
	<li><a href="sair.php">Sair</a></li>
</ul>
</body>
</html>

menu.js
var request = null;

try {
	request = new XMLHttpRequest();
} catch (trymicrosoft) {
	try {
		request = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (othermicrosoft) {
		try {
			request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (failed) {
			request = null;
		}
	}
}

if (request == null){
	alert("Error creating request object!");
}

function abrePagina(url,id){
	
	request.open("POST",url,true);
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	request.onreadystatechange = function(){
					if (request.readyState==4){
						if (request.status==200){
							abrediv(id);
							document.getElementById(id).innerHTML = request.responseText;
						}
						else{
						alert("Problem retrieving data:" + request.statusText);
						}
					}
				}
	request.send("");
}

function abrediv(id){
var obj = document.getElementById(id);

if (obj.className == "fecha"){
	obj.className ="abre";
	}
	else{
	obj.className="fecha";
	}	

}

 

select/selectcategoria2.php

<?php
header("Content-Type: text/html; charset=ISO-8859-1"); 

include('../session.php');
require_once('../config.php');

$cat = $_GET['cat'];

$sql = "SELECT * FROM tblcategoria WHERE menu = '$cat' ";
$query = mysql_query($sql) or die (mysql_error());
$row = mysql_num_rows($query);
  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>
<style type="text/css">

body,td,th {
	font-family: Trebuchet Ms;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #979981;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}

</style>

<script language="javascript" src="../js/menu.js"></script>
</head>
<body>

  <?php while ($linha = mysql_fetch_array($query)){ ?>
  
  <a href="#" onclick="abrePagina('select/subcategoria.php?cat=<?php echo $linha['idCategoria']; ?>','<?php echo $linha['categoria']; ?>')"><?php echo $linha['categoria']?></a><div id="<?php echo $linha['categoria']; ?>" class="fecha"></div>
   <?php } ?>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

novato_PHP    0

novato_PHP
Postado

Num entendi muita coisa do seu código nao... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Mas vamos por partes... Tente fazer um exemplo separado em outros arquivos e aí depois que você entender como funciona tenta implementar para o caso....

 

Por exemplo, como você quer que seja exibido o menu ? de acordo com este link...

http://www.maujor.com/tutorial/ddownmenu/horizontal.html

 

Este menu só usa CSS e Java Script não tem Ajax nele...(ficou estranho né levando conta que ajax é java script http://forum.imasters.com.br/public/style_emoticons/default/upset.gif ...)

 

-Tenta primeiro criar um arquivo que monta o menu em CSS ( Estático)

-Tenta adicionar os dados neste menu dinamicamente pegando os dados vindo de um DB

- Tenta colocar o AJAX que você precisa(O que entendi pelo seu código é que você usa o ajax para abrir a página do link do menu em uma div...)...

 

 

Assim que eu faço quando tento implementar recursos novos nos meus sistemas....

 

Tento dominar o recurso primeiro (entender como funciona) e faço um exemplo simples e depois implemento...

Compartilhar este post

Link para o post
Compartilhar em outros sites

hooligans    0

hooligans
Postado

cara o menu rola legal os dados vem do banco legal só não sei como fazer para abrir um submenu com as categorias saka no caso fiz com div pq não sei de outro jeito se puder me ajudar

Compartilhar este post

Link para o post
Compartilhar em outros sites

novato_PHP    0

novato_PHP
Postado

No CSS que está no link postado anteriormente... O Menu e Sub menu é montado assim...

 

<script type="text/javascript">

function IEHoverPseudo() {

	var navItems = document.getElementById("primary-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuparent") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuparent"; }
		}
	}

}
window.onload = IEHoverPseudo;
</script>

<style type="text/css">

body { font: normal 70.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
/*	background: #87CEEB; /* IE6 Bug */
	background: #B0E2FF; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(../lay_css/arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color:#87CEEB;}

ul#primary-nav li a:hover { color: #000000; }

</style>
<ul id="primary-nav">
  <li><a href="index.php">Home</a></li> <!--Menu principal -->
  <li class="menuparent"><a href="#">menu 1</a> <!--menu principal opcao debaixo da Home -->
	<ul> <!-- abre um sub menu -->
	  <li class="menuparent"><a href="#">1ºSub-menu do menu 1</a> <!-- sub menu do menu 1 -->
		  <ul>
			<li><a href="dados_grafico_individual.php?es=01">opcao1</a></li> <!-- opcaos do submenu 1-->
			<li><a href="java script:grafico_geral('01');">opcao2</a></li>  <!-- opcaos do submenu 1-->	
			<li><a href="java script:comentario('01');">opcao3</a></li>	  <!-- opcaos do submenu 1-->		
		</li>	<!-- Fechando o sub menu 1-->
	</ul><!-- Fechando sub menu-->
	   <li class="menuparent"><a href="#">2ºSub-menu do menu 1</a> <!-- -->
		<ul>
			<li><a href="java script:grafico_comparativo('01');">Opcao1</a></li>	<!-- opcaos do submenu 2-->	
			<li><a href="java script:listagem_professor();">opcao2</a></li>   
		</li>
		</ul>
 </ul>
</li>
  <li><a href="manual_admin.pdf" target="_blank">menu 2</a>
   <ul> <!-- abre um sub menu -->
	  <li class="menuparent"><a href="#">1ºSub-menu do menu 2</a> <!-- sub menu do menu 2 -->
		  <ul>
			<li><a href="dados_grafico_individual.php?es=01">opcao1</a></li> <!-- opcaos do submenu 2-->
			<li><a href="java script:grafico_geral('01');">opcao2</a></li>  <!-- opcaos do submenu 2-->	
			<li><a href="java script:comentario('01');">opcao3</a></li>	  <!-- opcaos do submenu 2-->		
		</li>	<!-- Fechando o sub menu 1-->
	</ul><!-- Fechando sub menu-->
	   <li class="menuparent"><a href="#">2ºsub-menu do menu 2</a> <!-- -->
		<ul>
			<li><a href="java script:grafico_comparativo('01');">Opcao1</a></li>	<!-- opcaos do submenu 2-->	
			<li><a href="java script:listagem_professor();">opcao2</a></li>   
		</li>
		</ul>
 </ul>
</li>
  
  </li><!-- menu principal -->
  <li><a href="sair.php">Sair</a></li> <!-- Menu principal -->
  </ul>
Põe o código acima em uma página qualquer com extensão htm mesmo abre ele e veja como funciona os menus e sub-menus...

Ou seja <ul> Abre sub-menu </ul> Fecha

Compartilhar este post

Link para o post
Compartilhar em outros sites

jefferson.rbr    1

jefferson.rbr
Postado

eu tbm estou com o mesmo problema, preciso montar um menu drop down com consultas ao bance, ou seja, preciso preencher este menu com o nome dos representtes e seus respectivos produtos, to perdidaço ñ sei como faço....por favor me ajuder....

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Filipe Netto    0

Filipe Netto
Postado

eu tbm estou com o mesmo problema, preciso montar um menu drop down com consultas ao bance, ou seja, preciso preencher este menu com o nome dos representtes e seus respectivos produtos, to perdidaço ñ sei como faço....por favor me ajuder....

abraços

Para fazer isso, primeiro vocês criam um select da tabela e uma variavel que captura os dados:

 

/* Criação da variavel do select */
	$select="SELECT * FROM clientes";
	
/* Criação da variavel que captura os dados */
	$get_data=mysql_query($select);

Agora é só criar o drop down:

 

<?php echo "<select name=cliente_id id=cliente_id>";

while($lista=mysql_fetch_array($get_data)) {
echo "<option value=$lista[0]>$lista[2]</option>";
}
echo "</select>";
?>

Se tiverem alguma duvida, me avisa q eu ajudo. Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito