مطلوب اخفاء جدول عند بداية عرض الصفحة

**هاني سلامه السيوفي** · 23-02-2008

هذا نموذج بسيط لاحد الاخبار
المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "
وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.

كود PHP:


<html dir="rtl">

<head>

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

<title>NEWS</title>

<meta name="Microsoft Theme" content="iris 1011">

</head>

<body><div align="center">

<font color="#731202"><b>هذا نموذج بسيط لاحد الاخبار<br> المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "<br> وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.</b></font><br><br>  





<? -------------------- START TABLE1 -------------------- ?>

<table border="1" width="60%">

 <tr><td bgcolor="#FFFBFF">

        <p align="center"><b><font color="#FF0000"><br>سوزان مبارك تفتتح قصر ثقافة عين حلوان والحديقة اليابانية</font></b><br>لرؤية الخبر اضغط &quot; التفاصيل &quot; ادناه</p>

    <form method="POST"><p align="center"><input type="submit" value="التفاصيل" name="B1"></p></form>

 </td></tr>

</table>

<? -------------------- END TABLE1 -------------------- ?>

 

&nbsp;



<? -------------------- START TABLE2 -------------------- ?>

<table border="1" width="60%" cellspacing="1" cellpadding="5">

 <tr><td align="right" dir="rtl" bgcolor="#FFFBFF">

        <font color="#000080"><p>دعت السيدة سوزان مبارك قرينة رئيس الجمهورية إلي ضرورة دعم مكتبات المدارس في منطقة حلوان‏,‏ كما دعت الشباب إلي الاستفادة بكل ما يقدم في قصور الثقافة من أنشطة‏.‏<br>

        جاء ذلك خلال افتتاحها أمس قصر ثقافة عين حلوان‏,‏ والحديقة اليابانية بعد تطويرهما‏,‏ حيث تفقدت ـ خلال جولتها بحلوان ـ مشروع تطوير العشوائيات بالمشاركة‏,‏ الذي تنفذه جمعية الرعاية المتكاملة‏.</p></font></td>

        <td><img src="http://tbn0.google.com/images?q=tbn:Qe5-dD21r4ysoM:http://www.ndp.org.eg/Upload/News/Large/26998/%D8%B3%D9%88%D8%B2%D8%A7%D9%86%2520%D9%85%D8%A8%D8%A7%D8%B1%D9%83%2520p.jpg"></td>

 </tr>

</table>

<? -------------------- END TABLE2 -------------------- ?>





</div></body>

</html>

ان شاء الله المثال واضح
وان احتجتم لايضاح اكثر لا مشكلة

**hilaby** · 23-02-2008

اقرء في هذه الرابط
mootools demos - Accordion
واذا اردت مثال جاهز اذهب الى هذا الموقع

**هاني سلامه السيوفي** · 23-02-2008

ما هذا الذى وضعته يا اخى !
ليس له علاقة بطلبى !!
يبدو انك اخطأت الموضوع !

**هاني سلامه السيوفي** · 23-02-2008

بأنتظار باقى الاخوة ..

**احمد شكر** · 23-02-2008

تفضل

كود PHP:






<html dir="rtl">

<head>

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

<title>NEWS</title>

<meta name="Microsoft Theme" content="iris 1011">

</head>

<body><div align="center">

<font color="#731202"><b>هذا نموذج بسيط لاحد الاخبار<br> المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "<br> وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.</b></font><br><br>  





<? 

 swicth($_GET[show])

 {

   default:

  {



?>

<table border="1" width="60%">

 <tr><td bgcolor="#FFFBFF">

        <p align="center"><b><font color="#FF0000"><br>سوزان مبارك تفتتح قصر ثقافة عين حلوان والحديقة اليابانية</font></b><br>لرؤية الخبر اضغط &quot; التفاصيل &quot; ادناه</p>

    <form method="POST"><p align="center"><input type="submit" value="التفاصيل" name="B1"></p></form>

 <br>

 <a href='index.php?show=full&id=<? echo $id; ?>'>التفاصيل</a>

</td></tr>

</table>

<? 

  }

?>

 

&nbsp;



<? 

 case 'full':

  {

?>

<table border="1" width="60%" cellspacing="1" cellpadding="5">

 <tr><td align="right" dir="rtl" bgcolor="#FFFBFF">

        <font color="#000080"><p>دعت السيدة سوزان مبارك قرينة رئيس الجمهورية إلي ضرورة دعم مكتبات المدارس في منطقة حلوان‏,‏ كما دعت الشباب إلي الاستفادة بكل ما يقدم في قصور الثقافة من أنشطة‏.‏<br>

        جاء ذلك خلال افتتاحها أمس قصر ثقافة عين حلوان‏,‏ والحديقة اليابانية بعد تطويرهما‏,‏ حيث تفقدت ـ خلال جولتها بحلوان ـ مشروع تطوير العشوائيات بالمشاركة‏,‏ الذي تنفذه جمعية الرعاية المتكاملة‏.</p></font></td>

        <td><img src="http://tbn0.google.com/images?q=tbn:Qe5-dD21r4ysoM:http://www.ndp.org.eg/Upload/News/Large/26998/%D8%B3%D9%88%D8%B2%D8%A7%D9%86%2520%D9%85%D8%A8%D8%A7%D8%B1%D9%83%2520p.jpg"></td>

 </tr>

</table>





<? 

  }

}

