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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mohamed
احلى إدارة
احلى إدارة
Mohamed


ذكر
عدد المساهمات : 11354
معدل النشاط : 16001
السُمعة : 454

(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr Empty
مُساهمةموضوع: (JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr   (JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr Emptyالإثنين 16 ديسمبر 2013 - 0:28

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


الان طريقة وضع الزر 
لوحة الاداره>>عناصر اضافيه>>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();
 }
 });
})});
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr T3SkQ
اقتباس :
http://im35.gulfup.com/t3SkQ.png
الصوره بعد وضع الكود
اولا قبل الضغط على الزر:
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr 3J0Nz
ثانيا بعد الضغط على الزر:
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr Pu3d3
منقول للافادة


وبهذا قد انتهى الشرح 
بالتوفيق ليكم
 (JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr 221706 
تحياتي
فريق المساعدة
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr Help_r10


عدل سابقا من قبل Mohamed Nsr في الإثنين 16 ديسمبر 2013 - 0:32 عدل 2 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» (JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة**Mohamed Nsr
» (JAVASCRIPT)كود وضع صورتك الشخصيه بجوار الصندوق الماسي***Mohamed Nsr
» كود تأثيرات على الصندوق الماسي***Mohamed Nsr
» (JAVASCRIPT)كود دمج المساهمة***Mohamed Nsr
» الصندوق الماسي

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