• الإعلانات

    • فيصل الحربي

      تسجيل عضوية جديدة في المنتدى   01/31/2016

      السلام عليكم ورحمة الله وبركاته  عزيزي العضو الجديد :  حاليا رسالة الإيميل لتأكيد صحة إيميلكم تذهب للبريد العشوائي ( جاري حل المشكلة )  فإذا لم تجد رسالة التحقق من إيميلكم في صندوق الوارد لديكم إتجه للبريد العشوائي ( JUNK)  وقم بتفعيل إشتراككم من هناك   

موفق جمال زكريا

المشرفين القدامى
  • عدد المشاركات

    267
  • تاريخ الانضمام

  • تاريخ اخر زياره

السمعه بالموقع

6 عادي

عن موفق جمال زكريا

  • الرتبة
    مشرف سابق

طرق الإتصال

معلومات الملف الشخصي

  • الجنس ذكر
  1. مشكلة ظهرت عند استخدام ( FlexiGrid for jQuery)

    عذرا ): هناك نقص أخي في الملفات إذا كان للمشروع أي خصوصية يمكنك اختصار المشروع أو الفكرة التي تعاني منها وتكون بشكل كامل قابلة للتنفيذ لأنه بهذه الطريقة ستأخذ عملية التدقيق في الكود مدة طويلة
  2. مشكلة ظهرت عند استخدام ( FlexiGrid for jQuery)

    أخي الكريم بما أن السؤال لايتعلق بصميم أساسيات لغة معينة ، هي عبارة عن أداة وحسب مارأيت في موقعها هي ظريفة وجميلة لكن هي في وضعها الطبيعي أنت قلت كانت تعمل .... وعند التعديل أو بعد مدة حصل ذلك معك .. فلايمكن لأحد أن يساعدك إذا لم تضع الكود أو الصفحة على الأقل التي في المشكلة فالمشكلة ربما ليست في الأدة ....
  3. نعم أخي الكريم يمكنك استخدام required digits حتى لايقبل في الخانة أرقام ====================== وهذه الحقول التي يدعمها required عندما يكون الحقل مطلوب بغض النظر عما يدخل email صيغة الإيميل url لموقع إنترنت أو لينك date تاريخ number رقم digits للأحرف creditcard رقم بطاقة ائتمان equalTo لإجبار المستخدم ادخل قيمة معينة حصراً maxlength لتحديد الطول الأقصى الذي تسمح للمستخدم بإدخاله minlength نفس التي في الأعلى لكن لأقل عدد أحرف ممكن range لإجبار المستخدم أدخال قيمة بين مجال معين max و min أيضاً لتحديد القيمة الأقل والأكثر ( خاصة بالأرقام ) طبعاً أخي لاتنسى أنه يمكنك الدمج بين القيم يعني يمكن أن يكون الحقل مطلوب و القيمة العظمى له 20 حرف .....الخ إذا احتجت المزيد من امكانيات التحكم يمكن تطوير الفانكشن وتعديله ، أو اللجوء إلى فانكشن خاصة باستخدام regular expressions .... من هنا
  4. Variable المتغيرات

    أخي الكريم بالنسبة لسؤالك يبدو أنك تعرف ماهي المتغيرات .. لكن تتسائل لماذا نكتب الكود بإستخدام المتغيرات "variables" مع إنه يمكننا تنفيذ الكثير من الأكواد بدون تعريف أي متغير .. أخي الكريم للمتغيرات "variables" الكثير من الفوائد منها ماهو أساسي ولايمكن العمل بدون تعريف متغير كإنشاء كائن مثلاً من فئة ومنها ماهو إلا نوع من تسهيل عملية البرمجة وعدم التكرار وسهولة فهم البرنامج وصيانة البرنامج وتعديله بسهوله فإذا كانت القيمة مثلاً " مرحبا بكم كيف الحال " نستخدمها العديد من المرات في البرنامج فمن السهولة أن نسندها إلى متحول واعادة طلب المتحول مرات عديدة في البرنامج وإذا اضررنا لتعديل الجملة لاداعي للمرور على الجملة في كل سطر استخدمناها بل نعدل قيمة المتغير فقط . طبعاً هذا ماعدا الأهمية القصوى لفكرة مجال الرؤية scope فأحياناً وبشكل قسري نضطر لتعريف متحول في مكان ما لتراه بقية الفانكشن أو الكائنات في الصفحة أو للتعامل مع المصفوفات طبعاً الجافا سكربت مرنة من حيث أنواع المتحولات وتعطيك أحياناً سهولة جدا حتى من كثر ماتعطيك سهولة ربما يوسوس الشيطان بأنفسنا بسؤال (: "لماذا المتغيرات" (; نعم أخي من أمثلة السهولة مثلاً في الكود التالي <script> var str; str="welcome in my site"; alert(str.length); alert("welcome in my site".length); </script> بنفس الوقت يمكننا تنفيذ نفس الكود بدون أن نستخدم متحول ، فمرونة اللغة تقوم عنك بالكثير من الأمور ... <script> alert("welcome in my site".length); </script> لكن كما أسلفت هناك العديد من الحالات مضطرين تعريف متحولات هذه "المرونة" وطريقة التعامل مع المتحولات تختلف من لغة إلى أخرى فلذلك هو بحث أساسي لكل من يطرق باب البرمجة وتعلم لغة جديدة . لاأدري إن كانت الإجابة وافية بعض الشئ لأني إذا اكتفيت بذلك فأكون من "المجحفين" بحقه وخاصة عند الحديث عن الكائنات والمؤشرات في لغات البرمجة التي تدعم البرمجة غرضية التوجه OOP. هذا ماعد العديد من الأمور المتقدمة في البرمجة مثل معالجة النصوص وغيرها التي تحتاج لمعالجة دقيقة في الذاكرة ويهمنا جدا مسألة تدمير المتحولات وإعادة تعريفها وتحويل الأنماط .... الخ
  5. هناك خلل ما .. أنا تجاهلت الزر تماما ... اعتبري أنه غير موجود .. نسيت حذفه نعم أنا وضعت لك عملية البحث في الحدث onkeyup لمربع النص هل وضعتي الملفين في المرفقات من جديد !!!!! هذه النتيجة التي جربتها عندي تفضلي شوفيها في المرفقات test-search.php.rar
  6. قمت بتجربة السكربت السابق على كروم وموزيلا وانترنت اكسبلورر 8 وهو يعمل بشكل صحيح أختي الكريمة ربما تجربين السكربت على متصفح انترنت اكسبلور 6 على كل الأحوال أنصحك بإستخدم دالة الأجاكس للجي كويري وقمت بإستبدال الفانكش التعيس السابق بسطر واحد $("#myDiv").html(htmlobj.responseText); حتى يصبح الكود بشكله الجديد كما يلي : <html xmlns = "http://www.w3.org/1999/xhtml"> <head><title>Search the Database</title></head> <body> <? if (!isset($_GET['term'])) { ?> <script src="jquery-1.7.2.min.js"></script> <form name="f1"> Search (by movie name | Director): <input type="text" name="term" id="term" onkeyup="newf();" /> <input type="submit" name="submit" value="Submit" /> </form> <? } ?> <?php echo '<div id="container">'; define('DB_NAME', 'feature_films'); define('DB_USER', 'root'); define('DB_PASSWORD', '123'); define('DB_HOST', 'localhost'); // Connect to database server $link = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD); if(!$link) { die ('Could not connect: ' . mysql_error ()); } // Select database $db_selected = mysql_select_db(DB_NAME, $link); if(!$db_selected) { die ('Can\'t use ' . DB_NAME . ': ' . mysql_error()); } //store the post variable as $term and build our query. if (isset($_GET['term'])) { $term = $_GET['term']; if ($term=="") $term="__++**"; $sql = mysql_query("select * from films where Film like '%$term%' or Director like '%$term%'"); echo("<table align=\"center\" border=\"1\" width=\"100%\"><b>"); echo "<tr> <th>ID</th> <th>Film</th> <th>Original_release_date</th> <th>Director</th> <th>IMDB_rating</th> </tr></b>"; while($row = mysql_fetch_array($sql)) { print("<tr>"); print("<th width=\"2%\">".$row["ID"]."</th>"); print("<td width=\"20%\">".$row["Film"]."</td>"); print("<td width=\"2%\">".$row["Original_release_date"]."</td>"); print("<td width=\"5%\">".$row["Director"]."</td>"); print("<td width=\"2%\">".$row["IMDB_rating"]."</td>"); print("</tr>"); }} mysql_close($link); ?> </table> <div id="myDiv" style="background:#999"> </div> <script> function newf() { var s =document.f1.term.value; htmlobj=$.ajax({url:"search.php?term=" +s,async:false}); $("#myDiv").html(htmlobj.responseText); } </script> </body> </html> ويلزمك ملف Jquery وضعته لك في المرفقات مع التعديل للسكربت jquery-1.7.2.min.js search.php
  7. ستجد ضمن الملف jquery.validate.js كل الجمل التي تريد .. يمكنك تعريبها بكل سهولة messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", number: "Please enter a valid number.", digits: "Please enter only digits.", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") },
  8. وهناك خاصية scrolling يمكن تعطيلها للـ iframe مثال : <style> #element { position: fixed; width:200px; height:100%; border:0; } </style> <iframe id="element" src="abc.htm" scrolling='no' > abc.htm welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>welcome </br>
  9. يمكن استخدام DIV لهذا الغرض مثلاً : <style> div { margin:0 auto; background:#900; width:400px; } </style> <div> <? include("abc.htm"); ?> </div>
  10. طلب نموذج أختبار مبسط

    إليك ماتريد أخي يمكنك استخدام الأسئلة متعددة الأجوبة أو ذات الجواب الواحد استخدم في المثال المكتبة المصفرة Mootools وملف آخر رائع quiz-maker.js إليك المثال مع الملفات كاملة ولاتتجاوز حجمهم 25 كيلو بايت quiz-m.zip
  11. على الرحب والسعة أخي الكريم وإذا أردت إضافة المزيد من الإبداع والخيال لعملية التحقق المعقدة بالقليل من الأسطر يمكنك إستخدام jquery.validate يمكنك مشاهدة هذا الموضوع
  12. التحويل من form إلى prompt

    أخي الكريم يمكنك إظهار مربع لإدخال الجواب بدلاً من مربع النص وفي الفانكشن testResults تقراً الأجابة من مربع الإدخال form.inputbox.value وبهذا فان اجراء أول عملية إدخال بدون زر --- ستصبح عند تحميل الصفحة وهكذا .... مع العلم أنها طريقة "غير جيدة" في عملية الإدخال والتفاعل مع المستخدم ...هناك العديد من الطرق الأخرى أسهل وأفضل بالنسبة للمستخدم وخاصة مع استخدام جي كويري على كل الأحوال إذا أردت فقط ذلك .... لغاية ما يصبح الكود كما طلبت كالتالي ::: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function rand() { // document.write("How much is " + number1 + " plus " + number2 + "? <br/>"); var number1 = getnumber(); var number2 = getnumber(); var answer = getanswer(number1,number2); document.getElementById("t1").innerHTML="How much is " + number1 + " plus " + number2 + "? <br/>"; testResults (); } function getnumber() { var minn = 1; var maxn = 9; number = minn + Math.floor(Math.random()*maxn); return number; } function getanswer(a,b) { answer = a+b; return answer; } function testResults () { var input_prompt=prompt("Please enter the Total "); var useranswer = input_prompt; if(useranswer == answer ) { window.alert("Your answer is " + useranswer + ". The right answer is " + answer + ". Very Good!"); // window.location.reload(); rand(); } else { window.alert("No. Please try again."); rand(); } } </script> </head> <body onLoad="rand()"> <p> <div id="t1"> </div> </p> <p><a href="javascript: window.location.reload()">Click here to reload the page.</a></p> </body> </html>
  13. السلام عليكم أخي نادر أشكرك على سؤالك لأنك أرجعت لي سنين مضت بمجرد قراءة إسم الأخ المبدع Xacker ولي مدة لم استطع المشاركة في الفريق : ندعوا الله أن ييسر لنا الظروف لنستطيع الرجوع للفريق بمساهمات جيدة إن شاء الله مثل ماتفضل أخي Xacker نضيف الفانكش التالي : function newf() { var color = readCookie('bgcolor') document.body.style.background=color; } استدعيه عن تحميل الصفحة مثل : <body onload="newf()"> والكود بيصير معك بشكل نهائي كما يلي : <body onload="newf()"> <div style="cursor: pointer; opacity: 1; position: fixed; right: 10px; top: 5px;"> <table border="1" height="20" style="width: 300px;"><tbody> <tr> <td bgcolor="white" onclick="bgChange('')"> </td><td bgcolor="#699AB8" onclick="bgChange('#699AB8')"> </td><td bgcolor="#000000" onclick="bgChange('#000000')"> </td><td bgcolor="#FF00FF" onclick="bgChange('#FF00FF')"> </td><td bgcolor="#006400" onclick="bgChange('#006400')"> </td><td bgcolor="#FF6600" onclick="bgChange('#FF6600')"> </td><td bgcolor="#480082" onclick="bgChange('#480082')"> </td><td bgcolor="#dc143c" onclick="bgChange('#dc143c')"> </td><td bgcolor="#D4E3EA" onclick="bgChange('#D4E3EA')"> </td><td bgcolor="#B40404" onclick="bgChange('#B40404')"> </td><td bgcolor="#9A2EFE" onclick="bgChange('#9A2EFE')"> </td><td bgcolor="#236c95" onclick="bgChange('#236c95')"> </td></tr> </tbody></table> </div> <script> function newf() { var color = readCookie('bgcolor') document.body.style.background=color; } function bgChange(bg) { document.body.style.background=bg; createCookie('bgcolor',bg,360); } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } </script> </body>
  14. هناك إضافة جيدة في Jquery jquery.validate يمكنك تحميلها أو تضمينها في السكربت من هنا تقوم بمهمة التحقق من خانات النماذج بشكل دقيق .. وسهلة الإستخدام . يمكنك فقط أن تعطي الأداة أنها تابعة لكلاس معين مثال ::: class="required" أو للإيميل class="required email" أو كرابط class="url" وإليك سرد لهذا المثال البسيط كما هو من jquery.com <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <style type="text/css"> * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } </style> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <legend>A simple comment form with submit validation and default messages</legend> <p> <label for="cname">Name</label> <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> </p> <p> <label for="cemail">E-Mail</label> <em>*</em><input id="cemail" name="email" size="25" class="required email" /> </p> <p> <label for="curl">URL</label> <em> </em><input id="curl" name="url" size="25" class="url" value="" /> </p> <p> <label for="ccomment">Your comment</label> <em>*</em><textarea id="ccomment" name="comment" cols="22" class="required"></textarea> </p> <p> <input class="submit" type="submit" value="Submit"/> </p> </fieldset> </form> </body> </html> هذا المثال كافي لإجراء عمليات التحقق الأساسية لكن إذا كان لديك المزيد من الوقت يمكنك التعرف على الإضافة من هنا
  15. أنصحك بالتفرغ حوالي 120 دقيقة وقراءة هذا الدرس لفهم استخدام الأجاكس بكل سهولة من هنا وإذا كان لديك المزيد من الساعات يمكن تعلم جي كويري من هنا فهي اسهل في استخدام الأجاكس وتقوم بالعديد من الأمور بدل عنك (: بالتوفيق وإذا كنت على اطلاع بالجي كويري يمكنك المرور على الأجاكس فيها بأقل من عشرين دقيقة من هنا وإذا كان لاتملك-ي- أي وقت (:: فلقد قمت بوضع فانكشن في الكود السابق ليصبح البحث مثل طلبك copy and paste ); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title>Search the Database</title> </head> <body> <? if (!isset($_GET['term'])) { ?> <form name="f1"> Search (by movie name | Director): <input type="text" name="term" id="term" onkeyup="search_film(document.f1.term.value)" /> <input type="submit" name="submit" value="Submit" /> </form> <? } ?> <?php echo '<div id="container">'; define('DB_NAME', 'feature_films'); define('DB_USER', 'root'); define('DB_PASSWORD', '123'); define('DB_HOST', 'localhost'); // Connect to database server $link = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD); if(!$link) { die ('Could not connect: ' . mysql_error ()); } // Select database $db_selected = mysql_select_db(DB_NAME, $link); if(!$db_selected) { die ('Can\'t use ' . DB_NAME . ': ' . mysql_error()); } //store the post variable as $term and build our query. if (isset($_GET['term'])) { $term = $_GET['term']; $sql = mysql_query("select * from films where Film like '%$term%' or Director like '%$term%'"); print("<table align=\"center\" border=\"1\" width=\"100%\"><b>"); echo "<tr> <th>ID</th> <th>Film</th> <th>Original_release_date</th> <th>Director</th> <th>IMDB_rating</th> </tr></b>"; while($row = mysql_fetch_array($sql)) { print("<tr>"); print("<th width=\"2%\">".$row["ID"]."</th>"); print("<td width=\"20%\">".$row["Film"]."</td>"); print("<td width=\"2%\">".$row["Original_release_date"]."</td>"); print("<td width=\"5%\">".$row["Director"]."</td>"); print("<td width=\"2%\">".$row["IMDB_rating"]."</td>"); print("</tr>"); }} ?> <div id="myDiv" style="background:#999"> </div> <script type="text/javascript"> function search_film(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","search.php?term="+str,true); xmlhttp.send(); } </script> </script> </body> </html>