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
|
