أريد حل نهائي لمشكلة عدم عمل اكواد الجافا سكريبت او التعارض بين كودين

تذكير بمساهمة فاتح الموضوع :

السلام عليكم

اخواني انا عندي مشكلة بسبب ان اغلب اكواد الجافا سكريبت لا تعمل لدي و كنت جربت كل الطرق المتعلقة بهذه المشكلة مثل

(1)
[حصري] حل مشكلة عدم عمل أغلب اكواد الجافا سكربت
جربت هذه الطريقة في العناصر المستقلة و قالب الهيدر

(2)

الكود:

  jQuery.noConflict();
      (function($) {
[color=#ff0000]كود الجافا سكريبت [/color]
    })(jQuery); 

و كل هذه الطرق لا تؤثر في عدم عمل كود الجافا سكريبت داخل الصفحة و الواحد زهق بسبب كترة المشاكل و المحاولات لتشغيل الكود في المنتدى
فلو سمحتم اريد حل نهائي لهذه المشكلة فقد طفح الكيل و لم اجد حل مناسب يحل لي مشاكل عدم عمل كود الجافا سكريبت

؟ ؟ ؟ ؟

تفضل أخي غير الاكواد التي لا تعمل بالأتية:
تعديل بسيط في الكود الاول وأصبح يشتغل :

الكود:

$(function() {
var almontada = [];


    almontada[2] = ["ficon2"];
    almontada[3] = ["ficon3"];
    almontada[8] = ["ficon8"];
    almontada[28] = ["ficon28"];
    almontada[20] = ["ficon20"];
    almontada[33] = ["ficon33"];
    almontada[41] = ["ficon41"];
    almontada[48] = ["ficon48"];
    almontada[63] = ["ficon63"];
    almontada[37] = ["ficon37"];
    almontada[60] = ["ficon60"];
    almontada[19] = ["ficon19"];
    almontada[25] = ["ficon25"];
    almontada[26] = ["ficon26"];
    almontada[21] = ["ficon21"];
    almontada[55] = ["ficon55"];


 $('a.forumlink').each(function() {
 var dz = $(this).attr('href').match(/^\/f(\d+)-/)[1];
 if (almontada[dz] !== undefined) $(this).closest('tr').find('.row1:first img').attr('class',  almontada[dz]);


 });
});

كود إظهار وصف الروابط عند مرور الماوس عليها

0marp0p23 كتب:اولا:
لوحة الأدارة >> ادارة عامة >> الرسائل و الإيميلات >> تشكيل
تفعيل نافذة معاينة بيانات الأعضاء الموسومين : نعم
السماح بوسم أسماء الأعضاء : جميع الاعضاء

---

ثانياً:
اذهب الي اكواد الجافا
انشأ صفحة جديدة
العنوان: اي شيئ
المكان: جميع الصفحات

الكود:

$(function(){
  // general options for editing the tooltip
  // see more : http://iamceege.github.io/tooltipster/#options
  var options = {
    animation : 'fade',
    arrow : true,
    speed : 300,
    delay : 300,
    onlyOne : true,
    theme : 'tooltipster-default'
  },
 
  // delay execution by placing the function into another queue
  // helps with applying to other JS created elements such as the editor
  queue = true,
  titles,
 
  parse = function() {
    titles = $('[title]');
    titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
  };
 
  queue ? $(parse) : parse();
});

قم بأضافة كود الـ CSS التالي

الكود:

/* Being tooltip CSS code */
.tooltipster-default {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #8d8d8d;
}
.tooltipster-default .tooltipster-content {
 font-family: tahoma, Arial, sans-serif !important;
 font-size: 12px !important;
}
/* End tooltip CSS code */

كود css للتحكم في زر الذي يظهر عند تلقي رسالة جديدة

الكود:

#i_icon_mini_new_message.sprite-icon_mini_message {
    background: url(http://2img.net/i/fa/admin/icones/small_ico/boite_email.png) no-repeat transparent !important;
    height: 25px;
    width: 25px;
}


غير الرابط الموجود في الكود برابط الصورة التي تريد ان تظهر عند تلقي رسالة جديدة
طبعاً الكود يوضع في ورقة التصاميم css

هكذا لنتفادى التعارض ونصل نفس الغرض

جرب عزيزي وعد لنا بالنتيجة ... بإنظارك

اهلا بك اخي

الكود الاول بتاع ايقونات الاقسام لم يعمل و لا يوجد اي تغيير

اما كود اظهار تايتل الرابط فانا اخي لا اريد كود جديد انا اريد نفس الكود الموجود في المساهمة السابقة لو سمحت

اما كود الرسائل الجديدة فالمشكلة ليست في كود السي اس اس و انما المشكلة في كود الجافا سكريبت اللي هدفه بيغير لون الزر و كود السي اس اس اللي عندي مفهوش اي مشكلة

أمـير البحار كتب:اهلا بك اخي

الكود الاول بتاع ايقونات الاقسام لم يعمل و لا يوجد اي تغيير

اما كود اظهار تايتل الرابط فانا اخي لا اريد كود جديد انا اريد نفس الكود الموجود في المساهمة السابقة لو سمحت

اما كود الرسائل الجديدة فالمشكلة ليست في كود السي اس اس و انما المشكلة في كود الجافا سكريبت اللي هدفه بيغير لون الزر و كود السي اس اس اللي عندي مفهوش اي مشكلة

أعلم يا اخي ذلك لكن هذه الاكواد بديلة ولا تسبب لك اي تعارض وكود الcss يعمل وحده دون جافا سكربت ويمكنك التحكم بالزر كيفما تشاء يعني احذف
كود الجافا سكريبت ة اللي هدفه بيغير لون الزر فهو يتعارض مع البقية واخلفه بكود السي اس اس

فهذا هو الحل النهائي للتعارض اي ايجاد او برمجة اكواد جافا لها نفس العمل بصيغة اخرى او ايجاد بدائل بتقنيات اخرى هكذا حتى تربح على الاقل عمل الاكواد التي لا يوجد تعارض فيما بينها
فطرق ازالة التعارض ليست قاعدة تطبق على كل الحالات وان حصل وازلنا التعارض بين كودين فماذا سنفعل للثالث خاصة ان كنت تستعمل الكثير منها ...

عبدو حسن كتب:طيب اخواني انا كنت ضفت كود جديد و من ثم أكواد كثيرة لم تعمل من بعده و لا اعلم السبب و حقيقة انا غير متمكن نهائيا في الجافا سكريبت
هل احد يستطيع حل المشكل

هذه هي الاكواد المستخدمة

الاول لا يعمل (عمل ايقونات القسم بدل من ايقونات القسم جديد و مغلق الخ ...)

الكود:

jQuery.noConflict();
      (function($) {
 $(function() {
    var almontada = [];

    almontada[3] = ["ficon3"];
    almontada[28] = ["ficon28"];
    almontada[8] = ["ficon8"];
    almontada[20] = ["ficon20"];
    almontada[33] = ["ficon33"];
    almontada[41] = ["ficon41"];
    almontada[48] = ["ficon48"];
    almontada[63] = ["ficon63"];
    almontada[37] = ["ficon37"];
    almontada[60] = ["ficon60"];
    almontada[19] = ["ficon19"];
    almontada[25] = ["ficon25"];
    almontada[26] = ["ficon26"];
    almontada[21] = ["ficon21"];
    almontada[2] = ["ficon2"];
    almontada[55] = ["ficon55"];

     $('a.forumlink').each(function() {
     var dz = $(this).attr('href').match(/^\/f(\d+)-/)[1];
     if (almontada[dz] !== undefined) $(this).closest('tr').find('.row1:first img').attr('class',  almontada[dz]);


     });
    });    })(jQuery);

هذا الكود يعمل ( عمل قائمة الموجودة في الهيدر على اليسار )

الكود:

var theToggle = document.getElementById('toggle');

// based on Todd Motto functions
// http://toddmotto.com/labs/reusable-js/

// hasClass
function hasClass(elem, className) {
  return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
}
// addClass
function addClass(elem, className) {
    if (!hasClass(elem, className)) {
      elem.className += ' ' + className;
    }
}
// removeClass
function removeClass(elem, className) {
  var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, ' ') + ' ';
  if (hasClass(elem, className)) {
        while (newClass.indexOf(' ' + className + ' ') >= 0 ) {
            newClass = newClass.replace(' ' + className + ' ', ' ');
        }
        elem.className = newClass.replace(/^\s+|\s+$/g, '');
    }
}
// toggleClass
function toggleClass(elem, className) {
  var newClass = ' ' + elem.className.replace( /[\t\r\n]/g, " " ) + ' ';
    if (hasClass(elem, className)) {
        while (newClass.indexOf(" " + className + " ") >= 0 ) {
            newClass = newClass.replace( " " + className + " " , " " );
        }
        elem.className = newClass.replace(/^\s+|\s+$/g, '');
    } else {
        elem.className += ' ' + className;
    }
}

