خلية سرية تعرض بمرور الماوس أو نقرة ماوس
الكود التالي ظريف جدا جدا جدا ... إستغرق مني إيجاده 3 أشهر وكلما وجدته كان طويل جدا ومعقد أو يحتاج لملفات خارجية ... لكن بتوفيق من رب العالمين ... تمكنت هذا اليوم من برمجة الكود بإختصار ووضوح وبدون ملفات خارجية ... ويمكن إستخدامه في أي مكان تحب وبأي طريقة تحب .
وظيفة الكود هو عرض خلية سرية من جدول أو حتى محتوى عادي بمجرد مرور الماوس أو بالنقر حسب ما تحدده له .
وهذا الكود مفيد جدا في إختصار طول الصفحات بحيث تعرض البيانات الغير مطلوبه وقت الحاجة فقط كالحقوق مثلا أو محتوى موضوع معين أو كل ما ترغب في إخفائه .
إستخدام آخر للكود : يمكن عمل قوائم متفرعه بحيث تعرض المكونات الفرعية أو تغلق عند النقر على الرابط الأساسي والكثير الكثير ... المهم هو أن تتفهم الكود جيدا عندها بإمكانك الإبداع .
والآن اليكم الكود السحري والسر في id=secret يعني التركيز على الـ id ويجب أن يكون لكل إستخدام id مختلف ليتعرف عليه الكود .
مثال على الكود من هناكود PHP:
<html dir="rtl">
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>خلية سرية</title>
</head>
<body>
<div><b>خلية سرية : </b> <a onmouseover="javascript:void(document.getElementById('secret').style.display ='block')" onmouseout="javascript:void(document.getElementById('secret').style.display ='none')" href="1.php">تفتح وتغلق بمرور وإبتعاد الماوس من هنا</a></div><br>
<div><b>خلية سرية</b> <a href="javascript:void(document.getElementById('secret').style.display = (document.getElementById('secret').style.display == 'block' ? 'none' : 'block'))" title="نقره لعرض وإخفاء المحتويات">تفتح وتغلق بالنقر هنا</a></div>
<table><tr>
<td id="secret" style="display: none;">
<br><br><br><br><br><br>
محتويات الخلية السرية والمخفية
<br><br><br>
</td></tr></table>
</body>
</html>
تحياتي .
رد مع اقتباس
مشاركة: خلية سرية تعرض بمرور الماوس أو نقرة ماوس
المشاركة الأصلية كتبت بواسطة أبو عبد الرحمن
مواقع النشر (المفضلة)