dhtml: ط¥ط®ظپط§ط، ظƒط§ط¦ظ† ظ…ظ† طµظپط*ط© ظˆط§ط³طھط±ط¬ط§ط¹ ط¸ظ‡ظˆط±ظ‡


سيتم بحول الله التطبيق على جدول أنشأناه سابقا

رمز PHP:
<code style="white-space:nowrap"> <code> <TABLE ID=tableau BORDER=1 BGCOLOR=#F1F1F1>
<TR>
<TD COLSPAN=2 ALIGN=center><B> tableau</B></TD>
</TR>
<TR>
<TD>Youness</TD>
<TD>Ar4help.com</TD>
</TR>
</TABLE>
</code> </code>


www.************/table.html


id: ضرورية في درس مفصلنا وقد استعملناها هنا لاعطاء بعض الخصائص للشيء ، هنا جدول

ننشؤوا دالة اخفاء الجدول

رمز PHP:
<code style="white-space:nowrap"> <code> <SCRIPT>
function disparition()
{
if(document.getElementById)
document.getElementById("tableau").style.visibility = 'hidden'
}
</SCRIPT>
</code> </code>

hidden: هي اخفاء وهي تخفي تابل و ايد اي الجدول وخصائصه

if(document.getElementById): تتحقق من توافق المتصفح

عندما يتوافق فانها تخفي الجدول

لم يبقى لنا الا استدعاء الدالة برابط

رمز Code:
<A HREF=# onClick='disparition();return(false)'>by tableau</A>


by tableau: سيكون رابط نصي، عند الضغط عليه سيختفي الجدول من الصفحة، كأن الارض انشقت وبلعته ههه

لإظهار الجدول من جديد، ننشؤوا دالة معاكسة للاولى نفس الشرح طريقة فقط بدل اخفاء سيكون اظهار

رمز PHP:
<code style="white-space:nowrap"> <code> <SCRIPT>
function afficher()
{
if(document.getElementById)
document.getElementById("tableau").style.visibility = 'visible'
}
</SCRIPT>
</code> </code>

visible: هو الاظهار


ولايبقى الا استدعاء الدالة برابط بسيط فيتم استعادة الجدول



انتظر تطبيقاتكم
والله المستعان


http://************/forum/t2906.html#post11659



التعديل الأخير كان بواسطة يونس المغربي; 29 - 05 - 2014 الساعة 14:08





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©