Estabelecer Tempo No Hover

#31 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 29/03/2011, 13:34

Uai blz entao vou testar sua forma

Eu eu gosto do IE hehe

============================================

Ou cara tentei aqui e continua sem funcionar no Chorme e FireFox.....até fez o lance de fechar uma ao abrir outro, mas a questao dos navegadores continua....vou postar o codigo só pra ver se eu fiz certo, ous e deixei algo passar:

JS:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
	$('#nav ul').hide();                
	$("#nav").find('a').click( function( e ){        
		e.preventDefault();        
		$("#nav ul").hide();        
		if($(this).next('ul').css('display')=='none')                
			$(this).next('ul').slideDown('fast')        
			else                
				$(this).next('ul').slideUp('fast');        
		}
	);
	}
);
</script>

E o PHP:

<div id="menu_categoria" class="boxed">
  <h2 class="title">DEPARTAMENTOS</h2>
  
<?

	//
	$sql = "BUSCA DEPARTAMENTOS";
	$req = mysql_query($sql);

	//
	if (mysql_num_rows($req)) {

?>
    <ul class="semMargem" id="nav">
      <?
	
	//
	while ($cp = mysql_fetch_array($req)) {
	
		//
		$nome = $cp['nome'];
		if ($cp['id_produto_categoria'] == $_GET['categoria'])
			$nome = '<b>'.$cp['nome'].'</b>';
					
?>
      <li><a class="categoria" href="?l=produto&amp;categoria=<?=$cp['id_produto_categoria'] ?>" title="<?=$cp['nome'] ?>" ><?=$nome ?></a></li>
     
<?

	//
	if ($cp['id_produto_categoria'] OR $_GET['categoria']) {
	
		//
		echo '<ul style="margin-bottom:5px;">';
		
		//
		$sql = "BUSCA MARCAS RELACIONADAS A DEPARTAMENTO ";
		$req2 = mysql_query($sql);
		
		//
		while ($cp2 = mysql_fetch_array($req2)) {
			
			//
			$nome = $cp2['nome'];
			if ($cp2['id_produto_marca'] == $_GET['marca'])
				$nome = '<b>'.$cp2['nome'].'</b>';
			echo '<li>                
					<a class="marca" style="color:#06C;" href="?l=produto&amp;categoria='.$cp['id_produto_categoria'].'&amp;marca='.$cp2['id_produto_marca'].'" title="'.$cp2['nome'].'"><b>'.$nome.'</b></a>            
				 </li>';        
		}    
		echo '</ul>';

	}		

?>
      
      
      <? } ?>
    </ul>
<? } ?>    
  
</div>

Reparaq mudei la o NAV para a UL coloquei na primeira, e ranquei a DIV

Falou

Testa no link q te passei pra vc ver se ta funcionando

==================================================================
Quer conhecer um site Diferente?
FORA DA TELA
==================================================================

#32 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 29/03/2011, 13:40

teste o link que lhe enviei por mensagem nos navegadores

Edição feita por: dudesign, 29/03/2011, 13:41.

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#33 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 31/03/2011, 13:59

cara nao chegou a msg ainda qdo chegar eu testo

valeu

Bom apesar do codigo q me passou tinha ate dado certo, ele tava com um problema, qdo eu cicava numa das marcas referente a um departamento ela nao levava para a pagina da marca, ai tive q voltar o codigo antigo q eu tinha conseguido quase q junto com vc....mas claro ainda a o problema dessa xxxxxx nao funcionar no chrome e firefox

Eu nao tenho mais ideia do q pode ser, por mais q eu olhe nao consigo notar nenhum problema com meu codigo:

<!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" />

<script type="text/javascript">
$(document).ready(function(){                    
	$('#nav ul ul').hide();                    
	$('#nav a.categoria').click(function(e){                
		e.preventDefault();                 
		$('#nav ul ul').hide();                
		$(this).parent().find('ul').slideToggle('slow');        
		}
	);        
	}
);
</script>

</head>

<body>
<div id="menu_categoria" class="boxed">
  <h2 class="title">DEPARTAMENTOS</h2>
  <div style="margin:5px;" id="nav">
<?

	//
	$sql = "dhfgdfd";
	$req = mysql_query($sql);

	//
	if (mysql_num_rows($req)) {

?>
    <ul class="semMargem" >
      <?
	
	//
	while ($cp = mysql_fetch_array($req)) {
	
		//
		$nome = $cp['nome'];
		if ($cp['id_produto_categoria'] == $_GET['categoria'])
			$nome = '<b>'.$cp['nome'].'</b>';
					
?>
      <li><a class="categoria" href="?l=produto&amp;categoria=<?=$cp['id_produto_categoria'] ?>" title="<?=$cp['nome'] ?>" ><?=$nome ?></a></li>
     
<?

	//
	if ($cp['id_produto_categoria'] OR $_GET['categoria']) {
	
		//
		echo '<ul style="margin-bottom:5px;">';
		
		//
		$sql = "hdgdfdgd";
		$req2 = mysql_query($sql);
		
		//
		while ($cp2 = mysql_fetch_array($req2)) {
			
			//
			$nome = $cp2['nome'];
			if ($cp2['id_produto_marca'] == $_GET['marca'])
				$nome = '<b>'.$cp2['nome'].'</b>';
			echo '<li>                
					<a class="marca" style="color:#06C;" href="?l=produto&amp;categoria='.$cp['id_produto_categoria'].'&amp;marca='.$cp2['id_produto_marca'].'" title="'.$cp2['nome'].'"><b>'.$nome.'</b></a>            
				 </li>';        
		}    
		echo '</ul>';

	}		

?>
      
      
      <? } ?>
    </ul>
<? } ?>    
  </div>
</div>

</body>
</html>

Ta tudo certo....só se o chorme nao aceita geração de menu dinamico hehe....mas acho isso impossivel hehe

OU que raiva agora q ta funcionando adivinha só a mudança

Qdo o cara clica na marca apos abrir o menu dinamico ai blz vai para a pagina da marca, só q ele quer q agora continue aberto as opcoes de marca, e qdo clicar em outro departamento ai sim feche

Agora fiquei louco ou o menu é dinamico ou nao é xxxxxx

Ainda tentei fazer uma gambiarra la mas nao funciona 100%

Se tem alguma ideia de como pode fazer isso....alias se nao entendeu eu explico melhor, pq to com mta raiva haha

valeu

==================================================================
Quer conhecer um site Diferente?
FORA DA TELA
==================================================================

#34 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 01/04/2011, 13:08

cara assim fica difícil hen...
esse cara não tem nada pra fazer não kkkk

vou fazer um teste aqui e te mando
guenta ai...

Marcos acredito que seja isso que você precise.

<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("a[href='"+get_page()+"']").parent('li').parents('ul').addClass('atual');
	
	$(".menu ul").not('.atual').hide();
	$(".menu > li > a").click(function(e){
		if($(this).attr('href')=='#'){
			e.preventDefault();
			 var ul = $(this).next('ul');
			 $(".menu ul").not($(ul)).slideUp();
			 $(ul).toggle('slow');
		}
	});
	$(".menu ul a").click(function(e){
		var ul = $(this).next('ul');
		$(".menu ul li ul").not($(ul)).slideUp();//se não quiser que feche o terceiro nivel, comente essa linha
		$(ul).toggle('slow');
	});
});
function get_page(){
	var url = window.location.href;
	var qnts = url.split('/').length;
	var pices =  url.split('/');
	return pices[qnts-1]!='#' ? pices[qnts-1] : '';   
}
</script>
</head>

<body>

    <ul class="menu">
    	<li><a href="#">item 1</a></li>
        <li><a href="#">1° nivel</a>
            <ul>
            	<li><a href="#">2° nivel</a>
                	<ul>
                    	<li><a href="#">3° nivel</a></li>
                        <li><a href="#">3° nivel</a></li>
					</ul>
                </li>
                <li><a href="#">subitem 2</a>
                    <ul>
                        <li><a href="#">3° nivel</a></li>
                        <li><a href="#">3° nivel</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">item 4 com submenu</a>
            <ul>
            	<li><a href="#">subitem 1</a></li>
                <li><a href="#">subitem 2</a></li>
                <li><a href="#">subitem 3</a></li>
                <li><a href="#">subitem 4</a></li>
            </ul>
        </li>
        <li><a href="#">item 5 com submenu</a>
            <ul>
            	<li><a href="#">subitem 1</a></li>
                <li><a href="#">subitem 2</a></li>
                <li><a href="#">subitem 3</a></li>
            </ul>
        </li>
    </ul><!-- /menu -->

</body>
</html>

Créditos: William Bruno (Post do Fórum Imaster)

Edição feita por: dudesign, 01/04/2011, 13:13.

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#31 marcosfj1

#32 dudesign

#33 marcosfj1

#34 dudesign

1 user(s) are reading this topic

Entrar