theToggle.onclick = function() {
   toggleClass(this, 'on');
   return false;
}

هذا الكود يعمل (كود الهيدر)

الكود:

jQuery.noConflict(),function(){!function(a,b){"use strict";function d(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a}function e(a,b,c){b||(b=250);var d,e;return function(){var f=c||this,g=Date.now(),h=arguments;d&&g<d+b?(clearTimeout(e),e=setTimeout(function(){d=g,a.apply(f,h)},b)):(d=g,a.apply(f,h))}}function f(a){return new RegExp("(^|\\s+)"+a+"(\\s+|$)")}function g(a,b){return f(b).test(a.className)}function h(a,b){g(a,b)||(a.className=a.className+" "+b)}function i(a,b){a.className=a.className.replace(f(b)," ")}function j(a,c){this.selector=b.querySelector(a),this.options=d(this.defaults,c),this.init()}j.prototype={defaults:{delay:300,sensitivity:20},init:function(c){function k(){return j=a.innerHeight}function l(){var d=a.pageYOffset,e=b.body.scrollHeight,k=d>f.delay,l=d>g,m=d<g-f.sensitivity,n=d<0||d+j>=e;k&&l?h(c,"heads-up"):(!l&&m&&!n||!k)&&i(c,"heads-up"),g=d}var j,d=this,f=d.options,c=d.selector,g=0;c&&(k(),a.addEventListener("resize",e(k),!1),a.addEventListener("scroll",e(l,100),!1))}},a.headsUp=j}(window,document),new headsUp(".main-header")}(jQuery);

