عرض بيانات سطر داخل جدول

الحائطي · 09-09-2011, 11:51 PM

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

كود PHP:

  <html dir="rtl">

 
<head>

<meta http-equiv="Content-Language" content="ar-sa">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>الاسم</title>

</head>

 
<body>

 
<div align="center">

    <table border="1" width="20%" id="table1" bgcolor="#FFFFFF">

        <tr>

            <td bgcolor="#FF00FF">&nbsp;الاسم</td>

            <td bgcolor="#FF00FF">الهاتف</td>

            <td bgcolor="#FF00FF">حذف</td>

        </tr>

        <tr>

            <td bgcolor="#FFFFFF">محمد خالد</td>

            <td bgcolor="#FFFFFF">123</td>

            <td bgcolor="#FFFFFF"><u>عرض البيانات</u></td>

        </tr>

        <tr>

            <td bgcolor="#FFFFFF">عبدالله</td>

            <td bgcolor="#FFFFFF">22</td>

            <td bgcolor="#FFFFFF"><u>عرض البيانات</u></td>

        </tr>

        <tr>

            <td bgcolor="#FFFFFF">نايف</td>

            <td bgcolor="#FFFFFF">44</td>

            <td bgcolor="#FFFFFF"><u>عرض البيانات</u></td>

        </tr>

        <tr>

            <td bgcolor="#FFFFFF">وليد</td>

            <td bgcolor="#FFFFFF">44</td>

            <td bgcolor="#FFFFFF"><u>عرض البيانات</u></td>

        </tr>

    </table>

</div>

 
</body>

 
</html>

hussein.shy · 10-09-2011, 01:01 AM

ارجوا التوضيح اكثر??

الحائطي · 10-09-2011, 02:21 PM

اشكر تفاعلك مع الموضوع

المطلوب عند الضغط على سطر يعرض بيانات السطر فقط بصفحه اخرى

hussein.shy · 10-09-2011, 04:19 PM

إقتباس:

المشاركة الأصلية بواسطة الحائطي

اشكر تفاعلك مع الموضوع

المطلوب عند الضغط على سطر يعرض بيانات السطر فقط بصفحه اخرى

ممكن مثال!!

الحائطي · 11-09-2011, 12:25 AM

هذا ابسط طريقة تبين المطلوب

hussein.shy · 13-09-2011, 07:20 AM

إقتباس:

المشاركة الأصلية بواسطة الحائطي

هذا ابسط طريقة تبين المطلوب

جرب هذا الكود

كود PHP:

  <html dir='rtl'>

<head>

<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>


function show(v){

document.getElementById('all').style.visibility='visible';


var a = document.getElementById(v).firstChild;
var b = a.nextSibling;
var c = b.nextSibling;


document.getElementById('name').innerHTML=a.innerHTML;
document.getElementById('phone').innerHTML=b.innerHTML;
document.getElementById('address').innerHTML=c.innerHTML;


}



</script>
</head>
<body>






<table border='1'>

<tr bgcolor='#eee'>
<td>الاسم</td>
<td>رقم الهاتف</td>
<td>العنوان</td>
</tr>




<tr id='aaa' onclick='show(this.id)'><td>محمد عبدالله</td><td>1234</td><td>الرياض</td></tr>




<tr id='bbb' onclick='show(this.id)'><td>احمد محمد</td><td>455</td><td>القاهرة</td></tr>



<tr id='ccc' onclick='show(this.id)'><td>خالد</td><td>567</td><td>567</td></tr>

</table>

<br /><br /><br />





<table id='all' style='visibility:hidden;' border='1'>

<tr bgcolor='#eee'>
<td>الاسم</td>
<td>رقم الهاتف</td>
<td>العنوان</td>
</tr>




<tr id='1' onclick='show(this.id)'>
<td id='name'></td>
<td id='phone'></td>
<td id='address'></td>
</tr>


</table>

</body>
<html>

الحائطي · 13-09-2011, 02:42 PM

hussein الله يعطيك العافيه نعم هذا المطلوب

ولاكن هناك اشكاليه الجدول قابل لاضافة بيانات المطلوب عند اضافة بيانات للجدول يتم عرضها بالجدول المنفرد تلقائي

ولكم خالص الشكر

hussein.shy · 14-09-2011, 12:39 AM

إقتباس:

المشاركة الأصلية بواسطة الحائطي

hussein الله يعطيك العافيه نعم هذا المطلوب

