الدرس الخامس

كما تعلمنا في الدرس السابق عن كيفيه إظهار بيانات من جدول معين سنقوم الآن بعرض هذه البيانات كل مجموعه صفوف في صفحة

نبدأ بنفس جملة السيكول مع متغيرات جديده ويفضل تعبئه الجدول الخاص بالصفحات بأكثر من عشرة سجلات

[SQL:"s_id","select * from pages","5"," <a href="?p=%s_id:id%">%s_id:page_name%</a> | "end SQL]

كما ترى هذه الجمله هي نفسها التي تعلمناها في الدرس السابق بدون أي تغيير سوى تغيير عدد السجلات من 10 إلى 5 سجلات

الآن لإظهار عدد السجلات الكلي , فقط العدد يمكننا إستخدام هذا الأمر في أي مكان في القالب أو في قالب آخر يتم إستدعاؤه

%s_id:COUNT%

لاحظ الآمر يحتوي على قسمين الأول هو معرف الجمله السابقة

s_id

والثاني ثابت ويعني العدد

لو جربنا المثال التالي :

%s_id:COUNT%
<br>
 	[SQL:"s_id","select * from pages","5"," <a href="?p=%s_id:id%">%s_id:page_name%</a> <br> "end SQL]

النتيجة :

الآن لإظهار تعدد الصفحات كما في السابق نضع الأمر في أي مكان نريده داخل القالب وهو

%s_id:COUNTER%

لو جربنا المثال التالي :

%s_id:COUNT%
<br>
 	[SQL:"s_id","select * from pages","5"," <a href="?p=%s_id:id%">%s_id:page_name%</a> <br> "end SQL]
 	<br>

     	[SQL:"p_id","select * from pages where id='[var:"p"end var]'","1"," %p_id:description% "end SQL]
     	<br>
%s_id:COUNTER%

النتيجه

مع القليل من الستايل يصبح كالتالي :

طبعا بحكم إنو التصميم أذواق وأنا مش تخصصي تصميم و..و..و.. طلع التصميم هيك فبدون تعليق على هذه النقطه

يوجد عدة أوامر لجمله سيكول تقوم بعمل أمور معينه ومطلوبه فمثلا لو أردنا تلوين سجل بلون معين والآخر بلون آخر وهكذا لتخرج لنا مثل هذه الصورة

لاحظ تم تلوين سجل بعد سجل وتم ترقيم السجلال

أمر التلوين يعطي قمه 1 ثم قيمه 0 في كل سجل يظهره وهو

%s_id:%

أمر ترقيم السجلات وهو يرقم حاليا أول خمس سجلات بغض النظر عن الصفحه أي لو كنت في الصفحة رقم عشرة سيظهر السجل الأول برقم واحد أما وسيتم تعديل هذا الخلل في النسخة القادمه والأمر هو

%s_id:#%

ولكيفيه إستخدام الأمرين ليظهر كما في الصورة السابقة إليك الشيفرة :

    	<style>
   	/**************counter pages************/
	div.pagination {
		padding:0px;
		margin:0px;
		text-align:center;
		font-size:10px;
            	direction:ltr;
	}
	div.pagination a {
		padding-left:2px;
		padding-right:2px;
		margin:2px;
		border: 1px solid #2097C9;
		background-color: #FFF;
		font-size:10px;
		text-decoration: none; 
		color: #2097C9;
	}
	div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #2097C9;
	background-color: #2097C9;
	color: #FFF;
	}
	div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
display:none;
	color: #DDD;
	}
    	/***********Pgage content************/
#content{

	bottom:0;
	width:320px;
	background:#eceff6;
	border:#71a7df solid 1px;
	margin:15px;
height:100px;
padding:10px;
color:#aaa;

}
/*************Rows***************/
.c0 ,.c0 a{
	color:#666; background:#eceff6;}
.c1 ,.c1 a{
	color:#aad; background:#ececc6;}
/*************Menu*****************/
.menu{
	bottom:0;
	width:100px;
	border:#71a7df solid 1px;
	margin:15px;

}
    	</style>
Number of pages : %s_id:COUNT%
<br>
	[SQL:"s_id","select * from pages","5"," <div class="menu c%s_id:%">%s_id:#% - <a href="?p=%s_id:id%">%s_id:page_name%</a> </div> "end SQL]
   %s_id:COUNTER%
   <div id="content">

     	[SQL:"p_id","select * from pages where id='[var:"p"end var]'","1"," %p_id:description% "end SQL]
 	</div>

وإلى القاء في الدرس القادم

فهرس الدورة