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

**الحائطي** · 10-09-2011

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

كود 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

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

**الحائطي** · 10-09-2011

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

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

**hussein.shy** · 10-09-2011

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

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

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

ممكن مثال!!

**الحائطي** · 11-09-2011

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

**hussein.shy** · 13-09-2011

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

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

جرب هذا الكود

كود 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

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

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

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

**hussein.shy** · 14-09-2011

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

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

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

**hussein.shy** · 14-09-2011

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

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

نعم

**الحائطي** · 14-09-2011

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

**hussein.shy** · 14-09-2011

تريده php او javascript

**الحائطي** · 14-09-2011

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

**hussein.shy** · 15-09-2011

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

مطلوب.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

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

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

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

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

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

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

عمل صفحه تأخذ من جدول فى قاعدة بيانات وتضع فى جدول اخر فى قاعدة بيانات اخرى

كود بحث عن الاسم داخل جدول

سؤال عن مشكلة بخصوص دالة عرض بيانات القاعدة داخل جدول

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