Ir para conteúdo

POWERED BY:

Arquivado

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

joão pedro7

jquery.ajax mouse hover

Recommended Posts

opa, sou leigo em ajax, alguem pode me dar uma dica sobre como fazer isso,

 

ex. eu tenho um link

 

<a href='pagina.php?id=22'></a>

 

eu quero poder quando passar o mouse por cima fazer uma requisição ajax enviando esse id para a pagina que vai ser executada no ajax

 

alguem pode dar uma dica, um trecho de codigo com um exemplo bem simples, ou o nome das funções e metodos que precissarei pesquisar.

 

abraço desde já agradeço

Compartilhar este post


Link para o post
Compartilhar em outros sites

jQuery.mouseouver

e

jQuery.ajax

Compartilhar este post


Link para o post
Compartilhar em outros sites

jQuery.mouseouver

e

jQuery.ajax

 

ta mas desenvolvendo a ideia de como fazer seria +- isso

 

eu crio uma classe .itemAjax por ex..

e faria isso?

 

$('.itemAjax').mouseover(function() {
   ... minha função aqui.
});

 

sou pra traz no javascript :/

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa eu criei essa função que ao passar o mouse por cima do link pega id, e com esse id faz uma pesquisa por ajax.

ta funcionando tudo, mas o problema que se passo o mouse e deixo o mouse em cima, fica chamando o ajax varias vezes,

tentei mudar o mouseover por focus mas não rolou sabe da uma dica de como fazer essa alteração?

 

 

//busca informações
$('.itemAjax').mouseover(function() {
	//pegando a url do perfil
	var href = $( this ).attr('href'); 
	//pegando o id do perfil
	var idPerfil = href.split("id=");

	//Ajax
	$.ajax({
	  url: "busca-perfil.php?id="+idPerfil[1],
	  context: document.body,
	  dataType: 'json',
	  type: "GET",
	  success: function(data){

	      var retorno = data;  //array json retorno

	  }


	});

});

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta com mouseenter, no lugar do mouseover.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta com mouseenter, no lugar do mouseover.

@editado

 

opa achei o erro camarada,

ele ta dando um conflito com um plugin que estou usando, e com o codigo abaixo estava exibindo os dados vindo pelo busca mas por algum motivo está dando conflito e chamando varias vezes vou verificar mais tarde e posto aqui pra!

 

 

$('.itemAjax').hovercard({
			showCustomCard: true,
			customCardJSON: aboutPerfil
		});

 

link do plugin caso tenha interesse é bem legal

http://designwithpc.com/Plugins/Hovercard#demo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.