×

القرآن الكريم مع التفسير بتقنية AJAX

السلام عليكم ورحمة الله وبركاتة، نقدم لكم اليوم سكربت القرآن الكريم مع التفسير بتقنية الأجكس، http://labs.arabcoders.org/my/ajax_quran.html سنقوم بدمج السكربت بالمجلات المشهوره بأذن الله تعلى بأقرب

قديمة 25 - 09 - 2008, 04:13
المشاركة 1
السلام عليكم ورحمة الله وبركاتة،

نقدم لكم اليوم سكربت القرآن الكريم مع التفسير بتقنية الأجكس،

http://labs.arabcoders.org/my/ajax_quran.html

سنقوم بدمج السكربت بالمجلات المشهوره بأذن الله تعلى بأقرب فرصه ممكنه

نرجو مراجعه الصفحه بين فتره وفتره للتحديث أن وجد أي خطاُ بالكتابه أو التفسير

نرجو إرسال الأخطاء إلينا عن طريق

http://arabcoders.org/contactus.html

اسم التفسير: التفسير الميسر،
المؤلف: مجموعة من العلماء
المصدر : مجمع الملك فهد رحمه الله لطباعة المصحف الشريف.

عبدالمحسن.
albian-host.com معجب بهذا.
المشاهدات 2164 | التعليقات 20
قديمة 25 - 09 - 2008, 04:21
المشاركة 2
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,745
افتراضي
ما شاء الله

جعله الله فى ميزان حسناتك

وياريت تشرح لنا طريقه الكود لل Ajax لتعم القائدة
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 28 - 09 - 2008, 17:51
المشاركة 3
eleek
:: عضو جديد ::
تاريخ الإنضمام: 07 - 03 - 2005
رقم العضوية : 2160
المشاركات: 7
افتراضي
اسف على التأخير بالرد

هل تريد منى شرح الأجاكس المستخدم بالسكربت ام الاجكس بشكل عام؟
قديمة 28 - 09 - 2008, 18:14
المشاركة 4
صورة 'zaidooh' الرمزية
zaidooh
:: عضو فعال ::
تاريخ الإنضمام: 10 - 10 - 2007
رقم العضوية : 40517
الدولة : المغرب
المشاركات: 124
افتراضي
ما شاء الله

جعله الله فى ميزان حسناتك

وياريت تشرح لنا طريقه الكود لل Ajax لتعم القائدة


أخوي مشكوور جداا ويعطيك ألف عافية بس يا ريت طريقة الكود
منتديات المنظر الجميل التعليمية المغربية
www.mandar-aljamil.com/vb2


http://www.mandar-aljamil.com/vb2/archive/index.php
قديمة 28 - 09 - 2008, 19:48
المشاركة 5
صورة 'Arab4Des' الرمزية
Arab4Des
.:: عضو متألق ::.
تاريخ الإنضمام: 28 - 11 - 2005
رقم العضوية : 12994
الدولة : $Al3Geb->Message("Egypt");
المشاركات: 10,745
افتراضي
ما شاء الله

جعله الله فى ميزان حسناتك

وياريت تشرح لنا طريقه الكود لل Ajax لتعم القائدة
الاجاكس بشكل عام

وكل واحد لما يتعلم يسوى اللى بدة

فيكون كدة افضل من شرح كود والسلام
اسم الشركه : عرب فور ديزين لخدمات الويب المتكاملة
صاحب الشركه : كريم محمد حسين
أداء الشركـــه : إستضافه وتصميم وتطوير وبرمجه
بريد الشركـــه : [email protected]
هاتف الشركه : من داخل مصر / 01224360042 - 01111320215
من خارج مصر / 00201224360042 - 00201111320215
من داخل السعودية / 0563935667
من خارج السعودية / 00966563935667
الدعم الفنــــي : http://www.arab4des.com/ticket/
قديمة 28 - 09 - 2008, 21:35
المشاركة 6
صورة 'الـشـبـح' الرمزية
الـشـبـح
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 05 - 2006
رقم العضوية : 24589
الدولة : البحرين
المشاركات: 1,397
افتراضي
سكربت رائع

