Search Avançado
Onde procurar

This topic

Fóruns

Membros

Help Files
Novas postagens

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Estabelecer Tempo No Hover

Started By marcosfj1, 25/03/2011, 13:00

Faça o login para participar

33 replies to this topic

#16 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 15:55

ele já está hospedado?
se tiver me mande o link...

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#17 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 28/03/2011, 16:01

ele já está hospedado?
se tiver me mande o link...

Ja mandei por MP

Eu to q faço teste aqui pra ver se consigo algo....o q ta me pegando mesmo acho q é as ULs

Consegui fazer o menu aparecer...e qdo eu clico as marcas piscam na tela, e joga para a pagina vitrine do departamento....entao ta errado tinha q clicar e abrir as opcoes de marca sem ir pra lugar nenhum

Edição feita por: marcosfj1, 28/03/2011, 15:57.

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

#18 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 16:06

pelo que vi ele não está exibindo a tag <li>

mude o seu jQuery, por este:

<script>
$(document).ready(function(){
    $("ul li:not(:first)").hide();
    $("ul").click(function(){
        $("ul li:visible").slideUp("slow");
        $(this).parent().next().slideDown("slow");
        return false;
    });
});
</script>

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#19 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 28/03/2011, 16:10

haha rapaz agora o trem apareceu apenas o primeiro departamento hehe...e se clica ele some hehe

vai la pra vc ver....eu só mudei aquilo q me falou

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

#20 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 16:27

Marcos, conforme conversamos eu faria algumas alterações:

//
if($cp['id_produto_categoria'] OR $_GET['categoria']){
    echo '<ul style="margin-bottom:5px;">';
        $sql = mysql_query("SELECT PEGA AS MARCAS DE ACORDO COM O DEPARTAMENTO ");
        while($cp2 = mysql_fetch_assoc($sql)){
            $nome = $cp2['nome']; // PORQUE ESTA VARIAVEL ESTA DUPLICADA OU ELA FICA NA CONFIÇÃO OU NÃO...
            if($cp2['id_produto_marca'] == $_GET['marca']){
                $nome = $cp2['nome'];
            }
            echo '<li>
                <a class="marca" style="color:#06C;" href="?l=produto&amp;categoria='.$_GET['categoria'].'&amp;marca='.$cp2['id_produto_marca'].'" title="'.$cp2['nome'].'"><b>'.$nome.'</b></a>
            </li>';
        }
    echo '</ul>';

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

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#21 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 28/03/2011, 16:33

vou tentar aqui cara e ver o q acontece

valeu mesmo

Olha cara fiz aqui, e o lado bom é q agora ta mostrando todos os departamentos, mas as marcas já aparecem abertas ou seja nao ta tendo aquele efeito

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

#22 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 16:38

esqueci de te mandar o principal cara, foi mal kkkk

<script type="text/javascript" src="http://jqueryjs.goog...n.js"></script>

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#23 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 28/03/2011, 16:44

deu certo nao cara eu já tenho a importaçao da biblioteca em uma pagina q chama tudo.....de qualquer modo eu coloquei, ai atualmente esta assim meu codigo:

JS:

<head>
<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 ul').hide();    
	$('#nav a.categoria').click(function(e){        
		e.preventDefault();        
		$(this).parent().find('ul').slideToggle('slow');    
		}
	);
	}
);
</script>
</head>

E o resto:

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

	//
	$sql = "SELECT gsdfgd";
	$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 = "SELECT fdsgsdf ";
		$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='.$_GET['categoria'].'&amp;marca='.$cp2['id_produto_marca'].'" title="'.$cp2['nome'].'"><b>'.$nome.'</b></a>            
				 </li>';        
		}    
		echo '</ul>';

	}		

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

Cara eu acho q agente ta indo pelo caminho errado, antes de vc alterar o codigo do menu na sua primeira alteraçao apenas no JS ele mostrava apenas o primeiro departamento, e ao clicar ele sumia, mas parecia fazer o efeito...agora parece q baguncou tudo

OU já vou jogar aberto se me ajudar a fazer e conseguirmos, ganha uma vodka hahaha

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

#24 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 16:48

