طلب تعديل على كود

4 مشترك

اذهب الى الأسفل

طلب تعديل على كود Empty طلب تعديل على كود

مُساهمة من طرف coolkool الخميس 22 مايو 2014 - 21:32

انا لد كود javascript
يضيف زر overline إلى لوحة الكتابة

ولاكن المشكلة هي انه الزر ينحط مع الازرار لاكن صورة الزر ماتطلع


الكود:
$(function(){  $(function(){    $('<a class="sceditor-button sceditor-button-code"
<td><div id="vB_Editor_001_cmd_wrap0_overline" class="imagebutton" style="background: none repeat scroll 0% 0% rgb(225, 225, 226); color: rgb(0, 0, 0); padding: 1px; border: medium none;">
</div>
</td>
<title="خط اعلى الكتابة"><div unselectable="on" style="background-image:url(scr=http://i57.servimg.com/u/f57/16/80/02/94/overli10.png)"></div></a>').insertBefore('.sceditor-button-size').click(function(){            $('#text_editor_textarea').sceditor("instance").insertText("[overline]","[/overline]");    });      });      }); unselectable="on"



هذا هو الكود


حطيته في الجافا سكربت وشغال 100%
لاكن ماتطلع صورة الزر في اللوحة
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Yassine Bablil الخميس 22 مايو 2014 - 22:41

ممكن وضع صورة كيف يظهر لك الزر بعد تركيب
Yassine Bablil
Yassine Bablil
 
 

ذكر
عدد المساهمات : 7315
معدل النشاط : 12323
السُمعة : 167

https://absba.cc

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الخميس 22 مايو 2014 - 22:46


هو خلف زر تكبير الخط مباشرة
ولاكن صورة الزر لاتظهر لاتظهر كما قلت ولا اعرف السبب

واستطيع الضغط عليه ويتفعل الكود معي تمامآ
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Michael_vx الجمعة 23 مايو 2014 - 13:09

من الطبيعى انه لا تظهر خلفية الزر او الزر نفسة لانه الخلفية
none

الكود:
$(function(){  $(function(){    $('<a class="sceditor-button sceditor-button-code"
<td><div
 id="vB_Editor_001_cmd_wrap0_overline" class="imagebutton"
style="background-image:url(http://i57.servimg.com/u/f57/16/80/02/94/overli10.png)":
rgb(0, 0, 0); padding: 1px; border: medium none;">
</div>
</td>
<title="خط
 اعلى الكتابة"><div unselectable="on"
style="background-image:url(scr=http://i57.servimg.com/u/f57/16/80/02/94/overli10.png)"></div></a>').insertBefore('.sceditor-button-size').click(function(){ 
          
$('#text_editor_textarea').sceditor("instance").insertText("[overline]","[/overline]"); 
    });      });      }); unselectable="on"

جرب وقولى النتيجة
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8009
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الجمعة 23 مايو 2014 - 13:58

https://i.servimg.com/u/f57/16/80/02/94/uu16.jpg

نفس الشي -_- ماتغير اصلآ !
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Michael_vx الجمعة 23 مايو 2014 - 16:12

جرب هذا الكود اذا من كتابتى الخاصة

الكود:
       $(function(){
          $(function(){
            $('<a class="sceditor-button sceditor-button-code" unselectable="on" title="خط اعلى الكتابة"><div unselectable="on" style="background-image:url(https://cdn1.iconfinder.com/data/icons/fugue/icon/edit-overline.png)">Button Name</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[overline]","[/overline]");
             });
              });
              });

بالتوفيق
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8009
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الجمعة 23 مايو 2014 - 16:57

لم يتغير شيء ._.
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Michael_vx الجمعة 23 مايو 2014 - 18:12

العيب من الايقونة نفسها

الكود:
       $(function(){
          $(function(){
          
 $('<a class="sceditor-button sceditor-button-code" unselectable="on"
 title="خط اعلى الكتابة"><div unselectable="on"
style="background-image:url(http://i.imgur.com/EISZPwN.png)">Button
 
Name</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[overline]","[/overline]");
             });
              });
              });

جرب هذا ستجد الايقونة تعمل
العطل من الايقونة نفسها
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8009
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الجمعة 23 مايو 2014 - 18:15

عزيزي كل الاكواد الي قلتها لي لم تغير اي شيء مازالة الايقونة لاتظهر
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف stones الجمعة 23 مايو 2014 - 18:44

جرب الكود هذا
من الاخ مايكل

الكود:
$(function(){
          $(function(){
            $('<a class="sceditor-button sceditor-button-code" unselectable="on" title="Title of Button"><div unselectable="on" style="background-image:url(image.png)">Button Name</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[example]","[/example]");
            });
              });
              });




        $(function(){
          $(function(){
            $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Solved"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Solved</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[table class=solved][tr][td]","[/td][/tr][/table]");
            });
       
            $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Lock"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Locked</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[table class=lock][tr][td]","[/td][/tr][/table]");
            });
            $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Info"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Info</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                    $('#text_editor_textarea').sceditor("instance").insertText("[table class=info][tr][td]","[/td][/tr][/table]");
            });
            });
              });
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16437
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الجمعة 23 مايو 2014 - 19:24


الكود الذي وضعته انت قد جربته وضع لي ثلاث ازرار مختلفة عن الزر الذي اريده ._.
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف stones الجمعة 23 مايو 2014 - 19:35

نعم يمكنك تبديل صور الازرار مع اكواد
الي بجواره ويلزمك محترف
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16437
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Michael_vx الجمعة 23 مايو 2014 - 19:38

تفضل اخى الحبيب
ده مجرب عندى ظاهر سليم 100%

الكود:
$(function(){
      $(function(){

                $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="overline"><div unselectable="on" style="background-image:url(https://cdn1.iconfinder.com/data/icons/fugue/icon/edit-overline.png)">Solved</div></a>').insertBefore('.sceditor-button-strike').click(function(){
                        $('#text_editor_textarea').sceditor("instance").insertText("[overline]","[/overline]");
                });
                });
                  });

avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8009
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف coolkool الجمعة 23 مايو 2014 - 20:56

مشكور حبيب قلبي

الايقونة طلعة

بس مفعول الزر ماله وجود

بس عادي المهم انه ظهر الزر وتسلم عزيزي 

وش كانت المشكلة في ظهر الزر ؟
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9555
السُمعة : 34

http://x-gaming.forumakers.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب تعديل على كود Empty رد: طلب تعديل على كود

مُساهمة من طرف Michael_vx الجمعة 23 مايو 2014 - 21:06

coolkool كتب:
مشكور حبيب قلبي

الايقونة طلعة

بس مفعول الزر ماله وجود

بس عادي المهم انه ظهر الزر وتسلم عزيزي 

وش كانت المشكلة في ظهر الزر ؟
جايز تكون المشكلة فى كود الBB اللى هو [overline] مش هو الكود الخاص بالخط اعلى النص
على العموم بالتوفيق
 طلب تعديل على كود 221706
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8009
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى