Jump to content
Sign in to follow this  
kof20012

Jquery atributo - fadeIn

Recommended Posts

kof20012

boas estou com o serios problemas com o fadeIn.

Por mais que altera, nao faz nada.

ja tenho inserido os ficheiros necessarios

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script language="javascript" src="js/backoffice.js"></script>

dentro do backoffice.js tenho a função de ajax request que vai fazer o fadeIn no final.

function ajax(values, local, dom_id){	
//var dados = {'nome': nome, 'privado': privado, 'function': 'inserir_pasta' };				
	$(document).ready(function(v) {  
	  $.ajax({type: "POST", 
			  data: {'dados': values},
			   url:"/source/"+local, 
		   success:function(msg) {
				if(msg == 1){
					alert('Registo Inserido com sucessor');
				}else if(msg == 2){
					alert('Ocorreu um erro na inserção');
				}else{						
					$('#'+dom_id).css("display","block");
						$('#'+dom_id).fadeIn(1000, function(){
					               $('#'+dom_id).html(msg);
				});		
				}			   
		   },
		   error:function (xhr, ajaxOptions, thrownError){
                    alert(xhr.statusText);
                   alert(thrownError);
                }  
	  });    
  });
}

No codigo tenho a div que ele vai inserir a msg do ajax request e onde a função e chamada.

<div align="Center" style="padding-left:30px;" id="resultado">
</div>

if ($query['Activado']== '0'){ 
       $activacao = '<img src="images/activar.png" width="15" height="15" border="0" id="imagem12"   onclick="ajax('.$query['IDForum'].',\'forum.php\', \'resultado\')">';
       $texto_act =  '<font color="#FF0000">Desactivado</font>'; 
}else{ 
       $activacao = '<img src="images/desactivar.png" width="15" height="15" border="0" id="imagem12" onclick="ajax('.$query['IDForum'].',\'forum.php\', \'resultado\')">';
       $texto_act = '<font color="#32CD32">Activado</font>';
}

echo '<tr style="background-color: '.$row_color.'"><td width="20%" align="center">'.reduce_str($query['IDForum'], 22).'</td>
<td width="25%" align="center">'.$query['Forum'].'</td>
<td width="20%" align="center">'.$texto_act.' '.$activacao.'</td>
</tr>';

No final nao o fadeIn nao me aparece. Só me aparece a mensagem do ficheiro php normalmente sem fadeIn.

Alguem me pode ajudar?

Um Grande Abraço

Share this post


Link to post
Share on other sites
HappyHippyHippo

                                        if(msg == 1){
                                                alert('Registo Inserido com sucessor');
                                        }else if(msg == 2){
                                                alert('Ocorreu um erro na inserção');
                                        }else{                                               
                                                $('#'+dom_id).css("display","block");
                                                        $('#'+dom_id).fadeIn(1000, function(){
                                                               $('#'+dom_id).html(msg);
                                        });

olha bem para o código e verás que o fadeIn só será executado a variável msg for diferente de 1 ou 2. Penso que seria algo do género:

                                        if(msg == 1){
                                                alert('Registo Inserido com sucessor');
                                                $('#'+dom_id).css("display","block");
                                                $('#'+dom_id).fadeIn(1000, function(){
                                                $('#'+dom_id).html(msg);
                                        }else if(msg == 2){
                                                alert('Ocorreu um erro na inserção');
                                        }else{
                                                alert('Ocorreu um erro imprevisto');
                                        });

PS : porque inserir as duas bibliotecas de jquery 1.3.2 e 1.4.4, no entanto acho que já passou o 1.7


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
kof20012

Boas,

Entretanto já actualizei todos os ficheiros jquery para 1.7.1 apesar dos ficheiros dizerem que é o 1.4.4 ou 1.3.7 :cheesygrin:

Quanto ao codigo, eu uso a função em varias partes, isto é, funciona para casos diferentes.

A variavel "msg" é a mensagem que vem do PHP, em alguns casos, o que retorna é um simples

echo 1; ou echo 2; dai que tem aqueles 2 if, mas para este caso estar la os 2 if ou não e a mesma coisa que nada.

success:function(msg) {					
	   $('#'+dom_id).css("display","block");
	   $('#'+dom_id).fadeIn(1000, function(){
		$('#'+dom_id).html(msg);
	   });			

Share this post


Link to post
Share on other sites
HappyHippyHippo

Entretanto já actualizei todos os ficheiros jquery para 1.7.1 apesar dos ficheiros dizerem que é o 1.4.4 ou 1.3.7 :cheesygrin:

???


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
kof20012

Ja descobri a ciencia.

success:function(msg) {                                       
                   $('#'+dom_id).css("display","block");
                   $('#'+dom_id).fadeIn(1000, function(){
                        $('#'+dom_id).html(msg);
                   });

Explicando o erro:

No pedaço de código que tinha feito estou a dizer que a id vai ficar com o display block de seguida vai fazer o fadeIn dessa div e só depois é que insere o texto. Aqui está o erro.

O codigo correcto seria

[*]- display block da div

[*]- Insere o texto na div

[*]- fazer o fadeIn

Por miudos,



success:function(msg) {                                     
                  $('#'+dom_id).css("display","block");
                  $('#'+dom_id).html(msg);
                  $('#'+dom_id).fadeIn(1000);

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.