مدونة سلام

مثال نموذجي للأجاكس مع رسائل النتائج

salam — Sat, 31 May 2008 11:32:51 +0000

كمثال على الموضوع في التدوينة السابقة ادخل إلى هذه الصفحة.

إنها صفحة تحوي نموذج دخول كمثال ، عند الضغط على الزر سوف يتم طلب الصفحة بواسطة الأجاكس ففي حال كانت القيم صحيحة تظهر رسالة مؤقتة باللون الأخضر تشير إلى النجاح ، عدا ذلك تظهر رسالة باللون الأحمر تشير إلى وجود خطأ.
أثناء الطلب تظهر رسالة تظهر لك "الرجاء الانتظار ..." بلون أصفر

العملية لا تستغرق وقتا طويلا للإنجاز لكن قمت بإيقاف الصفحة ثانيتين عن العمل لكي تظهر الرسالة الصفراء بوضوح !

تخبيصات javascript

salam — Fri, 30 May 2008 00:26:51 +0000

جرب ثم اقرأ :

رسالة نتيجة صحيحة

رسالة فشل

أثناء عملي في أحد مشاريع الجامعة ، يخطر ببالي أفكار جديدة دائما ، جديدة بالنسبة لي ، ففي كل مرة أكتب صفحة أحاول أن أصنع شيئا جديدا ، قد يكون غير جديد بالنسبة للآخرين ، لكن جديد بالنسبة لي.
مثلا ، ربما لاحظت إن كنت تستعمل FireFox أني أضع شريطا بالأسفل أشكرك لذلك ، كنت و في أثناء عملي مع المشروع و في قسم منه أستخدم الأجاكس بكثرة ، أثناء الطلب أحتاج لصورة متحركة مثلا كالتي تظهر لك عند إضافة تعليق في مدونتي ، لكن أردت أن أفعل شيئا آخر ، قررت أن أضع شريط قصير في أسفل النافذة يحمل عبارة loading... مثلا يظهر أثناء طلب الأجاكس و حتى لحظة الإعادة ( مشابة للذي يظهر في Gmail عند الدخول للبريد.

اليوم ، كنت أفكر بأسلوب آخر لعرض رسائل النجاح أو الفشل ، فدائما عند القيام بإرسال نموذج من الجيد الإبلاغ عن خطأ إن وجد أو إظهار رسالة تبين نجاح العملية ، و التأثيرات جميلة فكرت بأن أعرض رسالة بتنسيق معين تظهر لمدة قصيرة و تختفي ، ربما شاهدت ذلك في بعض المواقع من قبل و لكن لا أريد أن أبحث عن كود جاهز ، حتى لو كتبت أول مرة مقطع برمجي ضعيف لكن أن يلبي الغرض المؤقت و أن أحاول هذا أهم.

هذا كود javascript الذي كتبته :

t = 400;
function msg(message,type,period){
    t = period;
    id = type == 'ok' ? 'ok' : 'error';
    document.getElementById(id).style.display = 'block';
    document.getElementById(id).innerHTML = message;
    window.setTimeout("stay(id)",1);
}
function stay(id){
    t = t-1;
    if(t>0){
        window.setTimeout("stay(id)",1);
    }else{
        document.getElementById(id).style.display = 'none';
    }
}

و هنا CSS

#ok{
border: 1px solid #95E89F;
color: #857D74;
font-size: 12px;
padding: 15px;
text-align: center;
display: none;
position: absolute;
top : 200px;
left : 25%;
right: 25%;
width: 50%;
background-color: #DAF2D9;
}
#error{
border: 1px solid #FF0000;
color: #857D74;
font-size: 12px;
padding: 15px;
text-align: center;
display: none;
position: absolute;
top : 200px;
left : 25%;
right: 25%;
width: 50%;
background-color: #FFDFDF;
}

طبعا أنا مبتدئ في الـ javascript لذلك قد تجد الكود ضعيف أو أنه يمكن فعل ذلك بطرق أفضل ، إن أحببت أن تطرح رأيك سأرحب بذلك.

تفعيل DOM في PHP

salam — Tue, 22 Apr 2008 00:00:00 +0000

بدأت العمل بمشروعي لهذا العام في الجامعة و هو CMS.
الفكرة تختلف عن الأنظمة الموجودة المفتوحة المصدر قليلا ، فأنا أعتمد بشكل كبير على XML في إنشاء بريمجات أو وحدات Modules.
هو في الحقيقة نواة أو Core يتحمل فيما بعد تركيب بريمجات حسب الرغبة ، فكرتي أن هذا الـCore يجب ألا يحوي أي شيء مسبق سوى مدير يمكنه إضافة و إزالة بريمجات ، حتى حسابات المستخدمين ستكون module.

المهم ما أود الحديث عنه هو كيفية التعامل مع الـ DOM في PHP :

الحصول على ملف php_domxml.dll و وضعه في المسار extensions

تعديل ملف php.ini بالشكل :

إزالة الـ ; من العبارة

;extension=php_domxml.dll

و إن لم تكن موجودة إضافتها

extension=php_domxml.dll

في المكان المخصص لذلك ، يمكنك البحث عن extension و ستجد الأسطر :

extension=php_pdo.dll
...
extension=php_sqlite.dll

أعد إقلاع السيرفر و المتصفح و الآن يمكنك إنشاء كائن Object DOM

$doc = xmldoc();

مقتطفات 3

salam — Mon, 21 Apr 2008 00:00:00 +0000

أعتقد أني في الفترة القادمة سأكتب مواضيع لها علاقة باختصاصي بشكل أكبر ، ربما أتكلم عن مشروعي في الجامعة و عن مواضيع برمجية بشكل عام.

كثيرون تحدثوا عن الإصدار الجديد من wordpress ، أحببت أن ألقي نظرة على ميزاته الجديدة ، و أثناء دخولي لمدونتي القديمة و بينما كنت أجرب إضافة تدوينة جديدة لاحظت زر لم أفهمه من صورته فقمت بوضع المؤشر فوقه لتظهر العبارة الموضّحة لعمله ، انظر ماذا انبثق لي

انظر ماذا يمكنك أن تفعل بـ SVG و JavaScript و DOM يجب أن يكون لديك مشغل SVG أما بالنسبة للفايرفوكس لا مشكلة فهو يشغل SVG دون إضافات لكن انترنت اكسبلورر يحتاج SVG Player.

هل تعتقد بوجود سوء فهم للحب في المجتمع ؟ ربما موضوع يحتاج للتخصيص بشكل مفرد ... ذلك أفضل.

بحثت عن كلمة "فلسفة" في غوغل ، فتحت أول نتيجة ، موقع يدعى "فلسفة" أعجبني الموقع في بعض مناطقه لكني تفاجأت بالمكتبة لا أعرف ، هناك كتب (استهجنت وجودها)، إذا كنت مهتما بالفلسفة ولديك اطلاعات ربما تستغرب أو لا تستغرب !؟ .

هذه الصورة تصوّر سقراط في السجن قبل تنفيذ حكم الإعدام به (بالسم) و رفاقه عنده يحاولون إقناعه بالهرب أو دفع فدية.