Cześć,
postanowiłem pobawić się z moją stroną i upiększyć ją nieco.
Tak więc dodałem efekt tzn. 'dymek' czyli po najechaniu na pewien napis powinien wyświetlić się dymek z informacją.
Wszystko bez problemu działa, zmodyfikowałem sobie kod tak aby po najechaniu na temat z forum, wyświetlało mi treść ostatniego posta. Aby zapobiec zbyt wielkiemu rozmiarowi 'dymka' zamieściłem ograniczenie do 200 znaków treści.
Nie ma problemu aż do momentu, kiedy w dymku pojawia się quote. Wtedy dymek pozostaje pusty, a na samym końcu strony, pojawia się ten fragment qoute i nie znika.
Link do mojej strony http://vbclans.pl
Można zobaczyć efekt, po najechaniu na temat w którym powinno wystąpić quote. Powinno wtedy wyskoczyć ale na samym dole strony (efekt nie chciany).
Co mogę zrobić, aby ten problem zniknął.
Fragment pliku theme - odpowiedzialny za wyświetlanie tekstu.
<a href='".FORUM."viewthread.php?forum_id=".$data['forum_id']."&thread_id=".$data['thread_id']."' title='<b>".trimlink($data['thread_subject'], 100)."</b><br />".str_replace("]", "]]", str_replace("[", "[[", trimlink($post_message, 250)))."' class='vtip'>".trimlink($data['thread_subject'], 20)."</a>
Plik vtip.js
/**
Vertigo Tip by http://www.vertigo-project.com
Requires jQuery
*/
this.vtip = function() {
this.xOffset = -10; // x distance from mouse
this.yOffset = 10; // y distance from mouse
$(".vtip").unbind().hover(
function(e) {
this.t = this.title;
this.title = '';
this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
$('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
$('p#vtip #vtipArrow').attr("src", 'images/vtip_arrow.png');
$('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
},
function() {
this.title = this.t;
$("p#vtip").fadeOut("slow").remove();
}
).mousemove(
function(e) {
this.top = (e.pageY + yOffset);
this.left = (e.pageX + xOffset);
$("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
}
);
};
jQuery(document).ready(function($){vtip();})
plik vtip-min.js
/**
Vertigo Tip by http://www.vertigo-project.com
Requires jQuery
*/
this.vtip=function(){this.xOffset=-10;this.yOffset=10;$(".vtip").unbind().hover(function(a){this.t=this.title;this.title="";this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("body").append('<p id="vtip"><img id="vtipArrow" />'+this.t+"</p>");$("p#vtip #vtipArrow").attr("src","images/vtip_arrow.png");$("p#vtip").css("top",this.top+"px").css("left",this.left+"px").fadeIn("slow")},function(){this.title=this.t;$("p#vtip").fadeOut("slow").remove()}).mousemove(function(a){this.top=(a.pageY+yOffset);this.left=(a.pageX+xOffset);$("p#vtip").css("top",this.top+"px").css("left",this.left+"px")})};jQuery(document).ready(function(a){vtip()});
Plik jquery.js w załączniku
PW od moderatora:
- Przeniesienie tematu - Pieka 13.02 - 14:06
Geneoo dodał/a następującą plik:
Edytowane przez Pieka dnia 13.02.2011 14:26:57
|
