Ir para conteúdo

POWERED BY:

Arquivado

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

webdesign

função .hide .show

Por , em Javascript

Recommended Posts

webdesign    1

webdesign
Postado

código apresenta as categorias

<label>
             	<span>Categoria</span>
              	<select name="categoria" id="categoria">
				 	<option value="">Selecione a categoria</option>
                	<option value="novidades" id="novidades">Novidades</option>
                	<option value="cursos" id="cursos">Cursos</option>
                	<option value="produtos" id="produtos">Produtos</option> 	
              	</select>
            	</label>

 

 

depois fiz um div com o nome produtos_class para quando clicar na categoria produtos ele apresentar o valor real etc,,,

 

<div id="produtos_class" style="display:none;">
           	<br />
           	<div class="no"><strong>Para postar um produto, os campos abaixo são obrigatórios!</strong></div>
           	<label>
             	<span>Valor R$ <strong>(EX: 15,50)</strong></span>
             	<input type="text" name="valor_real"/>
           	</label>

           	<label>
             	<span>Valor PagSeguro  <strong>(EX: 1550)</strong></span>
               	<input type="text" name="valor_pagseguro" />
           	</label>
           	</div><!--class produtos_class-->

 

Aqui está a função

 

 

   $(function(){

	$("#produtos").click(function(){

		$("#produtos_class").show("slow");

	});

	$("#cursos").click(function(){

		$("#produtos_class").hide("slow");

	});

	$("#novidades").click(function(){

		$("#produtos_class").hide("slow");

	});  

});

 

 

o problema é que faço o .show nos produtos_class ele apresenta os resultados mas quando clico noutra categoria que tem .hide ele nao desaparece!?

 

o que estou afazer de errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

webdesign    1

webdesign
Postado

eu sei filho, disse para você tentar sem o "slow" ou "fast"

 

tentei e nada,mas reparaei com a consola web que jquery tem um erro na linha 45

--
[11:54:06.187] O uso do atributo específico do atributo' está obsoleto. Devolve sempre verdadeiro. @ t/scripts/jquery.js:45

nesta linha nao sei se tem haver

