العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

 جافا سكربت رسالة سريعة كود ارسال رسالة سريعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
سحر العيون
Admin
Admin
avatar

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: جافا سكربت رسالة سريعة كود ارسال رسالة سريعة   الأحد ديسمبر 14, 2014 2:13 pm

بسم الله والصلاة والسلام على رسول الله Smileكيفكم اليوم اتيتكم بكود رائعة يقوم بآرسال رسالة سريعة لمنتديات احلى منتدى  Very Happy مازالت النسخة الآولى
حيث انه يقوم بوضع صورة اسفل المنتدى على اليسار وعند الضغط عليه يقوم بوضع نافذة يطلب اسم العضو  Laughing بشكل رائع
صورة من الكود

الكود
تذهب إلى ادارة عامة عناصر اضافية ادارة اكواد الجافا سكربت قم بانشاء كود جديد في جميع الصفحات وسجل
الكود:
       var image='<a href="#"style="margin-left: 5px;"id="link_image"><img id="image_place"src="http://icons.iconarchive.com/icons/chrisbanks2/cold-fusion-hd/48/message-blue-icon.png"></a>';var input='<div id="back_place"class="popupWrapper"style="z-index: 10001;">ملاحظة:الحقول المشار إليها ب * ضرورية</br>اسم العضو:*</br><input class="post"style="margin:1px 0"type="text"id="username"placeholder="اسم العضو"name="username[]"value=""size="25"tabindex="1"></br>عنوان الرسالة:*</br> <input id="subject" style="width:450px" type="text" name="subject" placeholder="عنوان الرسالة" value="" size="45" maxlength="64" tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}"></br>الرسالة:*</br><textarea id="text_area_message" class="post" placeholder="الرسالة" name="message" tabindex="3" wrap="virtual"></textarea><input id="web_submit_message"type="submit"name="post"value="ارسال"tabindex="6"accesskey="s"></div>';$(function(){if($('#logout').length){$('body').prepend(''+image+'');$('#link_image').click(function(){var url='/privmsg?mode=post';$('body').after('<form action="'+url+'" onsubmit="return myFunction()" method="post" name="myForm" id="form1" enctype="multipart/form-data"><div style="position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index:998; background:rgba(0,0,0,0.9);"class="modal"id="black_screen"></div><div id="back_place" class="popupWrapper" style="z-index: 10001;">laoding ....</div><div id="id_auth_username"></div>');$('#id_auth_username').prepend(''+input+'');$('#back_place').load(url+' input:eq(4),input:eq(6)',function(){$('#black_screen').click(function(){$('#black_screen, #back_place').remove()})});return false})}});function myFunction(){var x=document.forms["myForm"]["message"].value;var y=document.forms["myForm"]["username"].value;var z=document.forms["myForm"]["subject"].value;if(x==null||x==""){alert("الرسالة فارغة!");return false}if(y==null||y==""){alert("لآ يمكن ترك اسم العضو فارغ!");return false}if(z==null||z==""){alert("لآ بُد من وضع عنوان للرسالة");return false}else{alert("تم ارسال الرسالة بشكل صحيح سوف يتم توجيهك للرسالة")}}





ومن ثم إلى ادارة عامة مظهر المنتدى الوان ورقة تصميم css




الكود:
       #back_place{
        background: #eee;
        border: 2px solid #aaa;
        border-radius: 4px;
        left: 31%;
        margin: auto;
        max-height: 80%;
        overflow: auto;
        padding: 10px;
        position: fixed;
        top: 42%;
        width: 600px;
        z-index: 999;
        }
        #text_area_message {
          width:545px!important;
        }
        #back_place #username {
        width: 132px!important;
        height: 10px;
        }
        #image_place {
        position: fixed;
        bottom: 0;
        left: 0;
        }
        
        
        #back_place #username,#text_area_message,#subject {  
          width: 100%;
        background: #fff;
        border: 1px solid #ddd;
        font-size: 13px;
        line-height: 20px;
        margin: 0;
        padding: 7px 10px;
        box-shadow: inset 0 1px 2px #eee;
        border: 1px solid #CCC;
        margin: 0 0 5px;
        border-radius: 5px;
        }
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
 
جافا سكربت رسالة سريعة كود ارسال رسالة سريعة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
العراق اونلاين :: الترحيب بالعضو/والزائر الكريم :: اكواد الجافا سكربت-
انتقل الى: