هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
(JAVASCRIPT) كود تكبير الصندوق الماسي***Mohamed Nsr
والصلاة والسلام على افضل الخلق سيدنا محمد عليه افضل الصلاة والسلام
اما بعد
اليوم اتيت لكم بكود جميل جدا الا وهو تكبير الصندوق الماسي
شرح الكود:
هو عباره عن زر سيتم اضافته مع ازرار الصندوق الماسي عند الضغط عليه يكبر الصندوق الماسي بيحجم الشاشه
وعند الضغط عليه مره اخر يرجع كما كان
الان طريقة وضع الزر
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد 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();
}
});
})});
الصوره بعد وضع الكود
اولا قبل الضغط على الزر:
ثانيا بعد الضغط على الزر:
منقول للافادة
وبهذا قد انتهى الشرح
بالتوفيق ليكم
تحياتي
فريق المساعدة
عدل سابقا من قبل Mohamed Nsr في الإثنين 16 ديسمبر 2013 - 1:32 عدل 2 مرات
Mohamed- احلى إدارة
-
عدد المساهمات : 11354
معدل النشاط : 16000
السُمعة : 454
مواضيع مماثلة
» (JAVASCRIPT) تغيير شكل لوحة محرر الألوان في صندوق الكتابة**Mohamed Nsr
» (JAVASCRIPT)كود وضع صورتك الشخصيه بجوار الصندوق الماسي***Mohamed Nsr
» كود تأثيرات على الصندوق الماسي***Mohamed Nsr
» (JAVASCRIPT)كود دمج المساهمة***Mohamed Nsr
» الصندوق الماسي
» (JAVASCRIPT)كود وضع صورتك الشخصيه بجوار الصندوق الماسي***Mohamed Nsr
» كود تأثيرات على الصندوق الماسي***Mohamed Nsr
» (JAVASCRIPT)كود دمج المساهمة***Mohamed Nsr
» الصندوق الماسي
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى