استخراج النتائج من القاعدة وعرضها في أعمدة من div

**haidar** · 26-10-2010

السلام عليكم
أريد استخدم الـ div لعرض المحتويات من القاعدة في كم عمود
ممكن مساعدة؟
أشكركم مقدماً

CSS:

كود:

#blocktop {
	margin: 5px auto;
	width: 775px;
	padding-right: 3px;
}
.blockright {
	width: 49%;
	height: 160px;
	float: right;
	clear: both;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}
.blockleft {
	width: 49%;
	height: 160px;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}

HTML:

كود:

<div id="blocktop">

<div class="blockright">
Here result for query
</div>

<div class="blockleft">
Here result for query
</div>

</div>

PHP:

كود PHP:


$getbook = mysql_query("SELECT * FROM table WHERE hidden = '0' ORDER BY id DESC");
$nobook = mysql_num_rows($getbook);

if ($nobook=='0') {
echo "not found any result in db";
}

WHILE ($row = mysql_fetch_array($getbook)){
EXTRACT ($row);
echo "Here result for query";
}

**haidar** · 27-10-2010

وصلت للحل:
CSS:

كود:

#container {
	margin: 5px auto;
	width: 775px;
	padding-right: 3px;
}
.blockdiv {
	width: 49%;
	text-align: right;
	height: 160px;
	float: right;
}
.cls {
	clear: both;
}

PHP:

كود:

$getbook = mysql_query("SELECT * FROM table WHERE hidden = '0' ORDER BY id DESC");
$nobook = mysql_num_rows($getbook);

if ($nobook=='0') {
echo "not found any result in db";
}
<div id="container">
WHILE ($row = mysql_fetch_array($getbook)){

EXTRACT ($row);

echo "Here result for query";
<div class="blockdiv"></div>

$blockdiv++;
if($blockdiv == "2"){
echo "<div class=\"cls\"></div>";
$blockdiv = 0;
}

}  
echo "\</div>\";

كل شيء مضبوط، بس احتاج تعديلات بسيطة لضبط الشكل

**massalha** · 27-10-2010

وضعت مرة مثال لبناء قوائم بواسطة ديف
http://www.layan.us/go/div-inline-td/
لكن برأيي - يجب دائماً استعمال الشئ المناسب لك - ليس فقط المتطور ...

في حالة البيانات - الجداول هي الحل.

يجب علينا ان لا نركض وراء السي اس اس ونترك ابسط الحلول - فقط لأننا لا نريد استعمال تقنيات قديمة!؟!؟

**ahmad sadiq** · 27-10-2010

لضبط الشكل بسهولة استخدم grid system

http://960.gs/

اسهل حتى من الجداول
وهو ليس كبيرًا ايضًا
ويضبط الاعدادات على كل المتصفحات

**haidar** · 28-10-2010

الأستاذ شادي مصالحة
مشكور على المشاركة القيمة

بس افتكر الطريقتين في الأخير استخدمت
clear:both;
سي اس اس

أيضا لا أريد تمرير أي قيمة في اليو أر ال
get
أو
post

مجرد إنشاء حلقة لوب حين الاستعلام

**apitos** · 28-10-2010

هل من شرح بالعربية لنظام Grid System ؟

**haidar** · 28-10-2010

الأخ الكريم ahmad sadiq
أشكرك على الموقع
تحياتي

**ahmad sadiq** · 28-10-2010

ليس هناك شرح محدد لهذا النظام

السبب انه نظام بسيط جدًا

تضع عدة ملفات css في موقعك وتستعملها لضبط احجام واماكن العناصر في الموقع
عن طريق الخاصية class

كود PHP:


<div class="grid_8" id="tbl_title">
<div class="grid_2" >name</div>
<div class="grid_2">age</div>
<div class="grid_2">email</div>
</div>

كما ترى حددنا حجم ال tbl_title ب 8 عن طريق الخاصية class=grid_8
وبعدها ادخلنا العناصر الاخرى كأعمدة حجم كل واحد فيها هو 2 (class=grid_2)
تركنا مساحة بسيطة لل padding

