احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif Jood123 http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
A7labeet



انثى
عدد المساهمات : 11893
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: جافا سكربت رسالة سريعة كود ارسال رسالة سريعة   الثلاثاء 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;
}














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



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



ذكر
عدد المساهمات : 25
تاريخ التسجيل : 09/08/2015
العمر : 25


مُساهمةموضوع: رد: جافا سكربت رسالة سريعة كود ارسال رسالة سريعة   الأربعاء 12 أغسطس 2015, 8:41 am

دُمتَمْ بِهذآ الع ـطآء أإلمستَمـرٍ
يُسع ـدني أإلـرٍد على مـوٍأإضيعكًـم
وٍأإألتلـذذ بِمـآ قرٍأإتْ وٍشآهـدتْ
تـقبلـوٍ خ ـآلص احترامي
لآرٍوٍآح ـكُم أإلجمـيله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ام الشيماء



انثى
عدد المساهمات : 218
تاريخ التسجيل : 09/08/2015
العمر : 44


مُساهمةموضوع: رد: جافا سكربت رسالة سريعة كود ارسال رسالة سريعة   الخميس 13 أغسطس 2015, 12:12 pm

سلمت الأيادى الطيبة أختى الكريمة
فى الإبداع والتواصل المستمر
فى نشر الجديد والمفيد
أُحييك على إختيارك الرائع والمميز..
تحياتى لك



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
جافا سكربت رسالة سريعة كود ارسال رسالة سريعة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-