ولاكن هناك اشكاليه الجدول قابل لاضافة بيانات المطلوب عند اضافة بيانات للجدول يتم عرضها بالجدول المنفرد تلقائي

ولكم خالص الشكر

ليس عليك الا ان تزيد صفوف الجدول مع تغيير قيمة id الي قيمة منفردة ليست موجودة في الصفحة

مثال

كود PHP:

  <tr id='ddd' onclick='show(this.id)'><td>خالد</td><td>567</td><td>567</td></tr>

كود PHP:

  <tr id='eee' onclick='show(this.id)'><td>خالد</td><td>567</td><td>567</td></tr>

وهكذا مع تغيير قيمة id الي قيمة منفردة

الحائطي · 14-09-2011, 08:47 AM

هل يمكن فعل هذا بطريقه اوتموتيكيه
واشكر تفاعلك من بداية الموضوع

hussein.shy · 14-09-2011, 11:33 AM

إقتباس:

المشاركة الأصلية بواسطة الحائطي

هل يمكن فعل هذا بطريقه اوتموتيكيه
واشكر تفاعلك من بداية الموضوع

نعم

الحائطي · 14-09-2011, 11:58 AM

ياليت تعطيني كود العمليه اوتموتيكين وكون لك من الداعين وشاكرين

hussein.shy · 14-09-2011, 12:44 PM

تريده php او javascript

الحائطي · 14-09-2011, 02:03 PM

مطلوب.javascript الله يحفظك

hussein.shy · 15-09-2011, 03:39 AM

إقتباس:

المشاركة الأصلية بواسطة الحائطي

مطلوب.javascript الله يحفظك

كود PHP:

  <html dir='rtl'>

<head>

<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>

function cre(){
var za = document.info.data.value;
var allz = parseInt(za);

    document.getElementById('zqa').innerHTML="<tr bgcolor='#eee'><td>الاسم</td><td>رقم الهاتف</td><td>العنوان</td></tr>";

for(var x = 0; x<allz; x++)
{
    document.getElementById('zqa').innerHTML+="<tr id='"+x+"' onclick='show(this.id)'><td>"+x+"</td><td>"+x+"</td><td>"+x+"</td></tr>";
}



}



function show(v){

document.getElementById('all').style.visibility='visible';


var a = document.getElementById(v).firstChild;
var b = a.nextSibling;
var c = b.nextSibling;


document.getElementById('name').innerHTML=a.innerHTML;
document.getElementById('phone').innerHTML=b.innerHTML;
document.getElementById('address').innerHTML=c.innerHTML;


}



</script>
</head>
<body>
ادخل عدد الصفوف التي تريدها
<br />
<form onsubmit = 'return false' name='info' method='post' action=''>

<input type='text' name='data'>
<input onclick='cre()' type='submit' name='انشئ'>



</form>
<br />
<br />
<br />


<table id='zqa' border='1'>









</table>

<br /><br /><br />





<table id='all' style='visibility:hidden;' border='1'>

<tr bgcolor='#eee'>
<td>الاسم</td>
<td>رقم الهاتف</td>
<td>العنوان</td>
</tr>




<tr id='1' onclick='show(this.id)'>
<td id='name'></td>
<td id='phone'></td>
<td id='address'></td>
</tr>


</table>

</body>
<html>

الحائطي · 15-09-2011, 10:20 AM

يوجد مشكله بالكود لايعمل

hussein.shy · 15-09-2011, 06:58 PM

المشكلة مع متصفح الانترنت اكسبلورر

اما متصفح : كروم, فايرفوكس, اوبرا تشتغل تمام

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
بالغلط مسحت الي داخل جدول infractions	Emichat.Com	الإصلاح والصيانة	1	21-12-2009 06:18 PM
سؤال عن مشكلة بخصوص دالة عرض بيانات القاعدة داخل جدول	فيصل الغامدي	PHP	3	18-09-2008 05:04 AM
خطأ في الدالة file_get_contents داخل جدول .. أرجوا المساعده	Ps4Arab.com	PHP	10	15-05-2006 01:00 PM
طلب آخر عشر مواضيع داخل جدول	N9COM	الإصلاح والصيانة	4	04-01-2004 02:14 PM
كيفية نقل جداول قاعدة البيانات ( جدول جدول ) الى قاعدة بيانات جديدة	First Man	الإصلاح والصيانة	3	23-04-2003 09:32 PM

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة