 |
السلام عليكم ورحمة الله
لدي صفحة طويلة بها نتائج مدرسة على مدى العشر ين سنة الماضية
كل سنة يندرج تحتها أكثر من 300 إسم
ووضعت في أعلى الصفحة عدد السنين حسب الترتيب
السؤال
كيف يمكنني أن أجعل الزائر بمجرد ضغطه على السنة التي يريد فتنزل الصفحة تلقائياً إلى المنطقة التي بها نتائج تلك السنة . ويكون في نهاية تلك المنطقة كلمة للأعلى ليعود إلى رأس الصفحه .
وسلامتكم .
نعم تستطيع
عندما تكتب مثلاً السنة 1999 تضيف إلى الرابط الكود التالي:
<a href="#1999">
ثم تذهب إلى المكان الموجوده فيه معلومات هذه السنة أو الأسماء
وليكن العنوان فرضاً:
أسماء الطلاب سنة 1999
تضيف التالي قبل الكتابة:
<a target="_blank" name="1999">
الرقم 1999 هذا افتراضي تستطيع أن تضع ماتريد
وطبعاً مع السنة التالية لو قلنا أنها السنة 1988
يكون التالي:
#1988
وعند البيانات يكون:
name='1988'
اتمنى يكون واضح
_________
لتعود بالزائر إلى أعلى الصفحة بضغطة زر
اجعل هذا الكود هو الرابط للزر أو كلمة (( للأعلى )) مثلاً
<a href="javascript:scroll(0,0);">
وبالتوفيق.
__________________
________________________
(¯`·._ مملكة بروق _.·`¯)
[/URL]
________________________
وعليكم السلام
اجابك الاخ رهين عن سؤالك
ولكن ...
عزيزي لا انصحك باستخدام هذه الطريقه بما ان حجم البيانات في الصفحه كبير جدارد مقتبس من alfesal
لدي صفحة طويلة بها نتائج مدرسة على مدى العشر ين سنة الماضية
كل سنة يندرج تحتها أكثر من 300 إسم
تخيل ماهو حجم الصفحه اذا كان بها فقط 300 سطر !!!
300 سطر نصي ينتج عنه مايقارب نفس العدد + 45% من العدد الفعلي كود HTML وعليك الحساب
فالنتيجه الحتميه للصفحه التى تحتوى هذا الحجم من البيانات احد امرين :
اما بطئ شديد في فتح الصفحه على متصفح الزائر
واما تتسبب في حدوث تهنيق لشاشة الزائر
الحل :
ان تتبع احد هاتين الطريقتين :
ان تجعل كل سنه مستقله ولا تضيف لها اي اوامر تنسيق HTML بل تعتمد ذلك من خلال تقنيه الانماط المتعاقبه ( ستايل شيت CSS )
او تجعل جميع معلومات السنوات في صفحه واحده ولكن تستخدم احد التقنين التاليتين :
CSS + XHTML
او
CSS + XML
بامكانك مراجعه موضوعات الاخ سردال بخصوص التقنيات المذكوره
ابحث في المنتدى او قم بزياره موقعه واستفد من الدروس والمقالات المنشورة بالموقع
www.serdal.com
موفق ان شاء الله
athco
__________________
اثكو جرافيكس
Web Designer & Graphics
+||[ عالم الابداع والتميز ]||+
www.athco.com.sa
الللللللللللللللللله يعطيكم العافيه
مشكورين ما قصرتم
إيه كذا العشم حبايبي والله
ضوابط المشاركة