?>





</div></body>

</html>

**daif** · 24-02-2008

أفضل إستخدام JQuery فهي أفضل مكتبة جافا اسكربت يمكن عمل تاثيرات بها على الصفحة.
موقع المكتبه jQuery: The Write Less, Do More, JavaScript Library
دليل سريع للمكتبه http://www.visualjquery.com/

**hilaby** · 24-02-2008

هاني، لو سمحت لا تحكم قبل ما تقراء، الاخ ضيف "Daif" اشار الى نفس الحل، ولكن بواسطة مكتبة اخرى معادلة في المهام، ولكن المكتبة اللذي اشار الية اقوى ولكنه ليس مناسب للمبتدئين.
يوجد احتمال ان الاخ ضيف لايوافق الرأي معي ولكن هو شخص متقدم والشخص المتقدم في البرمجة يرى كل شيء سهل.
وشكراً على الاضافه يا ضيف الله

**هاني سلامه السيوفي** · 24-02-2008

حسناً اخى . اشكرك على مشاركتك ومتابعتك للموضوع

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

هاني، لو سمحت لا تحكم قبل ما تقراء، الاخ ضيف "Daif" اشار الى نفس الحل، ولكن بواسطة مكتبة اخرى معادلة في المهام، ولكن المكتبة اللذي اشار الية اقوى ولكنه ليس مناسب للمبتدئين.
يوجد احتمال ان الاخ ضيف لايوافق الرأي معي ولكن هو شخص متقدم والشخص المتقدم في البرمجة يرى كل شيء سهل.
وشكراً على الاضافه يا ضيف الله

**هاني سلامه السيوفي** · 24-02-2008

الكود لم يعمل اخى للأسف
هل من كود اخر او طريقة اخرى

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

تفضل

كود PHP:






<html dir="rtl">

<head>

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

<title>NEWS</title>

<meta name="Microsoft Theme" content="iris 1011">

</head>

<body><div align="center">

<font color="#731202"><b>هذا نموذج بسيط لاحد الاخبار<br> المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "<br> وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.</b></font><br><br>  





<? 

 swicth($_GET[show])

 {

   default:

  {



?>

<table border="1" width="60%">

 <tr><td bgcolor="#FFFBFF">

        <p align="center"><b><font color="#FF0000"><br>سوزان مبارك تفتتح قصر ثقافة عين حلوان والحديقة اليابانية</font></b><br>لرؤية الخبر اضغط &quot; التفاصيل &quot; ادناه</p>

    <form method="POST"><p align="center"><input type="submit" value="التفاصيل" name="B1"></p></form>

 <br>

 <a href='index.php?show=full&id=<? echo $id; ?>'>التفاصيل</a>

</td></tr>

</table>

<? 

  }

?>

 

&nbsp;



<? 

 case 'full':

  {

?>

<table border="1" width="60%" cellspacing="1" cellpadding="5">

 <tr><td align="right" dir="rtl" bgcolor="#FFFBFF">

        <font color="#000080"><p>دعت السيدة سوزان مبارك قرينة رئيس الجمهورية إلي ضرورة دعم مكتبات المدارس في منطقة حلوان‏,‏ كما دعت الشباب إلي الاستفادة بكل ما يقدم في قصور الثقافة من أنشطة‏.‏<br>

        جاء ذلك خلال افتتاحها أمس قصر ثقافة عين حلوان‏,‏ والحديقة اليابانية بعد تطويرهما‏,‏ حيث تفقدت ـ خلال جولتها بحلوان ـ مشروع تطوير العشوائيات بالمشاركة‏,‏ الذي تنفذه جمعية الرعاية المتكاملة‏.</p></font></td>

        <td><img src="http://tbn0.google.com/images?q=tbn:Qe5-dD21r4ysoM:http://www.ndp.org.eg/Upload/News/Large/26998/%D8%B3%D9%88%D8%B2%D8%A7%D9%86%2520%D9%85%D8%A8%D8%A7%D8%B1%D9%83%2520p.jpg"></td>

 </tr>

</table>





<? 

  }

}

