ممكن طريقة عمل الحركة هذي .. ؟ JavaScript

Important · 05-01-2006, 02:54 AM

السلام عليكم , كيف اسوي الحركة هذي (الحركة عن طريق الجافا سكريبت) .

هنا نموذج للي ابغاه .

http://www.arabip.com/order.php

لاحظ عند الضغط على كلمة
عميل حالى
او
عميل جديد
يظهر النموذج تحته .. ؟ كيف اسويها ؟

منتشرة كثير بين المواقع . بس ما لقيت شرح او طريقة لها !!

بنتظاركم

وتحياتي لكم

mezoo · 05-01-2006, 03:00 PM

السلام عليكم ورحمة الله وبركاته

تفضل أخي الطريقة

هي تعتمد فى أخفاء جزئ معين فى الصفحة على الـCSS

أضف هذا للجدول مثلاً أو الـdiv

كود بلغة HTML:

style="display : none;"

مثلاً

كود بلغة HTML:

<table style="display : none;" id="test"> <tr> <td>من يتق الله يجعل له مخرجاً</td> </tr> </table>

ملحوظة تم أضافة الـid="test" حتي تتمكن الجافا سكريبت من التعامل مع الفورم

ونأتي الأن لدالة الجافا سكريبت التي ستقوم بتغير قيمة الـdisplay لكي يظهر الجدول

كود PHP:

  <SCRIPT LANGUAGE="JAVASCRIPT">

function showvalue(varObjID){

    if(document.getElementById(varObjID).style.display=="none") // لأختبار الحالة إن كانت مخفية

        {

            document.getElementById(varObjID).style.display="block";

    }

        else

        {

            document.getElementById(varObjID).style.display="none";

        }

    }

</SCRIPT>

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

كود بلغة HTML:

<a href="javascript: showvalue(test);">Show / Hide</a>

بس

وممكن تستخدم
onClick

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