Ir para conteúdo
Ronaldo Bueno

Tooltip Dinâmico

Recommended Posts

Pessoal,

 

Observe essa linha

 

response.write "<span data-toggle='tooltip' data-original-title='" & TitleBadge & "' style='margin-right:3px;'>"

 

essa linha esta dentro de um arquivo que é chamado via ajax

 

se eu coloco dentro do html

 

<span data-toggle='tooltip' data-original-title='Titulo' style='margin-right:3px;'>

 

funciona, mas via ajax não.

 

alguém ja passou por isso ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou usando o 1.7 (por questões de outras ações)

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

 

e na inicialização chamo

	$(function () {
		$("[data-toggle='tooltip']").tooltip();
	})

depois que abre a página simples, pega os dados via ajax e retorna alguns span´s que tem a tag. não tem segredo, só que se eu colocar o span dentro do html, funciona tudo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

desculpe, agora que caiu a ficha, você queria esse, certo ?

    function PegarSemanaConsultaFinan(DataProcura){

		ajax = ajaxInit();
		ajax.open("GET", "financeiro-procura-semana.asp?DataProcura="+DataProcura,true);
		ajax.onreadystatechange=function(){
			if (ajax.readyState==1){
			}
			if (ajax.readyState==4){
				if(ajax.status==200){

					var MsgResultado = ajax.responseText;

					if(MsgResultado == ""){
					}
					else{
						$("#results-div-finan").html(MsgResultado);
						
					}
					
				}
			}

		}
		ajax.setRequestHeader("Pragma", "no-cache");
		ajax.send(null);

	}

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja entendi por que, mas ainda não resolvi

 

quando inicializa a função tooltip, tudo que tem title="" passa a ser data-original-title="" e por isso não pega o que vem dinamico.

 

já tentei vir direto com o data-original, mas tb não foi

 

alguém tem alguma dica ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, sei que jé faz tempo que foi criado este tópico, mas segue abaixo minha solução:

 

Como o tooltip vem depois da pagina ser carregada, você precisa inicializá-lo novamente, depois de chamar o ajax, Ex:

function func_select_dados_reservas(){
	var cad_busca 		= $(".campo_busca_geral").val();
   	var cad_id_status 	= $('select[name=cad_status_reserva]').val();

   $.ajax({
        url: "METODOS/pt_metodos_consultas_geral.php",
        type:"post",
        cache:false,
        data:"cad_acao=ACAO_SELECT_RESERVAS_POR_USUARIO&cad_busca="+cad_busca+"&cad_id_status="+cad_id_status,
        success: function(retorno){
        	$(".recebe_retorno").html(retorno);
          
          	//AQUI INICIALIZA O TOOLTIP NOVAMENTE
		    $('[data-toggle="tooltip"]').tooltip();
        }
    })

}

Espero ter ajudado...

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

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