التسجيلالتعليمـــاتالمجموعاتالتقويممشاركات اليومالبحث


أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه .



شاطر | 
 

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

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

تاريخ التسجيل : 21/06/2014
عدد مساهماتك : 150
نقاط : 349
السٌّمعَة : -1

مُساهمةموضوع: (JAVASCRIPT) كود تكبير الصندوق الماسي   السبت يونيو 21, 2014 11:13 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(); } });})});



اقتباس :
http://im35.gulfup.com/t3SkQ.png
الصوره بعد وضع الكود
اولا قبل الضغط على الزر:



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



منقول للافادة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الفريق العربي للاكواد
احلي عضو
احلي عضو
avatar

تاريخ التسجيل : 02/09/2014
عدد مساهماتك : 38
نقاط : 48
السٌّمعَة : 0

مُساهمةموضوع: رد: (JAVASCRIPT) كود تكبير الصندوق الماسي   السبت ديسمبر 27, 2014 6:54 pm

المشكله عرض المنتدى ما بيرجع مثل بالسابق بس هوه كود جميل يفيد المصممين شكرا ملوكه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rsrs.0wn0.com/
sasa designe
فريق كافية الابداع
فريق كافية الابداع
avatar

تاريخ التسجيل : 17/06/2012
عدد مساهماتك : 116
نقاط : 485
السٌّمعَة : 3
العمل/الترفيه العمل/الترفيه : رياضة

مُساهمةموضوع: رد: (JAVASCRIPT) كود تكبير الصندوق الماسي   الأحد يناير 18, 2015 1:20 am

جاري التجربة 
شكرا لك 
صفك صفك


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://7obelward.lovelyforum.net/
 
(JAVASCRIPT) كود تكبير الصندوق الماسي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» Pro JavaScript Techniques
» سكربتات مجانية بلغة جافا سكربت (JavaScript)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المصممه ملاك العسوله للتصميم مجانا :: [♥ قسم تطوير المنتديات و المساعدة على إدارتها®-} :: اقسام التطوير و المساعدة والاشهار :: أكواد الجافا إسكريبت JAVA-
انتقل الى: