الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مشكلة في ترتيب بيانات ال table

بدأه هالي الدهوكي في 26 أبريل 2014 · 8 رد · 701 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع
مرحبا شباب كيف الحال إن شاء الله بخير ... شباب انا عندي مشكلة و اتمنى هنا نحلها المشكلة ..
 
سوف اوضح الشرح عن طريق هذه الصورة .
 
610467899.jpg
 
شباب انا عندي قواعد بيانات كبيرة و كل حقل الي هو رقم 1 انا اضيف بيانات مثلا 100 بيانات براحتي عليه و يمكن هذا ال table الي هو رقم 1 يكون ارتفاعه مثلا لنقول 400px لكن عندما يصبح بأرتفاع مثلا 400px انه يخلي مسافة كبيرة بين الجدولين المرقمين ب 2 و 3 شوف المسافة بينهم كم كبيرة بسبب ارتفاع جدول رقم 1 انا الي اريده هو اذا يكون ارتفاع جدول رقم 1 حتى لو كان 900px لا يأثر على المسافة الي بين جدول رقم 2 و 3 يبقى مثل المسافة الي بين جدول 1 و ال 4 او مثل جدول ال 4 و ال 5 يعني ؟
 
و السكربت الي استخدمه انا هو هذا انا 
 
<?php


$selectservice = mysql_query("SELECT * FROM service");
$col = 0;
echo "<table align='center' cellpadding='10' cellspacing='0'>";
while($fetchservice = mysql_fetch_assoc($selectservice))
{
$sid = $fetchservice['sid'];
if ($col == 0)
echo ("<tr>");
echo("<td>");
$selectfromservice = mysql_query ("select * from servicepacks where ssid='$sid'")or die(mysql_error());

echo '
<table id="servicetable" style="clear:both;" cellpadding="0" cellspacing="0">
<tr>
<td id="servicetabletd1" style="background:'.$fetchservice['scolor'].'">'.$fetchservice['sname'].'</td>
<td id="servicetabletd2" style="background:'.$fetchservice['scolor'].'"><sup><?php $selectservice = mysql_query("SELECT * FROM service"); $col = 0; echo "<table align='center' cellpadding='10' cellspacing='0'>"; while($fetchservice = mysql_fetch_assoc($selectservice)) { $sid = $fetchservice['sid']; if ($col == 0) echo ("<tr>"); echo("<td>"); $selectfromservice = mysql_query ("select * from servicepacks where ssid='$sid'")or die(mysql_error()); echo ' <table id="servicetable" style="clear:both;" cellpadding="0" cellspacing="0"> <tr> <td id="servicetabletd1" style="background:'.$fetchservice['scolor'].'">'.$fetchservice['sname'].'</td> <td id="servicetabletd2" style="background:'.$fetchservice['scolor'].'"><sup>$</sup>'.$fetchservice['sprice'].'</td> </tr> <tr> <td id="servicetabletdtr1" colspan="2"> '; while($fetchfromservice = mysql_fetch_assoc($selectfromservice)){ echo $fetchfromservice['spname'].' : '.$fetchfromservice['spsname']."<br>"; } echo ' </td> </tr> <tr> <td id="servicetabletdtrsub" colspan="2"><input style="background:'.$fetchservice['scolor'].';" type="submit" value="اطلب هذه السلعة"/></td> </tr> </table> '; echo ("</td>"); $col++; if ($col == 3) { $col = 0; echo ("</td>"); } } // while loop ends here if ($col != 0) echo ("</tr>"); echo ("</table>"); ?> lt;/sup>'.$fetchservice['sprice'].'</td>
</tr>
<tr>
<td id="servicetabletdtr1" colspan="2">
';
while($fetchfromservice = mysql_fetch_assoc($selectfromservice)){
echo $fetchfromservice['spname'].' : '.$fetchfromservice['spsname']."<br>";
}
echo '
</td>
</tr>
<tr>
<td id="servicetabletdtrsub" colspan="2"><input style="background:'.$fetchservice['scolor'].';" type="submit" value="اطلب هذه السلعة"/></td>
</tr>
</table>
';
echo ("</td>");
$col++;
if ($col == 3)
{
$col = 0;
echo ("</td>");
}

} // while loop ends here
if ($col != 0)
echo ("</tr>");
echo ("</table>");
?>

 

 
لكل 3 مدخلات يضرب مسافة جديد انا اريد نفس هذا الشكل كل 3 مدخل يضرب br لكن بشرط اذا كان طول اي جدول اكثر من جدول الي جنبه لا يأثر عليه ؟ برأكم كيف احل هذا الموضوع ؟

