A7labeet
عدد المساهمات : 11990 تاريخ التسجيل : 20/05/2010
| موضوع: جافا سكربت رسالة سريعة كود ارسال رسالة سريعة الثلاثاء 21 يوليو 2015, 3:30 am | |
| مازالت النسخة الآولى حيث انه يقوم بوضع صورة اسفل المنتدى على اليسار وعند الضغط عليه يقوم بوضع نافذة يطلب اسم العضو بشكل رائع صورة من الكود الكود تذهب إلى ادارة عامة عناصر اضافية ادارة اكواد الجافا سكربت قم بانشاء كود جديد في جميع الصفحات وسجل - الكود:
-
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; }
|
|
ام الشيماء
عدد المساهمات : 218 تاريخ التسجيل : 09/08/2015 العمر : 51
| |