ادراج صفحة HTML في صفحة HTML عن طريق Smarty

[Chakira]

http://www.dzbatna.com/images/icons/idea.gif ط§ط¯ط±ط§ط¬ طµظپط*ط© HTML ظپظٹ طµظپط*ط© HTML ط¹ظ† ط·ط±ظٹظ‚ Smarty (http://www.dzbatna.com/t1057001/)



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


كيف حال الجميع ؟ ان شاء الله بخير


اليوم درس مفصلنا عن كيفية ادراج صفحة HTML في صفحة HTML عن طريق Smarty


مثال درس مفصل اليوم على القوائم
قائمة اليمنى والقائمة اليسرى


مثل مجلة نيوك بحيث يكون قائمة يمنى لاختيارات الأقسام و الدروس والمنتديات ...الخ
والقائمة اليسرى للاحصائيات و الارشيف المقالات ...الخ



لنبدا العمل :


تحتاج الى ثلاث ملفات تصميم :


1 - center.html - وهو الملف اللي راح ياخذ القائمة اليمنى والقائمة اليسرى واللي راح يكون في الوسط أخبار او دروس


2 - right.html - راح يكون القائمة اليمنى


3 - left.html - راح يكون القائمة اليسرى






تصمم الملفات على حسب ذوقك وانا صممتهم بهذا الشكل


ملف right.html :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/right_html.jpg


ملف left.html :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/left_html.jpg


ملف center.html :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/center_html.jpg



لدينا خليتان فارغتين في ملف center.html

خلية في اليمين عرض القائمة اليمنى

خلية في اليسار لعرض القائمة اليسرى



الآن لكي نعرض القوائم في الصفحة او الملف center.html

نضع كود code Smarty لادراج الملفات :

رمز PHP:

<code style="white-space:nowrap"> <code> {include file=' '}
</code> </code>



هذا هو الكود code لجلب الملفات وعرضها في اي مكان تريد عرض الملف على حسب مكان الكود code

ناتي الآن لعرض القائمة اليمنى والقائمة اليسرى في ملف center.html

لجلب ملف القائمة اليمنى نضع الكود code في الخلية اليمنى :

رمز PHP:

<code style="white-space:nowrap"> <code> {include file='right.html'}
</code> </code>



ولجلب ملف القائمة اليسرى نضع الكود code في الخلية اليسرى:

رمز PHP:

<code style="white-space:nowrap"> <code> {include file='left_block.htm'}
</code> </code>



صورة توضيحية :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/center_html_include.jpg



والآن لنعرض الملف بأمر Smarty :

رمز PHP:

<code style="white-space:nowrap"> <code> $smarty->display("center.html");
</code> </code>




ثم نفتح الملف وسنرى الصفحة بهذا الشكل :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/including_R_&_L.jpg




توضيح العمل كاملاُ :

http://www.pxll.com/usersupload/mobher/r_&_l_block_in_smarty/all_work.jpg



وهكذا ادرجنا ملفين HTML داخل ملف HTML




وهنا يكون الدرس مفصل قد انتهى

وان شاء الله نتقابل بدرس مفصل آخر في نظام قوالب Smarty

وفقنا الله جميعا لما يحبه ويرضاه






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©