هناك ايضًا class=container_16
وهو ايضًا يستعمل لضبط مقاسات الخلفية او "الحاوية"

طبعًا ملفات ال css للنظام لا تغني عن ملفاتك الخاصة التي يجب ان تحوي الالوان وغيره

فكرة النظام هو ان العناصر تدخل افقيًا
وعندما يمتلئ السطر الاول تنزل العناصر التالية للسطر الثاني

مثال:
http://askphp.info/grid
http://askphp.info/grid/grid.zip

الكود

كود PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="my.css" />
</head>
<body>
<div class="container_16" id="container">
<div class="grid_16" id=header>
<h1>Users List</h1>
</div>
<div class="grid_16" id=content>
<div class="grid_8" id="myTable">
<div class="grid_8" id="tbl_title">
<div class="grid_2" >name</div>
<div class="grid_2">age</div>
<div class="grid_2">email</div>
</div>
<?php
$data[0]['name'] = "ahmad";
$data[0]['age'] = 21;
$data[0]['email']= "test@test.com";
$data[1]['name'] = "mohammad";
$data[1]['age'] = 24;
$data[1]['email']= "test3213@test.com";
$data[2]['name'] = "ali";
$data[2]['age'] = 25;
$data[2]['email']= "test22@test.com";
$data[3]['name'] = "kareem";
$data[3]['age'] = 28;
$data[3]['email']= "kareem@test.com";

foreach ($data as $k=>$v)
{
if ($k % 2 ==0)
echo "<div class='grid_7' id=rowEven>";
else
echo "<div class='grid_7' id=rowOdd>";
echo "

<div class='grid_2'>{$v['name']}</div>
<div class='grid_2'>{$v['age']}</div>
<div class='grid_2'>{$v['email']}</div>
</div>";


}
?>
</div>
</div>
</div>

</body>
<html>

**massalha** · 28-10-2010

المشاركة الأصلية كتبت بواسطة haidar مشاهدة المشاركة

الأستاذ شادي مصالحة
مشكور على المشاركة القيمة

بس افتكر الطريقتين في الأخير استخدمت
clear:both;
سي اس اس

أيضا لا أريد تمرير أي قيمة في اليو أر ال
get
أو
post

مجرد إنشاء حلقة لوب حين الاستعلام

حيدر - اكرمك الله - استخدامي ل GET فقط كي ابرمج الدرس ...

**haidar** · 29-10-2010

ahmad sadiq
أردت تصفح الموقع وفهم الفكرة، أما شرحك كان في وقته

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

**massalha** · 29-10-2010

حيدر ...

استدعاء صفحة php, asp, aspx, cfm أو اي نوع آخر من سيرفر بواسطة جافا سكريبت يعني "تقنية أجاكس"
وهذه دروسها كثيرة في الانترنت ...

اذا كنت مبتدئ! لا انصحك بتعلم الاشياء المتقدمة - تمكن من الاساسيات ... وتكمنك من الاساسيات سيعطيك التقدم الثابت في الاشياء المتقدمة ...

لا بأس لو تتعلم أولاً ال html, css وبعدها البرمجة php وبعدها js وبعدها دمج كل التقنيات مع بعض ( بكلمات أخرى - ajax )

الموضوع: استخراج النتائج من القاعدة وعرضها في أعمدة من div

أدوات الموضوع

بحث في الموضوع

استخراج النتائج من القاعدة وعرضها في أعمدة من div

المواضيع المتشابهه

مشكلة في استخراج النتائج من جدولين حسب المعطيات

[استفسار] استخراج البيانات من القاعدة حسب حروف الهجاء

[شرح] كيفية استخراج مواضيع ذات صلة من القاعدة ؟

عدم استخراج النتائج بعد تطوير نسخة الـphp !

سوال برمجي5(جلب النتائج من القاعدة)

ضوابط المشاركة