بارك الله فيك
مستخدم لينُكس
قديمة 28 - 09 - 2008, 22:06
المشاركة 7
صورة 'Mr.Ajax' الرمزية
Mr.Ajax
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 12 - 2007
رقم العضوية : 46733
الدولة : أم الدنيا
المشاركات: 3,848
3
افتراضي
أكثر من رائع
جزاك الله كل خير عليه وجعله فى ميزان حسناتك باذن الله
قديمة 29 - 09 - 2008, 06:01
المشاركة 8
صورة 'ياسر الدغيدى' الرمزية
ياسر الدغيدى
:: عضو نشيط ::
تاريخ الإنضمام: 10 - 05 - 2007
رقم العضوية : 36835
الدولة : مصر
العمر: 31
المشاركات: 818
افتراضي
الى الامام نتظر المزيد وهذا والله مفيد وبه من الحسنات مديد
#########################
قريبا : مجلة BTPortable الاصدار الأول لعرض الموضوعات
الحصرية برمجة كاملة وحصرية للتميز فى عرض حصريات
منتداك , بقاعدة منفصلة , بسهولة ويسر مع تعدد الاستايلات و البلوكات
وطرق جديدة فى عرض المحتوى الحصرى بنظام عضويات
منتداك ........
#########################
الموقع الرسمى لفضيلة الشيخ محمد صديق المنشاوي رحمه الله
http://www.alminshawy.com
قديمة 29 - 09 - 2008, 06:05
المشاركة 9
صورة 'kashaf' الرمزية
kashaf
:: عضـــو::
تاريخ الإنضمام: 30 - 11 - 2007
رقم العضوية : 46078
الدولة : مصر الحبيبة
المشاركات: 76
افتراضي
ما شااااااء الله

جزاك الله خيرا

جعله الله فى ميزان حساناتك
::شبكة ومنتديات أحلى ناwww.a7lanaas.com
قديمة 29 - 09 - 2008, 21:38
المشاركة 10
eleek
:: عضو جديد ::
تاريخ الإنضمام: 07 - 03 - 2005
رقم العضوية : 2160
المشاركات: 7
افتراضي
السلام عليكم،

وشكراً للردود، انا ابحث عن مصمم، يتكرم بتصميم جديد للسكربت

واما على AJAX،

فقد قام الاخ code4arab من سوالف سوفت بكتابة مقال رائع عن التقنيه،


السلام عليكم ورحمة الله وبركاته

أسعد الله أوقاتكم بكل خير ... هذه المرة سأبادر بشرح تقنية AJAX التي تعتبر جديدة نوعا ما .. ولن انتظر حتى نراها تستخدم في التطبيقات والسكربتات الاجنبية ... أيضا من باب تحفيزكم لاستخدامها في برامجكم الجديدة ان شاء الله.

تعريفها:
AJAX اختصار لعبارة Asynchronous JavaScript and XML وتتكون من التقنيات التالية:
  • HTML أو XHTML و CSS لعرض المعلومات
  • Document Object Model لعرض والتفاعل مع المعلومات المعروضة من خلال JavaScript
  • كائن XMLHttpRequest لتبادل البيانات بشكل متزامن مع المزود او الخادم.
  • تقنية XML وهي جزء اختياري لن نحتاج إليه حاليا.

استخدامها:
هذه التقنية تستخدم كوسيلة مساعدة في بناء تطبيقات الويب التفاعلية مثلا عند الحاجة لإرسال او جلب بيانات بدون إعادة تحميل الصفحة. ويمكن استخدامها على أيٍ متصفح يدعم التقنيات المذكورة سابقا وتشمل Internet Explorer و FireFox و Opera وغيرها.

مثال عملي:
سنقوم بإنشاء تطبيق يقوم بجلب بيانات من قاعدة بيانات MySQL بناءا على اختيار المستخدم ومن ثم عرضها له بدون إعادة تحميل الصفحة.

يتكون المثال الذي سنقوم بتطبيقه من ثلاث ملفات:
  • ملف index.html ويستخدم لعرض البيانات للمستخدم.
  • ملف test.php ويستخدم لجلب البيانات من قاعدة البيانات.
  • ملف main.js ويحتوي على دوال الاتصال بالخادم وجلب البيانات وعرضها

ملف index.html
رمز Code:
<html>
<head>
<title>تجربة</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<script src="main.js"></script>
</head>

<body>
<form name="myform">
<select name="myselect" onChange="getInfo()">
<option value="" selected="selected">اختر رقما</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
<div id="mydiv"></div>
</body>
</html>
ملف main.js
رمز Code:
var http = createRequestObject();
function createRequestObject(){
    var request_;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        request_ = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
        request_ = new XMLHttpRequest();
    }
    return request_;
}
function getInfo(){
    http.open('get', 'test.php?id='+ document.myform.myselect.selectedIndex);
    http.onreadystatechange = handleInfo;
    http.send(null);
}
function handleInfo(){
    if(http.readyState == 1){
        document.getElementById('mydiv').innerHTML = 'جاري جلب البيانات...';
    }
    if(http.readyState == 4){
        var response = http.responseText;
        document.getElementById('mydiv').innerHTML = response;
    }
}
ملف test.php
رمز PHP:
<?php
header
('Content-Type: text/html; charset=windows-1256');

