لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
طريقة عمل "قراءة المزيد"
في بعض المواقع اجد كلمه اقرا المزيد وعند الضغط عليها تظهر الاسطر المخفيه في نفس الصفحه .فكيف يتم عمل ذلك؟
تاريخ البداية: 22 / أكتوبر / 2011 الساعة 21:1 اخر نشاط: 22 / أكتوبر / 2011 الساعة 22:20 قراءة المزيد substr
2 إجابات
توجد ايضا هذه الاضافة "jQuery More/Less Text"

بواسطة: Dina
منذ: 22 / أكتوبر / 2011 الساعة 22:20

طريقة باستخدام مكتبة الـjQuery عن طريق هذه الدالة
(function($) {
    $.fn.trunc = function(numWords) {
        this.each(function() {
            var me = $(this);
            var original = me.text();
            var truncated = original.split(" ");
            if (truncated.length <= numWords) {
                return;
            }
            while (truncated.length > numWords) {
                truncated.pop();
            }
            truncated = truncated.join(" ");
            collapse();

            function expand() {
                me.empty();
                me.text(original);
                var link = $('<a href="#">see less</a>');
                link.click(collapse);
                me.append(' [').append(link).append(']');
                return false;
            }

            function collapse() {
                me.empty();
                me.text(truncated + "... ");
                var link = $('<a href="#">see more</a>');
                link.click(expand);
                me.append(' [').append(link).append(']');
                return false;
            }
        });
    };
})(jQuery);
ومثال حى تطبيقى من هنا

بواسطة: MacOS
منذ: 22 / أكتوبر / 2011 الساعة 22:6

تعديل: MacOS
منذ: 22 / أكتوبر / 2011 الساعة 22:14

انا اعرف استخدم الnamed anchor ولكن لا استطيع توظيفها في تلك الحاله اي انه عند الضغط علي قراءه المزيد ينزل الكلام في نفس الصفحه فكيف يتم ذلك؟
22 / أكتوبر / 2011 الساعة 22:16

هل رأيتى هذا المثال ؟ ، اما موضوع الروابط الداخليه او وضع اسم بعد علامة الشباك فى الرابط .. اعتقد ان هذا لن يفيد فى هذه الحالة
22 / أكتوبر / 2011 الساعة 22:19

أنشر اجابتك

xهل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة