السلام عليكم
عندي طلب ، انا بعمل سكربت مكتبة بسيط ، الان في لوحة التحكم اريد عمل نظام [+] ، اذا ضغطت عليها يفتح خلية تحت الخلية الموجود فيها الرمز ، يعني نظام التوسيع Expanding and Collapsing table اذا في احد يعرف ياريت يفيدني و شكرا للجميع :)
السلام عليكم
عندي طلب ، انا بعمل سكربت مكتبة بسيط ، الان في لوحة التحكم اريد عمل نظام [+] ، اذا ضغطت عليها يفتح خلية تحت الخلية الموجود فيها الرمز ، يعني نظام التوسيع Expanding and Collapsing table اذا في احد يعرف ياريت يفيدني و شكرا للجميع :)
انا فهمت انت عايز ايه تقريبا بس انا مش بعرف فى java script اوى
بس ححاول معاك اوصل للنتيجة المطلوبة بطريقة او بأخرى إن شاء الله
دى دالة بتغير حالة الـ display
function toggle(thing){
var obj=document.getElementById(thing);
(obj.style.display=="" || obj.style.display=="block")? obj.style.display="none" : obj.style.display='';
return false;
}
دة تطبيق عليها
<script language='javascript'>
<!--
function toggle(thing){
var obj=document.getElementById(thing);
(obj.style.display=="" || obj.style.display=="block")? obj.style.display="none" : obj.style.display='';
return false;
}
-->
</script>
<a href="#" onclick="return toggle('box');">+</a>
<div id='box' style='display:block'>
can u c me?
</div>
دى معتقدش انها الطريقة الصحيحة لكن اعتقد انها حتنفذلك نفس غرضك إن شاء الله :)
_____
الموضوع منقول الى القسم المناسب
سلام عليكم
شكرا كتير اخي شريف على المساعده
و معلش اتحملني ، الان اين اضع هذه الداله في الجدول ؟؟
شكرا جزيلا
مرحبا مجددا
الدالة تعمل بشكل جيد فهي تخفي كلمة can u see me ? ، لكني اريدها ان تخفي خليه كاملة
حاولت عمل الاتي
<a href="#" onclick="return toggle('box');">+</a>
<span style="font-size: 12px" lang="ar-eg">خيارات الأقسام</span></p>
</td>
</tr>
<tr>
<td valign="middle" bgcolor="#FDD5D5" height="122">
<ul>
<li>
<p style="margin-top: 0; margin-bottom: 0">
<span style="font-size: 12" lang="ar-eg"><a href="add_cat.htm">اضافة
قسم</a></span></p>
</li>
<li>
<p style="margin-top: 0; margin-bottom: 0">
<span style="font-size: 12" lang="ar-eg"><a href="edit_cat.php">
تعديل قسم</a></span></p>
</li>
</ul>
<p style="margin-top: 0; margin-bottom: 0"> </p>
<div id="box" style="display:block">
can u c me? </div>
</td>
</tr>كيف يمكنني اخفاء الخلية في الأسفل
شكرا لك
تم تعديل هذه المشاركة بواسطة يساري في 31 أكتوبر 2005 في 05:02
عند الضغط على + بنستدعى الدالة toggle و معاها القيمة box
box هو الـ id بتاع الوسم الى احنا حنخفى محتوياته ( div - span - table - tr ... )
بالتالى انت اضف id=box داخل الوسم tr فى المثال الى انت ذكرته :)
هذا الموضوع مغلق.