Jump to content
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 ?

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other 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);

	}

Share this post


Link to post
Share on other 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 ?

Share this post


Link to post
Share on other 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...

 

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

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.