Professional Technology Information

HTML , CSS , PHP , JQuery , Action Script

Photographic Designer & websites Designer : Dinamic Sites & photographic Sites & Flash Sites

IF YOU WANT SEE MY WORKS

VISIT THIS LINK

Prince Designs

#2

أخي العزيز

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

 

يجب ان تقوم بعمل جدول رئيسي مقسم الى 2 عمود

العمود الاول فيه الجداول 1و 4 و 5

أما العمود الثاني ففيه الجداول 2 و 3

وقم باستخدام valigen: top; في كلا العمودين

 

بهذه الطريقة ستحل المشكلة التي تواجهك الان

 

 

وشكرا

عبدالله

#3

اخي العزيز انا اعرف طريقتك هذه لكنني لم استفاد منها 

 

لانه يمكن احد جدوال رقم 2 اليمين او اليسار يكون محتواه طويل ؟ 

 

يعني في رقم 3 هنالك 4 جداول يمكن واحد منهم يكون محتواه طويل يعني يمكن لأي جدول الي هو داخل الأرقام يكون محتواه طويل او يمكن اي منهم ان يكون قصير .

تم تعديل هذه المشاركة بواسطة هالي الدهوكي في 26 أبريل 2014 في 17:40

Professional Technology Information

HTML , CSS , PHP , JQuery , Action Script

Photographic Designer & websites Designer : Dinamic Sites & photographic Sites & Flash Sites

IF YOU WANT SEE MY WORKS

VISIT THIS LINK

Prince Designs

#4

أخي الفاضل

 

قم بتجربة هذا الكود كما هو وستتضح لك الطريقة ولن يكون هناك علاقة بين العمود الاول والعمود الثاني

فانه مهما كان ارتفاع العمود الاول فلن يأثر على العمود الاخر

<table border="0" style="width: 100%;">
        <tr>
            <td style="vertical-align: top; width: 50%;">
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
                ضع الجداول 2 و3 <br />
            </td>
            <td style="vertical-align: top; width: 50%;">
                ضع الجداول 1 و 4 و 5
            </td>
        </tr>
    </table>
1
#5

اخي انك لحد الان لم تفهم مشكلتي بشكل واضح

 

شو الصورة اوضحلك على الصورة بشكل اكثر 

