Stawiam na konflikt javascriptów. Poczytaj o metodie noConflict().
Czytam, czytam, ale nie czaję tego.
Ale rzeczywiście coś w tym jest bo jak opakowałem skrypt
if (typeof(jQuery)=='undefined'){var oHead = document.getElementsByTagName('HEAD').item(0);var oScript= document.createElement('script');oScript.type = 'text/javascript';oScript.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';oHead.insertBefore(oScript,oHead.ch ildNodes[0]);}window.onload = function(){ jQuery(document).ready(function(){(function (a) {
this.params = a;
this.params.width = parseInt(this.params.width);
this.params.height = parseInt(this.params.height);
this.params.padding = parseInt(this.params.padding);
var b = {};
b[this.params.side] = "-8px";
var c = {};
c[this.params.side] = - this.params.width - this.params.padding * 2 + "px";
if (this.params.side == "left") {
this.params.backside = "right";
} else {
this.params.backside = "left";
}
var d = this;
this.create = function () {jQuery("#bossbyte_slide").remove();jQuery("body").append("<div id='bossbyte_slide'></div>");this.element = jQuery("#bossbyte_slide");var b = {};var d = this.params.radius + "px";b["border-top-" + this.params.backside + "-radius"] = d;b["-moz-border-radius-top" + this.params.backside] = d;b["border-bottom-" + this.params.backside + "-radius"] = d;b["-moz-border-radius-bottom" + this.params.backside] = d;this.element.css({position: "fixed", top: this.params.top + "px", width: this.params.width + this.params.padding * 2 + "px", height: this.params.height + this.params.padding * 2 + "px", 'z-index': "100"});this.element.css(c);this.element.append("<div id='bossbyte_slide_world'></div>");this.element_world = $("#bossbyte_slide_world");this.element_world.css({position: "absolute", width: this.params.width + "px", height: this.params.height + 4 + "px", 'background-color': "#" + this.params.color, padding: this.params.padding + "px", 'z-index': 2});if (this.params.shadow == 1) {this.element.append("<div id='bossbyte_slide_shadow'></div>");$("#bossbyte_slide_shadow").css({position: "absolute", top: 5, 'background-color': "black", opacity: "0.5", width: this.params.width - 5 + "px", height: this.params.height + 4 + "px", padding: this.params.padding + "px", 'z-index': 1});}this.element_world.append("<div id=\"bosbyte_slide_fb\"></div>");jQuery("#bosbyte_slide_fb").html("<iframe src=\"//www.facebook.com/plugins/likebox.php?href=" + encodeURIComponent(this.params.adress) + "&width=" + this.params.width + "&height=" + this.params.height + "&show_faces=true&border_color=" + this.params.color + "&stream=false&header=false\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:" + this.params.width + "px; height:" + this.params.height + "px;\" allowTransparency=\"true\"></iframe>");jQuery("#bosbyte_slide_fb").css({position: "absolute", 'background-color': "#" + this.params.fbcolor, 'z-index': 3});var e = this.params.textcolor != "white_left" && this.params.textcolor != "white_right";this.element.append("<div id=\"bossbyte_slide_front\"></div>");this.front = jQuery("#bossbyte_slide_front");this.front.css({position: "absolute", 'z-index': 4, width: "30px", height: e ? "120px" : "136px", top: this.params.topbox + "px", 'background-color': "#" + this.params.frontcolor});b[this.params.side] = this.params.width + this.params.padding * 2 + "px";this.front.css(b);if (this.params.shadow == 1) {this.element.append("<div id=\"bossbyte_slide_front_shadow\"></div>");this.front_shadow = jQuery("#bossbyte_slide_front_shadow");this.front_shadow.css({position: "absolute", 'z-index': 1, width: "30px", height: e ? "120px" : "136px", top: parseInt(this.params.topbox) + 5 + "px", 'background-color': "black", opacity: "0.5"});this.front_shadow.css(b);}this.front.append("<div id=\"bossbyte_slide_front_back\"></div");this.front.append("<div id=\"bossbyte_slide_front_front\"></div>");jQuery("#bossbyte_slide_front_front").css({position: "absolute", top: "0px", width: "100%", height: "100%", 'background-image': "url(\"" + a.your_page + "slider_text_" + this.params.textcolor + ".png\")"});var f = {};if (e) {f[this.params.side] = -5;}jQuery("#bossbyte_slide_front_front").css(f);b[this.params.side] = null;jQuery("#bossbyte_slide_front_front").css(b);if (this.params.gradient != 0) {jQuery("#bossbyte_slide_front_back").css({position: "absolute", top: "0px", width: "100%", height: "100%"});b[this.params.side] = 0;jQuery("#bossbyte_slide_front_back").css(b);if (this.params.gradient == 1) {jQuery("#bossbyte_slide_front_back").css({'background-image': "url(\"" + a.your_page + "slider_light_" + this.params.side + ".png\")"});} else {jQuery("#bossbyte_slide_front_back").css({'background-image': "url(\"" + a.your_page + "slider_dark_" + this.params.side + ".png\")"});}}};
this.bind = function () {this.params.speed = parseInt(this.params.speed);this.element.hover(fun ction () {jQuery(this).stop();jQuery(this).animate(b, d.params.speed, function () {});}, function () {jQuery(this).stop();jQuery(this).animate(c, d.params.speed, function () {});});};
this.create();
this.bind();
})({'adress':'https://www.facebook.com/FPMiINR','top':'0','side':'right','topbox':'0','co lor':'395994','width':'250','frontcolor':'395994', 'height':'380','fbcolor':'FFFFFF','padding':'2','t extcolor':'white','speed':'1000','gradient':'0','s hadow':'1','radius':'10','your_page':'http://fpmiinr.org.pl/'})})};
Tym kodem
jQuery(document).ready(function($) { // tutaj możemy normalnie używać $ });
to ruszył facebook.
- - - Updated - - -
Co powinienem zaim[portować przed ? Jakie biblioteki Javascript ?
- - - Updated - - -
Znalazłem ten artykuł
http://forum.joomla.pl/archive/index.php/t-48007.html
i wstawiłem:
**********
if (typeof(jQuery)=='undefined'){var oHead = document.getElementsByTagName('HEAD').item(0);var oScript= document.createElement('script');oScript.type = 'text/javascript';oScript.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';oHead.insertBefore(oScript,oHead.ch ildNodes[0]);}window.onload = function(){ jQuery(document).ready(function(){(function (a) {
this.params = a;
this.params.width = parseInt(this.params.width);
this.params.height = parseInt(this.params.height);
this.params.padding = parseInt(this.params.padding);
var b = {};
b[this.params.side] = "-8px";
var c = {};
c[this.params.side] = - this.params.width - this.params.padding * 2 + "px";
if (this.params.side == "left") {
this.params.backside = "right";
} else {
this.params.backside = "left";
}
var d = this;
this.create = function () {jQuery("#bossbyte_slide").remove();jQuery("body").append("<div id='bossbyte_slide'></div>");this.element = jQuery("#bossbyte_slide");var b = {};var d = this.params.radius + "px";b["border-top-" + this.params.backside + "-radius"] = d;b["-moz-border-radius-top" + this.params.backside] = d;b["border-bottom-" + this.params.backside + "-radius"] = d;b["-moz-border-radius-bottom" + this.params.backside] = d;this.element.css({position: "fixed", top: this.params.top + "px", width: this.params.width + this.params.padding * 2 + "px", height: this.params.height + this.params.padding * 2 + "px", 'z-index': "100"});this.element.css(c);this.element.append("<div id='bossbyte_slide_world'></div>");this.element_world = $("#bossbyte_slide_world");this.element_world.css({position: "absolute", width: this.params.width + "px", height: this.params.height + 4 + "px", 'background-color': "#" + this.params.color, padding: this.params.padding + "px", 'z-index': 2});if (this.params.shadow == 1) {this.element.append("<div id='bossbyte_slide_shadow'></div>");$("#bossbyte_slide_shadow").css({position: "absolute", top: 5, 'background-color': "black", opacity: "0.5", width: this.params.width - 5 + "px", height: this.params.height + 4 + "px", padding: this.params.padding + "px", 'z-index': 1});}this.element_world.append("<div id=\"bosbyte_slide_fb\"></div>");jQuery("#bosbyte_slide_fb").html("<iframe src=\"//www.facebook.com/plugins/likebox.php?href=" + encodeURIComponent(this.params.adress) + "&width=" + this.params.width + "&height=" + this.params.height + "&show_faces=true&border_color=" + this.params.color + "&stream=false&header=false\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:" + this.params.width + "px; height:" + this.params.height + "px;\" allowTransparency=\"true\"></iframe>");jQuery("#bosbyte_slide_fb").css({position: "absolute", 'background-color': "#" + this.params.fbcolor, 'z-index': 3});var e = this.params.textcolor != "white_left" && this.params.textcolor != "white_right";this.element.append("<div id=\"bossbyte_slide_front\"></div>");this.front = jQuery("#bossbyte_slide_front");this.front.css({position: "absolute", 'z-index': 4, width: "30px", height: e ? "120px" : "136px", top: this.params.topbox + "px", 'background-color': "#" + this.params.frontcolor});b[this.params.side] = this.params.width + this.params.padding * 2 + "px";this.front.css(b);if (this.params.shadow == 1) {this.element.append("<div id=\"bossbyte_slide_front_shadow\"></div>");this.front_shadow = jQuery("#bossbyte_slide_front_shadow");this.front_shadow.css({position: "absolute", 'z-index': 1, width: "30px", height: e ? "120px" : "136px", top: parseInt(this.params.topbox) + 5 + "px", 'background-color': "black", opacity: "0.5"});this.front_shadow.css(b);}this.front.append("<div id=\"bossbyte_slide_front_back\"></div");this.front.append("<div id=\"bossbyte_slide_front_front\"></div>");jQuery("#bossbyte_slide_front_front").css({position: "absolute", top: "0px", width: "100%", height: "100%", 'background-image': "url(\"" + a.your_page + "slider_text_" + this.params.textcolor + ".png\")"});var f = {};if (e) {f[this.params.side] = -5;}jQuery("#bossbyte_slide_front_front").css(f);b[this.params.side] = null;jQuery("#bossbyte_slide_front_front").css(b);if (this.params.gradient != 0) {jQuery("#bossbyte_slide_front_back").css({position: "absolute", top: "0px", width: "100%", height: "100%"});b[this.params.side] = 0;jQuery("#bossbyte_slide_front_back").css(b);if (this.params.gradient == 1) {jQuery("#bossbyte_slide_front_back").css({'background-image': "url(\"" + a.your_page + "slider_light_" + this.params.side + ".png\")"});} else {jQuery("#bossbyte_slide_front_back").css({'background-image': "url(\"" + a.your_page + "slider_dark_" + this.params.side + ".png\")"});}}};
this.bind = function () {this.params.speed = parseInt(this.params.speed);this.element.hover(fun ction () {jQuery(this).stop();jQuery(this).animate(b, d.params.speed, function () {});}, function () {jQuery(this).stop();jQuery(this).animate(c, d.params.speed, function () {});});};
this.create();
this.bind();
})({'adress':'https://www.facebook.com/FPMiINR','top':'0','side':'right','topbox':'0','co lor':'395994','width':'250','frontcolor':'395994', 'height':'380','fbcolor':'FFFFFF','padding':'2','t extcolor':'white','speed':'1000','gradient':'0','s hadow':'1','radius':'10','your_page':'http://fpmiinr.org.pl/'})})};
</script>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type=”text/javascript”>var $j = jQuery.noConflict();</script>
<jdoc:include type="head" />
Ale nie pomogło.