2012-06-06 34 views
5

के पंक्ति विवरण दिखाने के लिए टूलटिप का उपयोग करके मैं टेबल प्रारूप में एक जेएसपी पृष्ठ में गतिशील मान दिखाने में सक्षम हूं। और मैं प्रत्येक को दिखाने के लिए माउसओवर/होवर फ़ंक्शन (jQuery में) को कार्यान्वित करना चाहता हूं मेरी तालिका में पंक्ति विवरण (jsp पेज में) मैं कोड के कुछ यहाँ साझा कर रहा हूँ: जाएगा jQuery DataTable और माउसओवर() का उपयोग करने की हैकिसी तालिका (jQuery)

<table name="table" id="table" class="table" cellpadding="4" cellspacing="2" border="1" bgcolor="" > 
<tr> 
<th><input type="checkbox" name="allCheck" onclick="selectallMe()"></th> 
<th>Emp ID</th> 
<th>Emp Name</th> 
</tr> 
<tr class="tr" id="tr"> 
<%while(rs.next()){ %> 
<td><input type="checkbox" name="chkName" onclick="selectall()"></td> 
<td><input type="text" name="empId" value="<%= rs.getString(1)%>" disabled="disabled" maxlength="10"></td> 
<td><input type="text" name="empName" value="<%= rs.getString(2)%>" disabled="disabled" maxlength="10"></td> 
</tr> 
<% } %> 
</table> 

इस के लिए, मैं/मंडराना या कुछ और।

सही तरीका क्या होना चाहिए?

उत्तर

4

नीचे दिए गए लिंक पर एक नज़र जो माउस मंडराना के बारे में अधिक समझा जाएगा,

http://jqfaq.com/how-to-highlight-rows-in-a-table-on-mouse-hover/

आप

ले लो, आसानी से _mousehover जो ऊपर के लिंक में प्रयोग किया जाता है में पंक्ति का विवरण प्राप्त कर सकते हैं। और आप इसे दिखा सकते हैं। क्या आप इसे टूलटिप में दिखाना चाहते हैं?

संपादित करें: यहाँ, mousehover पर टूलटिप में टीआर जानकारी का उपयोग करने के लिए रास्ता है

// Do this in _mousehover 
$currentRow = $(event.target).closest('tr'); 
$currentRow.attr("title", $currentRow.attr("id")); 

नोट: में है कि नमूना टीआर के लिए id नहीं है। तो, आपको इसे जोड़ना होगा।

+0

आपके उत्तर के लिए धन्यवाद, अगर यह टूलटिप (माउसओवर() पर) यह ठीक होगा। – shubhanshu

+0

अभी अभी, मैंने अपना जवाब अपडेट किया है। –

+0

आपके अपडेट के लिए धन्यवाद, यदि आप यहां पर लागू करने के लिए jquery फ़ंक्शन दिखाते हैं (टूलटिप के साथ, यदि इसकी आवश्यकता हो), तो यह मेरे लिए बहुत उपयोगी होगा, फ्रैंक होने के लिए .... मैं jquery सीख रहा हूं। – shubhanshu

संबंधित मुद्दे