Ir para conteúdo

POWERED BY:

Arquivado

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

Jonatã Cioni

[Resolvido] script de JavaScript não funciona

Por , em Javascript

Recommended Posts

Jonatã Cioni    9

Jonatã Cioni
Postado

fala galera... beleza???

 

bom... este script foi o primeiro em JavaScript que resolvi fazer para experimentar e pra começar a aprender JavaScript tb...^^

 

mais o problema eh que ele ou funciona parcialmente ou não funciona...¬¬

 

<?php
include("config/config.php");
?>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#menu{
background:#0000FF;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:22px;	
font-style:italic;
font-weight:bold;
}
#submenu{
background:#66FFFF;
font:Arial, Helvetica, sans-serif;
color:#CC0000;
font-size:14px;
font-style:italic;
display:none;
}
</style>
<script type="text/javascript" language="JavaScript">
function abreSubmenu(){
if(document.getElementById('submenu').style.display="none"){
	document.getElementById('submenu').style.display="block";
}else if(document.getElementById('submenu').style.display="block"){
	document.getElementById('submenu').style.display="none";
}else{
}
}
</script>
</head>

<body>
<table width="120" border="0" cellspacing="1" cellpadding="0">
<?php
$buscaMenus = "SELECT * FROM menu";
$queryMenus = mysql_query($buscaMenus) or die (mysql_error());
$qtddMenus = mysql_num_rows($queryMenus);

if($qtddMenus > 0){
while($mostraMenus = mysql_fetch_array($queryMenus)){
	$idMenu = $mostraMenus["id"];
	$itemMenu = $mostraMenus["item_menu"];
?>
<tr>
	<td><a href="#" onClick="abreSubmenu()"><div id="menu" align="center"><?php echo $itemMenu;?></div></a></td>
</tr>
	<?php
	$buscaSubMenus = "SELECT * FROM submenu WHERE id_menu='$idMenu'";
	$querySubMenus = mysql_query($buscaSubMenus) or die (mysql_error());
	$qtddSubMenus = mysql_num_rows($querySubMenus);

	if($qtddSubMenus > 0){
		while($mostraSubMenus = mysql_fetch_array($querySubMenus)){
			$idSubMenu = $mostraSubMenus['id'];
			$itemSubMenu = $mostraSubMenus['item_submenu'];
			$linkSubMenu = $mostraSubMenus['link'];
	?>

		<tr>
			<td><div id="submenu" align="left"><a href="<?php echo $linkSubMenu;?>"><?php echo $itemSubMenu;?></a></div></td>
		</tr>
		<?php
		}//Fecha WHILE do SubMenu
	}//Fecha IF do SubMenu
}//Fecha WHILE do Menu
}//Fecha IF do Menu
?>
</table>
</body>
</html>

 

cm vcs podem ver no código... isto é um menu dinamico com PHP e MySql...

 

a minha ideia inicial era de esconder os menus e abrir somente os que a pessoa quiser... ai coloquei no nome do menu um link para a função JavaScript para abrir o menu, mais, ou abre somente um item do primeiro menu, ou da erro na pagina...¬¬...

 

q q eu to fazendo de errado, gente????????????

 

brigadão ai a que conseguir me ajudar...^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você não deve duplicar IDs.

 

veja o funcionamento deste:

 

http://www.wbruno.com.br/blog/2011/03/12/principio-de-menu-em-abas/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jonatã Cioni    9

Jonatã Cioni
Postado

vlw galera... jah consegui resolver...

 

fiz desse jeito:

function abreSubmenu(id){
var mostrar = document.getElementById(id);
if(mostrar.style.display == ""){
	mostrar.style.display = "none";
}else{
	mostrar.style.display = "";
}
}

Compartilhar este post

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

Informação importante

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

  Aceito