السلام عليكم ورحمة الله وبركاته
لو سمحتم كيف اقوم بعمل update لصفحة ال html وليس refresh
اعمل على فورم فليديشن
واريد عند حدوث خطا تحديث الفور لاظهار عناصر مخفية توضح الخطا
ولكن لا تظهر التحديثات
document.getElementById('alaa').style.display = 'block';السلام عليكم
عليك بتعلم التعامل مع مكتبة jQuery فستهل عليك الكثير من أكواد javaScript , هذا الأمر لن يأخذ كثير من الوقت سأشرح البداية في عجالة :
أولاً : نقوم بتنزيل ملف المكتبة من موقع المكتبة .
ثانياً : نضعه في ملف المشروع ونقوم بتضمينه في بدابة الملف هكذا :
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
والآن وبعد تضمين الملف نستطيع كتابة أكواد jQuery وتكتب داخل كائن المكتبة كالتالي :
$(function (){
});أهم ما تعتمد عليه مكتبة jQuery هو تحديد العنصر المراد تطبيق الحدث عليه وهو ما يعرف بالـ selector .
- فلنفرض لدينا كود HTML التالي :
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> </head> <body> <a id="myid" href="#"> بسم الله الرحمن الرحيم </a> </body> </html>
- وأريد أن أخفي الحقل ذو المعرف myid
- سيكون كود jQuery لفعل هذا هو كالتالي :
$(function(){
$("#myid").click(function(){
$("#myid").hide();
});
});- وتفسير هذا الكود : أولاً تحديد الـ selector أي الوسم الذي نريد إخفائة وهو الوسم ذو الـ id="myid" وللدلاله على الـid نستخدم رمز الـ # ثم معرف الوسم ثم يأتي الحدث click وهو حدث الضغط على هذا الوسم يتم عمل دالة نكتب داخلها ما نشاء من أكواد , وما كتبناه داخلها هو عملية إختيار نفس الوسم وتطبيق حدث الإخفاء hide عليه .
أرجو أن يكون الشرح واضح
وهذا مثال أخر لعملية الإظهار والإخفاء لنفس الوسم ولمزيد من الأحداث والتعامل مع الوسوم والخصائص يمكنك الإطلاع عليها في موقع المكتبة وهذا هو المثال كامل :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#hideid").click(function(){
$("#myid").hide();
});
$("#showid").click(function(){
$("#myid").show();
});
});
</script>
</head>
<body>
<div id="myid"> بسم الله الرحمن الرحيم </div> <a id="showid" href="#"> أظهر </a> | <a id="hideid" href="#"> إخفي </a>
</body>
</html>وهذا هو المثال ومعه المكتبة :
لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق
لا إله إلا أنت سبحانك إني كنت من الظالمين