احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif Jood123 http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

  (JAVASCRIPT) كود تكبير الصندوق الماسي

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
A7labeet

avatar

انثى
عدد المساهمات : 11893
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: (JAVASCRIPT) كود تكبير الصندوق الماسي   الثلاثاء 21 يوليو 2015, 1:56 am

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

الان طريقة وضع الزر
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
اضف الكود الى:جميع الصفحات
كود Javascript * :

الكود:

var editormaxi = false;
$(function(){$(function(){
 $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="تكبير الصندوق"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(http://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Maximizar</div></a>')
 .insertBefore('.sceditor-button-source').click(function(){
 $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus();
if(editormaxi){
 $(".sceditor-button-maxi").addClass("hover");
 $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="معاينة" name="preview"> <input type="submit" value="ارسال" name="post"></div>');
 $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;");
 $("#fa_toolbar").hide();
 }else{
 $(".sceditor-button-maxi").removeClass("hover");
 $("#sceditor-maximized").remove();
 $("#fa_toolbar").show();
 }
 });
})});



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الصوره بعد وضع الكود 
اولا قبل الضغط على الزر:

ثانيا بعد الضغط على الزر:

منقول للافادة













لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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

avatar

ذكر
عدد المساهمات : 125
تاريخ التسجيل : 10/08/2015
العمر : 45


http://anwarbasal.alamuntada.com/
مُساهمةموضوع: رد: (JAVASCRIPT) كود تكبير الصندوق الماسي   الأربعاء 12 أغسطس 2015, 10:46 pm



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


اخوكم انور ابو البصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT) كود تكبير الصندوق الماسي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-