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

والصلاة والسلام على افضل الخلق سيدنا محمد عليه افضل الصلاة والسلام

اما بعد

اليوم اتيت لكم بكود جميل جدا الا وهو تكبير الصندوق الماسي

شرح الكود:

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

وعند الضغط عليه مره اخر يرجع كما كان

الان طريقة وضع الزر

لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد

العنوان:كما تريد

اضف الكود الى:جميع الصفحات

الكود:: [center][b][/b] [code]var editormaxi = false;[/code] [b][/b][/center] [center][b][/b] [code]$(function(){$(function(){[/code] [b][/b][/center] [center][b][size=13][/size][/b] [code] $('<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>')[/code] [b][size=13][/size][/b][/center] .insertBefore('.sceditor-button-source').click(function(){ $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus(); if(editormaxi){ $(".sceditor-button-maxi").addClass("hover"); [center][b][size=13][/size][/b] [code] $("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>');[/code] [b][size=13][/size][/b][/center] $(".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(); } }); [center][b][size=13][/size][/b] [code]})});[/code] [b][size=13][/size][/b][/center]

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

وبهذا قد انتهى الشرح

بالتوفيق ليكم

تحياتي

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

روابط مفيدة