this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(B){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

amigo:

   	<option value="novidades" id="novidades">Novidades</option>
                	<option value="cursos" id="cursos">Cursos</option>
                	<option value="produtos" id="produtos">Produtos</option>

não faz sentido você dar ID para tags option.

 

VEja aqui como fazer oque você quer:

http://code.imasters.com.br/index.php?/topic/133-ocultarexibir-elementos-apartir-de-acao-em-radioselect/

Compartilhar este post

Link para o post
Compartilhar em outros sites

webdesign    1

webdesign
Postado

amigo:

   	<option value="novidades" id="novidades">Novidades</option>
        			<option value="cursos" id="cursos">Cursos</option>
        			<option value="produtos" id="produtos">Produtos</option>

não faz sentido você dar ID para tags option.

 

VEja aqui como fazer oque você quer:

http://code.imasters...em-radioselect/

 

wiliam eu penso que ele nao está a pegar nas tasgs option até porque que criei esta div para aparecer os elementos

<div id="produtos_class" style="display:none;">
           	<br />
           	<div class="no"><strong>Para postar um produto, os campos abaixo são obrigatórios!</strong></div>
           	<label>
             	<span>Valor R$ <strong>(EX: 15,50)</strong></span>
             	<input type="text" name="valor_real"/>
           	</label>

           	<label>
             	<span>Valor PagSeguro  <strong>(EX: 1550)</strong></span>
               	<input type="text" name="valor_pagseguro" />
           	</label>
           	</div><!--class produtos_class-->

ele está atacar a div #produtos e produtos_class...Penso eu

 

cara aqui está a solução 

$(function(){

		$("#Noticias").click(function(){

		$("#filmes-em-cartaz_class").hide("slow");

});

		$("#Novidades").click(function(){

		$("#filmes-em-cartaz_class").show("slow");

}); 					  	

   		$("#youtube").click(function(){

		$("#filmes-em-cartaz_class").show("slow");

});


		$("#filmes-em-destaque").click(function(){

		$("#filmes-em-cartaz_class").show("slow");
});

   		$("#filmes-animados").click(function(){

		$("#filmes-em-cartaz_class").show("slow");


});  	

		$("#filmes-em-cartaz").click(function(){

		$("#filmes-em-cartaz_class").show("slow");

});


      	});

 

eu tinha que colocar istu em todos #filmes-em-cartaz_class

 

reparo é que ele nao respeita o slow

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não não amigo.. esquece o option. Isso é incorreto.

 

você terá problemas qndo for testar em outros browsers.

Dispare no onchange do select, assim como mostrei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webdesign    1

webdesign
Postado

não não amigo.. esquece o option. Isso é incorreto.

 

você terá problemas qndo for testar em outros browsers.

Dispare no onchange do select, assim como mostrei.

 

tem razao wiliam, nao funciona google crome, mas pode ajudar me a adaptar aquele código ao meu!?

 

 

eu tenho assim o meu form

 

 <form name="cadastrar_posts" id="cadastrar_posts" method="post" action="" enctype="multipart/form-data">
    		<fieldset>
           	<label>
             	<span>Imagem de exibição</span>
               	<input type="file" name="thumb" size="60" />
           	</label> 

           	<label>
             	<span>Titulo</span>
               	<input type="text" name="titulo"/>
           	</label>

           	<label>
             	<span>Texto</span>
               	<textarea name="texto" rows="5"></textarea>
           	</label>

           	<label>
      		<span class="text">Palavra Chave</span>
      		<input type="text" name="tags" />
      		</label>

      		<label>
             	<span>Categoria</span>
          		<select name="categoria" id="categoria">
			     	<option value="">Selecione a categoria</option>
            		<option value="Noticias" id="Noticias">Ultimas noticias</option>
            		<option value="Novidades" id="Novidades">Novidades</option>
            		<option value="youtube" id="youtube">Youtube</option>
            		<option value="filmes-em-destaque" id="filmes-em-destaque">Destaques</option>
            		<option value="filmes-animados" id="filmes-animados">Cartaz Familiar</option>
            		<option value="filmes-em-cartaz" id="filmes-em-cartaz">Filmes em Cartaz</option>
          		</select>
        		</label>

           	<label>
             	<span>Data</span>
             	<input type="text" name="data" />
           	</label>

 

 

depois quando clicasse naquelas categorias a excepção das noticias queria que aparece-se este código

            	<label>
               	<span>Videos Youtube</span>
               	<input type="text" name="site_oficial" value="<?php echo $site_oficial; ?>"/>
           	</label>

        		<label>
               	<span class="text">Titulo Original <small>(Sub Titulo)</small></span>
               	<input type="text" name="title_original" value="<?php echo $title_original ?>"/>
        		</label>

        		<label>
               	<span class="text">Actores </span>
               	<input type="text" name="act" value="<?php echo $act ?>"/>
        		</label>

        		<label>
               	<span class="text">Realizador </span>
               	<input type="text" name="reali" value="<?php echo $reali ?>"/>
        		</label>

          		<label>
               	<span class="text">Género </span>
               	<input type="text" name="genero" value="<?php echo $genero ?>"/>
          		</label>

          		<label>
               	<span class="text">Data Estreia </span>
               	<input type="text" name="estreias" value="<?php echo $estreias ?>"/>
          		</label>

          		<label>
               	<span class="text">Páis De Origem  </span>
               	<input type="text" name="origem" value="<?php echo $origem ?>"/>
          		</label>

               	<label>
               	<span class="text">Classe Etária <small>(M12)</small></span>
               	<input type="text" name="class_etaria" value="<?php echo $class_etaria ?>"/>
          		</label>

               	<label>
               	<span class="text">Duração</span>
               	<input type="text" name="duracao" value="<?php echo $duracao ?>"/>
          		</label>

               	<label>
               	<span class="text">Duração Em ISO</span>
               	<input type="text" name="duracao_iso" value="<?php echo $duracao_iso ?>"/>
          		</label>

 

e depois quando clicasse nas noticias desaparece-se

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