حكاية قلب عضو جديـد
عدد المساهمات : 63 نقاط نشاط : 109 السٌّمعَة : 0
| موضوع: (JAVASCRIPT) كود تكبير الصندوق الماسي الجمعة فبراير 07, 2014 8:31 pm | |
| والصلاة والسلام على افضل الخلق سيدنا محمد عليه افضل الصلاة والسلام اما بعد اليوم اتيت لكم بكود جميل جدا الا وهو تكبير الصندوق الماسي شرح الكود: هو عباره عن زر سيتم اضافته مع ازرار الصندوق الماسي عند الضغط عليه يكبر الصندوق الماسي بيحجم الشاشه وعند الضغط عليه مره اخر يرجع كما كان
الان طريقة وضع الزر لوحة الاداره>>عناصر اضافيه>>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(); } }); })}); [color] تكبير الصورة معاينة الأبعاد الأصلية.[/color] - اقتباس :
- http://im35.gulfup.com/t3SkQ.png
[color] الصوره بعد وضع الكود اولا قبل الضغط على الزر: ثانيا بعد الضغط على الزر: تكبير الصورة معاينة الأبعاد الأصلية.منقول للافادة[/color]
وبهذا قد انتهى الشرح بالتوفيق ليكم | |
|
najahona ادارة المنتـدي
عدد المساهمات : 527 نقاط نشاط : 529 السٌّمعَة : 0
| |
M!do Lado ادارة المنتـدي
الدولة : Khartoum, Sudan عدد المساهمات : 2373 نقاط نشاط : 4288 السٌّمعَة : 147 العمر : 27
| موضوع: رد: (JAVASCRIPT) كود تكبير الصندوق الماسي الأحد أكتوبر 12, 2014 10:49 pm | |
| السلام عليکم : موضوع جمیـــل , بورکـــــت , تقبل مروري وتحایاه الحاره , وشکـــرا مره اخري . | |
|
batna عضـو مـوقوف
عدد المساهمات : 778 نقاط نشاط : 1572 السٌّمعَة : 0
| |