$id=intval($_GET['id']);
$dbhost="localhost";
$dbuser="root";
$dbpass="";
$database="test";
$link = @mysql_connect$dbhost$dbuser$dbpass );
$db = @mysql_select_db$database,$link );
$result mysql_query("SELECT * FROM mytable WHERE id=$id");
while ( 
$row mysql_fetch_array($result) ){
    echo 
$row['name'];

}
mysql_free_result($result);
mysql_close($link);
?>
تركيزنا على ملف main.js وهو يتكون من ثلاثة دوال:
دالة createRequestObject لانشاء كائن الاتصال بالخادم.
دالة getInfo لارسال البيانات إلى ملف test.php
دالة handleInfo وهي دالة مساعدة لدالة getInfo وتقوم بعرض البيانات بعد جلبها

في الغالب لن تحتاج للتعديل على دالة createRequestObject
قم بالتعديل فقط في دالتي getInfo و handleInfo ولك ان تسميها كما تشاء
التعديل الذي ستحتاجه في دالة getInfo
  • اسم ملف php الذي نستخدمه لعرض البيانات
  • اسم النموذج في صفحة HTML وهو في المثال الحالي myform
  • اسم صندوق القائمة المنسدلة وهو في المثال الحالي myselect
نلاحظ أن هذا التغيير سيكون في السطر التالي
رمز Code:
http.open('get', 'test.php?id='+ document.myform.myselect.selectedIndex);
التعديل الذي ستحتاجه في دالة handleInfo
  • اسم وسم div الذي ستسخدمه لعرض البيانات وهو في المثال الحالي mydiv
نلاحظ ان هذا التغيير سيكون في السطرين التاليين:
رمز Code:
document.getElementById('mydiv').innerHTML = 'جاري جلب البيانات...';

document.getElementById('mydiv').innerHTML = response;
أيضا لاتنسى ان تعدل في ملف test.php حسب إعدادات قاعدة البيانات لديك والمعلومات التي تريد عرضها.

لمشاهدة هذا المثال حيا على الهواء مباشرة :nice: اضغط هنا
http://www.aknet.com/ajax/
يوجد في المرفقات ملف مضغوط يحتوي على كامل ملفات هذا التطبيق.


تحياتي وتقديري لكم
أخوكم بدر
4/7/1426 هـ
الملفات المرفقة
نوع الملف : zip ajax.zip (1.5 كيلوبايت, عدد مرات المشاهدة 30 مرة)
قديمة 29 - 09 - 2008, 21:55
المشاركة 11
صورة 'QatarSpots' الرمزية
QatarSpots
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 12 - 2007
رقم العضوية : 46901
الدولة : عاصمة الثقافة العربية
المشاركات: 3,524
افتراضي
عااشت الايادي اخي العزيز ..
لك تحيتي ..
قريبا جدا
قطر سبوت للـ ........
انتظرونـــــا


قديمة 29 - 09 - 2008, 21:58
المشاركة 12
صورة 'drsh_10' الرمزية
drsh_10
:: عضو نشيط ::
تاريخ الإنضمام: 03 - 05 - 2007
رقم العضوية : 36286
الدولة : EgYpT
المشاركات: 468
افتراضي
جزاك الله خيراً
::bR2mG::

لمراسلتى
:
اضغط هنا
قديمة 30 - 09 - 2008, 00:02
المشاركة 13
صورة 'Ahmed shaheen' الرمزية
Ahmed shaheen
:: عضو نشيط ::
تاريخ الإنضمام: 28 - 09 - 2007
رقم العضوية : 38943
الدولة : Dubai - Jordan
العمر: 28
المشاركات: 2,625
افتراضي
رااااائع جدا

ما شاء الله
استراتيجيه الـ Link wheels
قائمه بأفضل مواقع web 2.0 بيج رانك عالي
[مشاركه ضيف ] او Guest Post ماهي ؟ و ما اهميتها ؟

الناجحون دائماً يبحثون عن فرص لمساعده الاخرين، الفاشلون دائماً يسآلون على ماذا سآحصل بالمقابل ؟

احمد شاهين

[/CENTER]
قديمة 13 - 10 - 2008, 12:12
المشاركة 14
eleek
:: عضو جديد ::
تاريخ الإنضمام: 07 - 03 - 2005
رقم العضوية : 2160
المشاركات: 7
افتراضي
العفو،

اذا كان عندكم إقتراحات للتطوير، نرجو المشاركه فيها.
قديمة 14 - 10 - 2008, 01:36
المشاركة 15
أحساس
:: عضو نشيط ::
تاريخ الإنضمام: 29 - 01 - 2008
رقم العضوية : 51389
الدولة : الامارات
المشاركات: 742
افتراضي
يزااك الله خير والله يجعله في ميزان حسنااتك
 
اضافة رد
 

مسابقة أفضل منتدى ! تحذير من برامج زيادة الترافيك في Alexa

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 05:44.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.