टूलटिप के माध्यम से डेटाबेस से डेटा कैसे प्रदर्शित करें?

Question

मैं AJAX अनुरोध से डेटाटिप पर डेटा प्रदर्शित करना चाहता हूं, यह अभी मोडल विंडो में खुला है, लेकिन मैं इसे टूलटिप में खोलना चाहता हूं, मैं यह कैसे कर सकता हूं, मैंने बहुत कोशिश की लेकिन सफलता नहीं मिली, मैं यहां पर फंस गया, कृपया टूलटिप के माध्यम से डेटा दिखाने में मेरी मदद करें।

इस

मेरे विचार कोड

echo $this->Manager->link('Groups',array('action'=> 'test_contact_group', $records['Contact']['contact_id']),array('class'=>'ajax_links')); 

इस लिंक के HTML

<a class="ajax_links" help="a" href="/contacts/test_contact_group/78">Groups</a> 

है और jQuery है वहाँ

 <script> 
$(".ajax_links").hover(function(e) { 

    e.preventDefault(); 
    var link = $(this).attr('href'); 

    $.ajax({ 
     type: "POST", 
     url: link, 
     cache: false 
    }).done(function(html) { 

     jQuery('#myModal').modal('show'); 
     jQuery('.modal-body').html("Groups" + html); 

    }); 
}); 


</script> 

यह मोडल विंडो diplay है, लेकिन मैं चाहता हूँ टूलटिप में इसे खोलने के लिए, मैं यह कैसे कर सकता हूं, कृपया मेरी मदद करें। अग्रिम में एक टन धन्यवाद, मैं वास्तव में यहाँ अटक गया।

Answer 1

समस्या केवल jQuery वाक्य रचना के साथ है, तो आप इस कोशिश कर सकते हैं:

$(this).attr("title", html); 

Answer 2

आशा इस तुम्हारी मदद करेगा ..

$(".ajax_links").hover(function(e) { 

    e.preventDefault(); 
    var link = $(this).attr('href'); 

    $.ajax({ 
     type: "GET", 
     url: link, 
     success : function (data){ 
     $('#elementId').attr('title',data); 
     } 

    }); 
}); 

Answer 3

मोडल विंडो के बजाय

। आपके पास आईडी टूलटिप के साथ div के लिए एक कंटेनर है। इस तरह। फिर परिणाम संलग्न करें। इस तरह की कुछ बात: डेमो tooltip. और सीएसएस इस जवाब Pure CSS Tooltip

$('#toolTip').show(); 

से लिया कार्य डेमो: DEMO for Tooltip

या आप शीर्षक विशेषता को जोड़ सकते हैं।

$('#elementId').attr('title',data);