टूलटिप पर ही दिखाए जाएं अंडाकार सक्रिय

Question

मैं अगले div है:

<div class="div-class" style="width:158px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;" title=<%=myDesc%> 

मैं टूलटिप केवल जब अंडाकार सक्रिय है कैसे दिखा सकते हैं?

मैं इस समारोह को खोजने

function isEllipsisActive(e) { 
    return (e.offsetWidth < e.scrollWidth); 
} 

लेकिन मैं कैसे जानते हुए भी मैं jsp का उपयोग इसका इस्तेमाल करने के लिए नहीं पता है और

Answer 1

struts था कुछ इस तरह का प्रयास करें:

Working DEMO
Working DEMO - with tooltip

$(function() { 
    $('div').each(function(i) { 

     if (isEllipsisActive(this)) 
      //Enable tooltip 
     else 
      //Disable tooltip 
    }); 
}); 

function isEllipsisActive(e) { 
    return (e.offsetWidth < e.scrollWidth); 
} 

Answer 2

क्यूटीप (किसी भी लोकप्रिय होने के नाते) का उपयोग करने वाले किसी के लिए। सबसे पहले, अपने प्रत्येक बहने वाले तत्वों में एक वर्ग जोड़ें।

$('.ellipsis-text').each(function() { 
    if (this.offsetWidth < this.scrollWidth) { 
     $(this).qtip({ 
      content: { 
       text: $(this).text() 
      }, 
      position: { 
       at: 'bottom center', 
       my: 'top center' 
      }, 
      style: { 
       classes: 'qtip-bootstrap', //Any style you want 
      } 
     }); 
    } 
});