1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

jQuery plugin vs HTML dentro de atributos

Discussão em 'Web Development' iniciada por OldMan, 18 de Julho de 2009. (Respostas: 0; Visualizações: 793)

  1. OldMan

    OldMan Power Member

    Boas,

    estou a usar este plugin para o jQuery que usa como método para adicionar legendas às imagens o atributo title.

    Ficaria portanto algo deste género:
    Código:
    <a href="fullscreen.jpg" rel="prettyPhoto" title="Description"><img src="thumbnail.jpg" /></a>
    
    Depois também posso ter HTML dentro do title, ele reconhece:
    Código:
    <a href="fullscreen.jpg" rel="prettyPhoto" title="Link to <a href='http://google.com'>Google</a>"><img src="thumbnail.jpg" /></a>
    

    O problema aparece quando eu tento usar uma função que já tinha feito, com esse link em particular.

    Código:
    $("a[target='_blank']").hover(function(){
    	txt=$(this).attr("href");
    	$("#link_tooltip").html(txt.substring(13));
    	$().mousemove(function(k){
    		w_width=window.outerWidth;
    		half_width=w_width/2;
    		if (k.pageX>half_width) {
    			tip_width=$("#link_tooltip").width();
    			$("#link_tooltip").css({ 
    				marginTop: k.pageY-100 + "px",
    				marginLeft: k.pageX-tip_width-12 + "px"
    			});			
    		}else{
    			$("#link_tooltip").css({ 
    				marginTop: k.pageY-100 + "px",
    				marginLeft: k.pageX + "px"
    			});			
    		}
    	});
    	$("#link_tooltip").fadeIn(100);	
    },
    function(){
    	$("#link_tooltip").fadeOut(100);
    });
    
    É mais fácil verem o que a função faz, do que eu estar a tentar explicar.

    Mas isto não funciona com aquele link dentro do title. Alguém sabe se isto é possível de contornar?
     

Partilhar esta Página