اخي شوف الجداول مثل الأمثلة ( مثال 1 و مثال 2 و مثال 3 و مثال رقم 4 و مثال رقم 5 و مثال رقم 6 ارتفاعهم غير محدود و اي شئ يضيف بال بيانات ارتفاعه غير محدود يمكن يكون قصير جدا او يمكن يكون طويل جدا فلذلك يجب ان تكون المسافة بينهم من تحت مسافة الي هي مؤشرة بلون الأصفر مثل المسافة بين مثال 3 و مثال رقم 6 يعني في هذه الحالة يجب على مثال رقم 4 و مثال رقم 5 يتمددوا لفوق بحيث يبقى مسافة بين مثال 1 و مثال رقم 4 مثل مثال رقم 3 و مثال رقم 6 و كذلك المسافة بين مثال 2 و مثال رقم 5

 

276433215.jpg

 

في هذه الحالة يجب ان يتمدد مثال 4 و 5 يتمدد الى فوق تحت مثال 1 و 2

تم تعديل هذه المشاركة بواسطة هالي الدهوكي في 27 أبريل 2014 في 20:56

Professional Technology Information

HTML , CSS , PHP , JQuery , Action Script

Photographic Designer & websites Designer : Dinamic Sites & photographic Sites & Flash Sites

IF YOU WANT SEE MY WORKS

VISIT THIS LINK

Prince Designs

#6

السلام عليكم

 

يا اخي

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

 

في المثال السابق كان عندك 2 عمود

والحل هو ان تقوم بانشاء جدول جديد من 2 عمود ثم نقل الجداول في كل عمود بشكل مستقل

وفي المثال الاخير يوجد عندك 3 أعمدة فيجب ان تقوم بانشاء جدول جديد يتكون من 3 اعمدة ونقل كل عمود من المثال في عمود مستقل داخل الجدول الجديد

 

أرجو ان تكون الفكرة قد وصلت

 

وشكرا

1
#7

اخي هذه الفكرة اعرفها يعني تقصد مثلا

اصنع 3 عمود و كل عمود يستورد من نفس الجدول من قاعدة بيانات بس مثلا برقم ثاني مثلا

لو جيت انا ادخل بيانات اقوله يتم اضافة هذا المدخل الجديد مثلا في المنتصف عن طريق وضع رقم للنصف مثلا 2 و رقم اليمين 1 و رقم اليسار 3 

و في هذه 3 عواميد استدعي مثلا

في عمود الأول استدعي كل بيانات الي هي رقم 1 و في المنتصفح استدعي كل بيانات الي هي رقمها 2 و في اليسار استدعي كل بيانات رقمها 3 .
لكن اخي هذه الطريقة لم احبها قط لانها ما عاجبتني بصراحة فهنالك طرق مثلا يتمدد ال Td حسب محتواه مثلا طوله و عرضه .

 

The-Wall-Media-Gallery-jQuery-powered-54

 

شوف هل سكربت معرض صور و كل صورة لها قياس مختلف لكن مع هذا شوف الترتيب كيف صاير

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

Professional Technology Information

HTML , CSS , PHP , JQuery , Action Script

Photographic Designer & websites Designer : Dinamic Sites & photographic Sites & Flash Sites

IF YOU WANT SEE MY WORKS

VISIT THIS LINK

Prince Designs

#8

+ اخي شوف انا فهمت عليك هوايا بس الطريقة الي انت مقدمها مو مثل الطريقة الي انا اريدها ..

طريقتك هي هذه لما اجي اضيف اي شئ لازم اختار مكانه مثلا يمين او يسار او في المنتصف يدخل مثلا لكل موضوع مثلا rows بتاعة في قاعدة ايه مثلا right or left or center و عند استدعاء اخلي الي في القاعدة row بتاعة يمين يطبع في اليمين و الي في اليسار يطبع في اليسار و الي في المنتصف يطبع في المنتصف مثل نضام بلوكات تقريبا ...  بس هل ستكون معي لجلب حل لطريقة الي انا اريدها ؟ او مليت :D ههه

 

677669864.jpg

 

بهذا الشكل ايضا تم حل المشكلة لكن بأضافة right و center و left في قاعدة بينانات و استدعاء حسب المكان . :) لكن الطريقة الي انا اريده كلما ضفت شئ يرتب من نفسه مثل معارض صور التي تصمم في jquery تلاحظ لكل صورة ارتفاع و عرض غير محدد اي مختلف عن الأخر .

تم تعديل هذه المشاركة بواسطة هالي الدهوكي في 28 أبريل 2014 في 04:09

Professional Technology Information

HTML , CSS , PHP , JQuery , Action Script

Photographic Designer & websites Designer : Dinamic Sites & photographic Sites & Flash Sites

IF YOU WANT SEE MY WORKS

VISIT THIS LINK

Prince Designs

#9

خليهم جدولين كل جدول مكون من حقل واحد فقط ولا يكونان ذات علاقة وانتهت المشكلة

او ضع جدول اخر غي كل حقل ما رايك

مواضيع مشابهة