هذا الكود لا يعمل (اظهار وصف الروابط الموجودة في title )

الكود:

jQuery.noConflict(),function(a){function b(a){(a.attr("title")||"string"!=typeof a.attr("original-title"))&&a.attr("original-title",a.attr("title")||"").removeAttr("title")}function c(c,d){this.$element=a(c),this.options=d,this.enabled=!0,b(this.$element)}c.prototype={show:function(){var b=this.getTitle();if(b&&this.enabled){var c=this.tip();c.find(".tipsy-inner")[this.options.html?"html":"text"](b),c[0].className="tipsy",c.remove().css({top:0,left:0,visibility:"hidden",display:"block"}).appendTo(document.body);var h,d=a.extend({},this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight}),e=c[0].offsetWidth,f=c[0].offsetHeight,g="function"==typeof this.options.gravity?this.options.gravity.call(this.$element[0]):this.options.gravity;switch(g.charAt(0)){case"n":h={top:d.top+d.height+this.options.offset,left:d.left+d.width/2-e/2};break;case"s":h={top:d.top-f-this.options.offset,left:d.left+d.width/2-e/2};break;case"e":h={top:d.top+d.height/2-f/2,left:d.left-e-this.options.offset};break;case"w":h={top:d.top+d.height/2-f/2,left:d.left+d.width+this.options.offset}}2==g.length&&(h.left="w"==g.charAt(1)?d.left+d.width/2-15:d.left+d.width/2-e+15),c.css(h).addClass("tipsy-"+g),this.options.fade?c.stop().css({opacity:0,display:"block",visibility:"visible"}).animate({opacity:this.options.opacity}):c.css({visibility:"visible",opacity:this.options.opacity})}},hide:function(){this.options.fade?this.tip().stop().fadeOut(function(){a(this).remove()}):this.tip().remove()},getTitle:function(){var a,c=this.$element,d=this.options;b(c);var a,d=this.options;return"string"==typeof d.title?a=c.attr("title"==d.title?"original-title":d.title):"function"==typeof d.title&&(a=d.title.call(c[0])),a=(""+a).replace(/(^\s*|\s*$)/,""),a||d.fallback},tip:function(){return this.$tip||(this.$tip=a('<div\nclass="tipsy"></div>').html('<div\nclass="tipsy-arrow"></div><div\nclass="tipsy-inner"/></div>')),this.$tip},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled}},a.fn.tipsy=function(b){function d(d){var e=a.data(d,"tipsy");return e||(e=new c(d,a.fn.tipsy.elementOptions(d,b)),a.data(d,"tipsy",e)),e}function e(){var a=d(this);a.hoverState="in",0==b.delayIn?a.show():setTimeout(function(){"in"==a.hoverState&&a.show()},b.delayIn)}function f(){var a=d(this);a.hoverState="out",0==b.delayOut?a.hide():setTimeout(function(){"out"==a.hoverState&&a.hide()},b.delayOut)}if(b===!0)return this.data("tipsy");if("string"==typeof b)return this.data("tipsy")[b]();if(b=a.extend({},a.fn.tipsy.defaults,b),b.live||this.each(function(){d(this)}),"manual"!=b.trigger){var g=b.live?"live":"bind",h="hover"==b.trigger?"mouseenter":"focus",i="hover"==b.trigger?"mouseleave":"blur";this[g](h,e)[g](i,f)}return this},a.fn.tipsy.defaults={delayIn:0,delayOut:0,fade:!1,fallback:"",gravity:"n",html:!1,live:!1,offset:0,opacity:.8,title:"title",trigger:"hover"},a.fn.tipsy.elementOptions=function(b,c){return a.metadata?a.extend({},c,a(b).metadata()):c},a.fn.tipsy.autoNS=function(){return a(this).offset().top>a(document).scrollTop()+a(window).height()/2?"s":"n"},a.fn.tipsy.autoWE=function(){return a(this).offset().left>a(document).scrollLeft()+a(window).width()/2?"e":"w"}}(jQuery);