Ai vai um modelo rápido:
qualquer coisa rode ele local mesmo pra você ver como funciona...
http://www.doyoudo.com.br/teste.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<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 ul').hide();
 
		$('#nav a.accordeon').click(function(e){
			e.preventDefault();
			$(this).parent().find('ul').slideToggle('slow');
		});
	});
</script>
</head>

<body>

<div id="nav">
    <ul>
        <li><a href="" title="Menu 1" class="accordeon">Menu 1</a>
            <ul>
                <li>&raquo; <a href="submenu11.php" title="Submenu 1.1">Submenu 1.1</a></li>
                <li>&raquo; <a href="submenu12.php" title="Submenu 1.2">Submenu 1.2</a></li>
            </ul>
        </li>
        <li><a href="" title="Menu 2" class="accordeon">Menu 2</a>
            <ul>
                <li>&raquo; <a href="submenu21.php" title="Submenu 2.1">Submenu 2.1</a></li>
                <li>&raquo; <a href="submenu22.php" title="Submenu 2.2">Submenu 2.2</a></li>
            </ul>
        </li>
        <li><a href="" title="Menu 3" class="accordeon">Menu 3</a>
            <ul>
                <li>&raquo; <a href="submenu31.php" title="Submenu 3.1">Submenu 3.1</a></li>
                <li>&raquo; <a href="submenu32.php" title="Submenu 3.2">Submenu 3.2</a></li>
            </ul>
        </li>
        <li><a href="" title="Menu 4" class="accordeon">Menu 4</a>
            <ul>
                <li>&raquo; <a href="submenu41.php" title="Submenu 4.1">Submenu 4.1</a></li>
                <li>&raquo; <a href="submenu42.php" title="Submenu 4.2">Submenu 4.2</a></li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>

Edição feita por: dudesign, 28/03/2011, 16:48.

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#25 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 28/03/2011, 16:51

Rapaz da vontade de apanhar na cara hahaha....eu to vendo la que se usou #nav e nem to dando bola

Ai vc me manda um exemplo que tem dentro da DIV o id="nav" hahhaa coloquei no meu e pronto haha fechou e faz o efeito

Ai blz cliquei abre as marcas perfeito igual eu queria.....MASSSS hahaha

Igual o q o site tem la se consegue fazer, de clicar num proximo departamento e fechar aquele anterior q eu abri?

Ta quase ganhando sua vodka

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

#26 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 28/03/2011, 17:51

para poder fechar quando abrir o outro mude:

<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 ul").hide();
                $("#nav ul ul:not(:first)").hide();
 
                $("#nav a.accordeon").click(function(e){
                        e.preventDefault();
                        $(this).parent().find("ul").slideToggle("slow");
                });
        });
</script>

Edição feita por: dudesign, 28/03/2011, 17:53.

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#27 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 29/03/2011, 12:47

Cara tentei aqui esta nova mudança mas nao deu certo nao...alias parou de abrir as opcoes agora eu clico vai pro departamento mas nao abre as marcas

Bom amanha vemos isso q agora chega hahaha deu meu horario

Valeu cara
abraço

ainda nao conseguindo

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

#28 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 29/03/2011, 13:10

bom vamos lá:
tire esta <DIV ID="nav"></DIV>
e troque o primeiro <UL> por <UL id="nav">

e o código JS é este:

		$('#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');
			});
		});

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com

#29 marcosfj1

Turista

Usuários
53 posts

Sexo:Masculino

Posted 29/03/2011, 13:10

O Duu consegui cara hehe

Achei um exemplo na net que ao clicar em um fecha o outro q estava aberto

Mudei para isso:

<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 ul').hide();            
	$('#nav a.categoria').click(function(e){
		e.preventDefault();
 
		$('#nav ul ul').hide();
		$(this).parent().find('ul').slideToggle('slow');
	});
	}
);
</script>

Agora a questao é só os navegadores mesmo q nao ta aparecendo no Chrome e FireFox

Se tiver alguma ideia de como me ajudar

Edição feita por: marcosfj1, 29/03/2011, 13:11.

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

#30 dudesign

Turista

Usuários
31 posts

Sexo:Masculino
Localidade:Estado de São Paulo

Posted 29/03/2011, 13:22

A forma que eu te passei anteriomente foi testado no Chrome, FireFox e IEca...
E em todos funcionou normal.

<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>

Dudesigner

MSN:
eduardobarrosvilla@hotmail.com