تعاقب الالوان بدون id

[مهند11]

بسم الله الرحمن الرحيم

يوجد الكثير من اكواد تعاقب الالوان للجداول التي تعرض الاقسام والمواضيع

ولكنها معظمها ترتبط في رقم الايدي ... و تعمل تناوب للمعطيات حسب رقم الايدي

وهذا يسبب مشاكل عندما يحذف قسم معين او موضوع معين

و يصبح تعاقب الالوان بشكل غير متزن .


اليكم الان كود بسيط جعلته يعمل بدون علاقة بالايبي نهائياَ

وبذلك تضمن بقاء تعاقب الالوان مهما قمت بحذف مواضيع او اقسام من هذا العرض .



الكود صغير جدا

و هو مقسم الى قسمين

القسم الاول تضعه فوق اللوب التكراري حق الموضوع
و القسم الثاني تضعه تحت اللوب التكراري



واليكم الكود مع مثال مناسب ان شاء الله

echo "<div align='center'>
  
  <table border='1' cellpadding='0' cellspacing='0' bordercolor='#FFFFFF' width='100%' id='AutoNumber3' dir='rtl'>
    <tr>
      <td width='7%' bgcolor='#000000'><p align='center'><font color='#FFFFFF'>#</font></p></td>
      <td width='58%' bgcolor='#000000'><p align='center'><font color='#FFFFFF'>إسم الموضوع</font></p></td>
      <td width='14%' bgcolor='#000000'><p align='center'><font color='#FFFFFF'>تاريخ الإضافة</font></p></td>
      <td width='14%' bgcolor='#000000'><p align='center'><font color='#FFFFFF'>التصويت</font></p></td>
      <td width='7%' bgcolor='#000000'><p align='center'><font color='#FFFFFF'>الزيارات</font></p></td>
      
    </tr>";
// ================ القسم الاول فوق اللوب التكراري=============

$q = 1;
$i=1;
$bgcolor = '#FFF3DF';

while($i<=$q)
  {
// ================  نهاية القسم الفوقاني=================

while ( هنا اللوب التكراري()) {

echo "<tr>
      <td width='7%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiii</p></td>
      <td width='58%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiii</p></td>
      <td width='14%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiii</p></td>
      <td width='14%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiiiii</p></td>
      <td width='7%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiiiiiiiiiii</p></td>
      
    </tr>";
// ===================== القسم التحتاني===============
    
  if ($i++){
 if ($i ){
  $bgcolor = '#FFF8EC';
  } if ($i % 2){
  $bgcolor = '#FFF3DF';
 }
 }
}
}
echo "</table>
</div>";

//================ نهاية القسم التحتاني================= 

[مهند11]

عفوا نسيت وحذفت متغير الترقيم بالسطر 25

اللي يبغى يرقم الجداول يضع في السطر 25 المتغير $i

او يستبدل السطر كله بهذا

<td width='7%' bgcolor='$bgcolor'><p align='center'>$i</p></td>

[ahmad sadiq]

ممكن تعمل شيء من هذا القبيل:

<?php
$bg = array('red','yellow');
$index = -1;
for($i=0;$i<10;$i++)
{
echo "<p style='background:".$bg[max(0,$index)]."'>{$i}</p>";
$index *=-1;
}
?>

هذا بدون علاقة ب i

[مهند11]

ممكن تعمل شيء من هذا القبيل:

<?php
$bg = array('red','yellow');
$index = -1;
for($i=0;$i<10;$i++)
{
echo "<p style='background:".$bg[max(0,$index)]."'>{$i}</p>";
$index *=-1;
}
?>

هذا بدون علاقة ب i

كلام جميل
ولكن اعتقد انه لا يتجاوز 10 جداول في تكرار التناوب ... اليس كذلك ؟؟؟

انظر ........

for($i=0;$i<10;$i++) 

[ahmad sadiq]

يمكن ان تغير الحلقة كما تريد
إذ ان اختيار الألوان غير مرتبط ب i

[مهند11]

على فكرة اخوي
ترى الكود حقي ماله اي علاقة بحرف i

