Gryzienie się modułu z facebookiem

[Grisza]

Mam moduł który się gryzie ze Sliderem Facebookowym. Jak jest na stronie ten modół to nie wyświetla się slider facebookowy. Ten moduł to: mod_jb_selectedcontentslider A strona: http://fpmiinr.org.pl/ Bardzo proszę o pomoc.

[ekumi]

Stawiam na konflikt javascriptów. Poczytaj o metodie noConflict().

[Grisza]

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.childNodes[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(function () {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','color':'395994','width':'250','frontcolor':'395994','height':'380','fbcolor':'FFFFFF','padding':'2','textcolor':'white','speed':'1000','gradient':'0','shadow':'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.childNodes[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(function () {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','color':'395994','width':'250','frontcolor':'395994','height':'380','fbcolor':'FFFFFF','padding':'2','textcolor':'white','speed':'1000','gradient':'0','shadow':'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.

[ekumi]

w kodzie, który opakowywałes masz 2 znaki $. Je bym zmienił je na jQuery, a "opakowanie" zamienił na

 jQuery(document).ready(function() 
{  
jQuery.noConflict(); 
//reszta_kodu
});

A te 2 ostatnie linijki

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type=”text/javascript”>var $j = jQuery.noConflict();</script>

bym usunął.
Bibliotekę jQuery masz już zaczytaną, więc nie jest to potrzebne.