تغيير محتوى التسمية اعتمادًا على حجم اللوحة

Question

مرة أخرى لدي سؤال. نظرًا لأنني أستخدم Google Web Toolkit (GWT) في العمل (إلى جانب Java Servlets) ، أقوم حاليًا بإنشاء واجهة مستخدم مع GWT (في Java).

لدي بعض المتاعب رغم ذلك. أنا أستخدم أ Splitlayoutpanel أيّ يحتوي على scrollpanel على اليسار وآخر على اليمين.

في Scrollpanel الأيسر هناك أ verticalpanel مع عدة علامات, الذي يختلف في عرضهم. ما أريد إنجازه ، هو: إذا كان نص التسمية غير مناسب في سطر واحد ، فيجب أن يعرض أكبر عدد ممكن من الأحرف ولديه "..." في النهاية, ، إذا لم يتم عرضه بالكامل.

أنا على وشك إضافة eventHandler customevent على الملصق ، والتي يمكن إطلاقها كلما احتاجت التسمية إلى تغيير محتواه. لكن المشكلة هي الآن ، أنني أحتاج إلى إطلاق الحدث كلما تم تغيير حجم ScrollPanel أو VerticalPanel الداخلي (عن طريق سحب splitlayoutpanel-splitter).

الآن السؤال: هل من الممكن تجاوز نوعًا من "onresize" -event أو على الأقل "onMousemove"-, ، حتى أتمكن من إطلاق "changelabelsize ()"-لكل تسمية داخل هذا العمودي؟

كيف يمكنني القيام بذلك؟ شكرا لكم جميعا على وقتك مقدما! من فضلك اطلب أي شيء غير واضح ، حتى أتمكن من توضيح ذلك.

مع أطيب التحيات ، إيغور.

Answer 1

يمكن القيام بذلك بسهولة مع خاصية CSS text-overflow: ellipsis;.

بدعم من IE7- و Safari و Konqueror.

ويمكن أن يكون محاكاة في Firefox.