Ir para conteúdo

POWERED BY:

Arquivado

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

Detonador PHP

[Resolvido] Problemas com slideUp e Animate do jquery

Por , em Javascript

Recommended Posts

Detonador PHP    1

Detonador PHP
Postado

Olá. Estou com um pequeno problema.

Não tenho conhecimentos de jquery, tanto que quando quero fazer um efeito faço na unha ao meu estilo. Eu sei que tenho que fazer uma reciclagem, mas por enquanto não tenho tempo.

E ao montar um login me deparei com um problema. Tanto o slideUp quanto o animate, ao retirarem a mensagem da tela, eles dão uma piscada, isso claro no IE, pois no FF esta ok.

Vou passar o link para vcs e ver se alguem pode me ajudar!

Para realizar as animações só clicar nas caixas texto, pois para teste coloquei no evento click das caixas!

Obrigado desde já!

 

http://www.imaginis.com.br/desenvolvimento/abcb-poa/loga.php ://http://www.imaginis.com.br/desenvol...b-poa/loga.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

cara adiciona o doctype na pagina e da uma testada..

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Detonador PHP    1

Detonador PHP
Postado

Muito boa Otata!!!!

Só que me apareceu um pequeno problema...

Como disse ainda não domino trabalha com tabless, jquery, tudo isso. E não tenho como me reciclar agora, trabalhando neste projeto. Por isso ainda trabalho com tabelas. Quero largar, mas não pode ser agora.

 

Gostaria de saber então se tens uma solução para o meu problema.. porque se eu colocar o doctype ali, o documento entra nas regras da w3c... e dai não posso usar altura, e muito menos usar tabela indiscriminadamente, resumindo, bagunça meu documento. Se eu tirar, o jquery da aquele probleminha de dar um pequeno salto.

 

Então, alguma solução para o problema?

Ou devo procurar outro efeito!?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

bom complicado isso rs... o que você pode fazer é você proprio fazer uma função para fazer esse efeito..posso te ajudar se precisar, ou retirar esse efeita já que ele está impactando, e mudar o modo de mostrar a mensagem de erro ou tbm mudar o efeito por outro..

 

cara aconselho você começar a usar os padrões tentar se adptar para não ter mais esse tipo de problema.. sei tem que ter tempo mas é necessario a minha opnião..

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Detonador PHP    1

Detonador PHP
Postado

Valew pela ajuda...

Só para finalizar... tens ideia de como fazer este efeito na mão mesmo?

E outra... como eu colocar este post como finalizado?

 

Grande abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

sim já fiz algo parecido com isso..

 

da uma olhada

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<script>
		function slide(props){
			var elemento = document.getElementById(props.idEle);
			var tamanho = parseInt(elemento.style.height.replace("px",""));

			if(tamanho <= props.tamMin){
				slideUp(props);
			}else
			if(tamanho >= props.tamMax){
				slideDown(props);
			}			
		}
		function slideUp(props){
			var elemento = document.getElementById(props.idEle);
			runUp(elemento,props.tamMax,props.velo);
		}
		function slideDown(props){
			var elemento = document.getElementById(props.idEle);
			runDown(elemento,props.tamMin,props.velo);
			
		}
		function runUp(elemento,tamMax,velocidade){
			var tamanho = parseInt(elemento.style.height.replace("px",""));
			if(tamanho < tamMax){
				tamanho = tamanho + 3;
				elemento.style.height = tamanho +"px";
				setTimeout(function(){
					runUp(elemento,tamMax)},""+velocidade+"");
			}
		}
		function runDown(elemento,tamMin,velocidade){
			var tamanho = parseInt(elemento.style.height.replace("px",""));
			if(tamanho > tamMin){
				tamanho = tamanho - 3;
				elemento.style.height = tamanho +"px";
				setTimeout(function(){
					runDown(elemento,tamMin)},""+velocidade+"");
			}
		}
	</script>	
	<style>

		#slide{
			border:1px solid red;
			width:150px;
		}
	
	</style>
</head>
<body>
	<div id="slide" style="height:274px"></div>
</body>


<input type="button" value="slide" onclick="slide({idEle:'slide',tamMin:'50',tamMax:'274',velo:5})" />

</html>

faz algum tempo que fiz..uns anos rs..

 

t+

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