حبك ربك (على فكرة أنت رايح وطي في الحب !!! هذا باين من توقيعك ، الله يكون في عون المحبين !!!) .
أولا : كتابة وظيفة تؤدي إلى إخفاء أو إظهار الأسطر عند النقر على هدف معين (سطر في هذه الحاله ولكنه قد يكون صورة) .
<HEADER>
...
<SCRIPT LANGUAGE="JavaScript">
--!>
}( function toggle( myId
;(thisId=document.all(myId
("if (thisId.style.display == "none
;""= thisId.style.display
else
;"thisId.style.display = "none
{
<--//
<SCRIPT/>
...
<HEADER/>
ثانيا : إستخدام أوامر التصميم (Style Sheet) كالتالي :
;DIV.HeaderLine {font-size: 14pt
;"font-family: "Traditional Arabic
;font-weight: bold
;line-height: 12pt
;margin-right: 5pt
;color: gray
;background-color: black
;border-style: solid
;border-color: #C8C8C8
;border-top-width: 1px
;border-right-width: 0px
;border-bottom-width: 1px
;border-left-width: 0px
{;cursor: hand
;DIV.HiddenLine {font-size: 12pt
;"font-family: "Traditional Arabic
;line-height: 14pt
;margin-right: 10pt
{;color: black
يمكن حفظ هذه الأسطر في ملف خاص ، وليكن إسمه Style.css ، ثم في داخل صفحة HTML نكتب السطر التالي (السطر الثالث مما يلي):
<HTML>
<HEADER>
<LINK REL=STYLESHEET HREF="Style.css" TYPE="text/css">
...
<HEADER/>
...
يمكن كذلك إدخال أوامر التصميم السابقة في داخل صفحة HTML مباشرة (وليست في ملف خارجي) ، وذلك بإحاطتها بمفتاح <Style>...</Style> ، والإستغناء عن السطر السابق ( <LINK REL=STYLESHEET HREF="Style.css" TYPE="text/css"> ) .
هذه الأوامر فيها الكثير من الخصائص التي يمكنك حذفها ، ماعدا الخاصية التي تحدد نوع المؤشر (cursor:hand) فالأفضل إبقائها لأنها تخبر المستخدم بالمنطقة التي يمكنه نقر مؤشر الفأره عليها.
ثالثا : في داخل صفحتك أكتب الأسطر التاليه :
<Body>
DIV align="right" class="HeaderLine" onclick="toggle('HdnLn')"> <Click over this line to see more lines </DIV
DIV align="right" id="HdnLn" class="HiddenLine" style="display:'none
<Hidden line No. 1 <BR
<Hidden line No. 2 <BR
<Hidden line No. 3 <BR
<DIV/>
<Body/>
لاحظ مايأتي :
1- في الأسطر السابقة لم أتمكن من كتابة الرمز (... DIV> ) بهذا الشكل ، فإنتبه لإدخال علامة أكبر من قبل DIV (من يسارها) .
2- في نهاية الرمز DIV الثاني كان يجب غلقة كالتالي :
<"'style="display: 'none
ولكنني لم أستطع (هذا المحرر #@*& ) .
ملاحظة : أنا جديد على المنتديات العربية ، وقد وجدت صعوبة كبيرة في كتابة الأسطر بالإنجليزيه ، فظهر أغلبها بشكل خاطيء ولكني عجزت عن التصحيح ، مثلا نهاية الأسطر في JavaScript أو Style Sheet (من اليمين طبعا) تنتهي بالفاصلة المنقوطه الإنجليزيه التي تظهر على شكل فاصلة عربية منقوطة وهذا خطأ وكذلك فهي تقفز من نهاية السطر الإنجليزي (في اليمين) إلى نهايته اليسرى . أليست هناك طريقة لتضمين (Attach) بعض الملفات مع الرسالة ، لو كان هذا ممكنا لأرفقت لك صفحة HTML جاهزة. أعلم أنني أستطيع وضعها في مكان ما في الإنترنت و تحويلك إليها و لكن هذه العملية طويلة جدا .
إذا صادفتك مشاكل أو كان لديك أية إستفسارات فأخوك حاضر و ممنون . لو لم تعمل معك هذه الصفحة وأردت أن أرسلها لك بالبريد فهذا ممكن أيضا (قد يأخذ هذا وقتا) .
[b]<small><small>[ تم تعديل الموضوع بواسطة xeerh يوم 19-01-2000]
|