?>





</div></body>

</html>

**هاني سلامه السيوفي** · 24-02-2008

يا هلا فيك اخى الغالى
والله كما قال الاخ الكريم انا اعتبر ضمن تعداد المبتدئين
ولهذا ولا عليك امر ممكن تعطينى الكود بعد التعديل
حتى لو استخدمنا IF او JQuery او اى طريقة اخرى
ولتبسيط الطلب هذا شرح بسيط

مثلا الصفحة بها جدولين TABLE1 , TABLE2
الجدول الاول به زر " SUBMIT "
عند الضغط عليه يعرض الجدول الثانى ' مع اختفاء الجدول الاول'

ارجو ان يكون الشرح واضح وبسيط
ولا يهم ان يكون التطبيق على الكود الذى قمت بوضعه فى الموضوع هذا فقط مثال للايضاح
يمكنكم الاستغناء عنه وصنع اى كود اخر يفى بالغرض
وشكرا لمتابعتكم للموضوع

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

أفضل إستخدام JQuery فهي أفضل مكتبة جافا اسكربت يمكن عمل تاثيرات بها على الصفحة.
موقع المكتبه jQuery: The Write Less, Do More, JavaScript Library
دليل سريع للمكتبه http://www.visualjquery.com/

**daif** · 24-02-2008

جرب المرفق

**هاني سلامه السيوفي** · 24-02-2008

ما شاء الله اخى
الكود بسيط وسهل الفهم
ونتيجته جد رائعة
ولكن اسمحلى اخى وما عليك امر هناك مشكلة بسيطة
فعند تحديث الصفحه يعود الجدولين كما هما.
اى ان الجدول الاول يظهر والجدول الثانى يختفى
وانا اريد ان يظل الجدول الثانى مفتوح ولا يظهر الجدول الاول مره ثانية
حتى اذا كان باستخدام ;return false او اى شىء اخر
اذا تستطيع مساعدتي اخى والله تكون مشكور جدا
وشكرا على المتابعة

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

جرب المرفق

**Zizwar** · 24-02-2008

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

كود PHP:


<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>NEWS</title>
<meta name="Microsoft Theme" content="iris 1011">
<script language="JavaScript">
<!--
show = function(){

var table2 = document.getElementById("table2")
var table1 = document.getElementById("table1")

//-----
if(table2.style.display == "none"){
    table2.style.display = "";
        table1.style.display = "none";
    }else{
        table2.style.display = "none";
        table1.style.display = "";
    }

}
//-->
</script>
</head>
<body><div align="center">
<font color="#731202"><b>هذا نموذج بسيط لاحد الاخبار<br> المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "<br> وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.</b></font><br><br>  


<? -------------------- START TABLE1 -------------------- ?>
<table border="1" width="60%" id="table1">
 <tr><td bgcolor="#FFFBFF">
        <p align="center"><b><font color="#FF0000"><br>سوزان مبارك تفتتح قصر ثقافة عين حلوان والحديقة اليابانية</font></b><br>لرؤية الخبر اضغط &quot; التفاصيل &quot; ادناه</p>
   <p align="center"><input type="button" value="التفاصيل" name="B1" onclick="show()"></p>
 </td></tr>
</table>
<? -------------------- END TABLE1 -------------------- ?>
 
&nbsp;

<? -------------------- START TABLE2 -------------------- ?>
<table border="1" width="60%" cellspacing="1" cellpadding="5" style="display:none" id="table2">
 <tr><td align="right" dir="rtl" bgcolor="#FFFBFF">
        <font color="#000080"><p>دعت السيدة سوزان مبارك قرينة رئيس الجمهورية إلي ضرورة دعم مكتبات المدارس في منطقة حلوان‏,‏ كما دعت الشباب إلي الاستفادة بكل ما يقدم في قصور الثقافة من أنشطة‏.‏<br>
        جاء ذلك خلال افتتاحها أمس قصر ثقافة عين حلوان‏,‏ والحديقة اليابانية بعد تطويرهما‏,‏ حيث تفقدت ـ خلال جولتها بحلوان ـ مشروع تطوير العشوائيات بالمشاركة‏,‏ الذي تنفذه جمعية الرعاية المتكاملة‏.</p></font></td>
        <td><img src="http://tbn0.google.com/images?q=tbn:Qe5-dD21r4ysoM:http://www.ndp.org.eg/Upload/News/Large/26998/%D8%B3%D9%88%D8%B2%D8%A7%D9%86%2520%D9%85%D8%A8%D8%A7%D8%B1%D9%83%2520p.jpg"></td>
 </tr>
</table>
<? -------------------- END TABLE2 -------------------- ?>


</div></body>
</html>

لكن مسألة ان يبقى الجدول الثاني مفتوحا فيجب ان تعتمد على الكوكيز

**هاني سلامه السيوفي** · 24-02-2008

جزيل الشكر لك اخى الغالى
هذا ما كنت اتكلم عنه
استخدامك IF سهل وبسيط وافادنى كثيرا
لكم جزيل الشكر اخوانى ' daif,Zizwar'
حقاً فى سوالف" المعلومة تأتى اولاً "
شكراً للمتابعة

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

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

كود PHP:


<html dir="rtl">

<head>

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

<title>NEWS</title>

<meta name="Microsoft Theme" content="iris 1011">

<script language="JavaScript">

<!--

show = function(){



var table2 = document.getElementById("table2")

var table1 = document.getElementById("table1")



//-----

if(table2.style.display == "none"){

    table2.style.display = "";

        table1.style.display = "none";

    }else{

        table2.style.display = "none";

        table1.style.display = "";

    }



}

//-->

</script>

</head>

<body><div align="center">

<font color="#731202"><b>هذا نموذج بسيط لاحد الاخبار<br> المطلوب هو اخفاء الجدول الثانى عند بداية عرض الصفحة ولا يظهر الا حينما يتم الضغط على مفتاح " التفاصيل "<br> وحينما يظهر الجدول الثانى . يختفى الجدول الاول ويظهر الثانى بدلا منه.</b></font><br><br>  





<? -------------------- START TABLE1 -------------------- ?>

<table border="1" width="60%" id="table1">

 <tr><td bgcolor="#FFFBFF">

        <p align="center"><b><font color="#FF0000"><br>سوزان مبارك تفتتح قصر ثقافة عين حلوان والحديقة اليابانية</font></b><br>لرؤية الخبر اضغط &quot; التفاصيل &quot; ادناه</p>

   <p align="center"><input type="button" value="التفاصيل" name="B1" onclick="show()"></p>

 </td></tr>

</table>

<? -------------------- END TABLE1 -------------------- ?>

 

&nbsp;



<? -------------------- START TABLE2 -------------------- ?>

<table border="1" width="60%" cellspacing="1" cellpadding="5" style="display:none" id="table2">

 <tr><td align="right" dir="rtl" bgcolor="#FFFBFF">

        <font color="#000080"><p>دعت السيدة سوزان مبارك قرينة رئيس الجمهورية إلي ضرورة دعم مكتبات المدارس في منطقة حلوان‏,‏ كما دعت الشباب إلي الاستفادة بكل ما يقدم في قصور الثقافة من أنشطة‏.‏<br>

        جاء ذلك خلال افتتاحها أمس قصر ثقافة عين حلوان‏,‏ والحديقة اليابانية بعد تطويرهما‏,‏ حيث تفقدت ـ خلال جولتها بحلوان ـ مشروع تطوير العشوائيات بالمشاركة‏,‏ الذي تنفذه جمعية الرعاية المتكاملة‏.</p></font></td>

        <td><img src="http://tbn0.google.com/images?q=tbn:Qe5-dD21r4ysoM:http://www.ndp.org.eg/Upload/News/Large/26998/%D8%B3%D9%88%D8%B2%D8%A7%D9%86%2520%D9%85%D8%A8%D8%A7%D8%B1%D9%83%2520p.jpg"></td>

 </tr>

</table>

<? -------------------- END TABLE2 -------------------- ?>





</div></body>

</html>

لكن مسألة ان يبقى الجدول الثاني مفتوحا فيجب ان تعتمد على الكوكيز

الموضوع: مطلوب اخفاء جدول عند بداية عرض الصفحة

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

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

مطلوب اخفاء جدول عند بداية عرض الصفحة

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

اريد اخفاء الصفحة

تعلـــم طريقة تطبيق جافا في اخفاء جدول صوره او جمله واظهاره

كيف أجعل جدول table يأخذ كل مساحة الصفحة

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