ما ادري ايش قصدك بالحرف i

اذا كنت تقصد الحروف الموجودة هنا

while ( هنا اللوب التكراري()) {

echo "<tr>
<td width='7%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiii</p></td>
<td width='58%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiii</p></td>
<td width='14%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiii</p></td>
<td width='14%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiiiii</p></td>
<td width='7%' bgcolor='$bgcolor'><p align='center'>iiiiiiiiiiiiiiiiiiiiii</p></td>

</tr>";
// ===================== القسم التحتاني

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

و هذا يدل انك ما ركزت على الكود كويس .

المتغير الذي يحدث تغيير الالوان هو

$bgcolor

اما المتغير التالي

$i

فهو يعمل ترقيم تلقائي للعرض .. وهذا فقط للراغبين فيه .. لانه يرقم العرض بدون الاعتماد على الايدي ..
اما الحروف

iiiiiiiiiiii

ليس لها اي فائدة وهي ليست من ضمن الكود ... وانما هي فقط لتسكير الفراغات اللي لازم ان تعبيها بمتغيرات اللوب التكراري القادم من قاعدة البيانات .

على العموم حصل خير

[ahmad sadiq]

اقصد الكود ما اله علاقة بالمتغير $i اللي في الكود عندي
يعني ممكن تغير حلقة التكرار ل while
وبالتالي 10 مش الحد النهائي
هيك يعني:

   <?php
$bg = array('red','yellow');
$index = -1;
while ($row = mysql_fetch_assoc($q))
{
echo "<p style='background:".$bg[max(0,$index)]."'>{$row['title']}</p>";
$index *=-1;
}
?>

وكودك الذي كتبته جميل ورائع لكني وضعت طريقة اخرى

شكرًا

[أشرف السمهوري]

أحمد صادق، طريقتك رائعة !

[مهند11]

اقصد الكود ما اله علاقة بالمتغير $i اللي في الكود عندي

وكودك الذي كتبته جميل ورائع لكني وضعت طريقة اخرى

شكرًا

احمد كودك رائع جدا
ولكن الاروع منه طيبتك . واخلاقك العالية .



تقبل تحياتي
مع فائق الاحترام

[مهند11]

أحمد صادق، طريقتك رائعة !

اشكرك على المرور اخي اشرف

[عبد الواحد البشيري]

يوجد حل عن طريق مكتبة Jquery

http://api.jquery.com/even-selector/

[ahmad sadiq]

يوجد حل عن طريق مكتبة Jquery

http://api.jquery.com/even-selector/

كلامك صحيح شيخ عبد الواحد
وال selectors اصلها من ال css

حيث يمكن ان نعملها بال css المحضة

<style>
table tr:nth-child(odd) td {background: silver; } 
</style>
<table>
<tr><td>ahmad</td></tr>
<tr><td>ahmad</td></tr>
<tr><td>ahmad</td></tr>
</table> 

وهذه قائمة بال selectors الموجودة في ال css
لكن بعضها لا يعمل مع صاحبنا الاكسبلورر
http://www.yourhtmlsource.com/stylesheets/advancedselectors.html

اتذكر اني رأيت هذه الامور في مجموعة دروس جميلة تتحدث عن التصميم
اسمها inspired css
وفيها عمل حركات كثيرة دون الاعتماد على الجافاسكربت


رابط الدرس(هوت لينك)
http://hotfile.com/dl/101471295/5347...s_006.flv.html

[غزوان]

اقصد الكود ما اله علاقة بالمتغير $i اللي في الكود عندي
يعني ممكن تغير حلقة التكرار ل while
وبالتالي 10 مش الحد النهائي
هيك يعني:

   <?php
$bg = array('red','yellow');
$index = -1;
while ($row = mysql_fetch_assoc($q))
{
echo "<p style='background:".$bg[max(0,$index)]."'>{$row['title']}</p>";
$index *=-1;
}
?>

وكودك الذي كتبته جميل ورائع لكني وضعت طريقة اخرى

شكرًا

افضل حــل