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

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

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

مُساهمة من طرف Mohamed الإثنين 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
الصوره بعد وضع الكود
اولا قبل الضغط على الزر:
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr 3J0Nz
ثانيا بعد الضغط على الزر:
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr Pu3d3
منقول للافادة


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


عدل سابقا من قبل Mohamed Nsr في الإثنين 16 ديسمبر 2013 - 0:32 عدل 2 مرات
Mohamed
Mohamed
احلى إدارة
احلى إدارة

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

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

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

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

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