هذا الكود لا يعمل (كود اضافي لكود اظهار وصف الروابط الموجودة في title )

الكود:

jQuery.noConflict(),function(a){a(document).ready(function(){a(function(){a("a").tipsy({gravity:"se",delayIn:0,delayOut:0,fade:!0})})})}(jQuery);

هذا الكود لا يعمل ( كود التعديل على الوان زر الرسائل الجديدة )

الكود:

jQuery.noConflict(),function(a){a(function(){var a=document.getElementById("i_icon_mini_new_message");a&&(a.parentNode.className+=" new-message")})}(jQuery);

هذا رابط المنتدى
http://www.koutstore.com

اتمنى اني مكنش هغلبكو معايا

ياريت بجد حد يحل لي المشكلة دي .. شكرا مقدما احبتي

الكود (عمل ايقونات القسم بدل من ايقونات القسم جديد و مغلق الخ ...)
لم يعمل معى لكنه لا يتعارض مع اساسيات المنتدى ربما ينقصة CSS او كود HTML لهذا السبب لم يعمل معى
الكود ( عمل قائمة الموجودة في الهيدر على اليسار )
لم يعمل معى لكنه لا يتعارض مع اساسيات المنتدى ربما ينقصة CSS او كود HTML لهذا السبب لم يعمل معى
الكود (اظهار وصف الروابط الموجودة في title ) والكود (كود الهيدر)
كارثة كبرى

يعطل وظائف المنتدى الاساسية من الجافا سكربت
الكود (كود اضافي لكود اظهار وصف الروابط الموجودة في title )
عاجج بالاعطال ويعطل ما يلى

تفصيليا يعطل من اكواد المنتدى الاساسية والمحرر الخاص بالارسال (نافذه الارسال) ومحتوايتها
الكود ( كود التعديل على الوان زر الرسائل الجديدة )
به الكثير من المشاكل التقنية ويقوم بتعطيل الاتى بحسب التجريب فى المنتدى التجريبى

تفصيليا يعطل من اكواد المنتدى الاساسية والمحرر الخاص بالارسال (نافذه الارسال) ومحتوايتها

الان انت تعرف ماهى الاكواد التى يجب اعدامها من منتداك بالنسبه للاكواد التى ارفقتها اخى العزيز

شكرا لمحاولتكم في المساعدة ، تم حل المشكلة