हम थोड़ी देर के लिए हमारी वेबसाइट पर सरल टूलटिप्स कोडिंग कर रहे हैं, और सिर्फ यह महसूस किया कि हम "शीर्षक" विशेषता का उपयोग कर एक ही चीज़ को पूरा कर सकते हैं। किसी भी कारण से कि हमें टूलटिप के रूप में शीर्षक विशेषता का उपयोग नहीं करना चाहिए? क्या कोई ब्राउज़र है जो इस सुविधा का समर्थन नहीं करता है? (w3schools इंगित करता है कि सभी प्रमुख ब्राउज़र इसका समर्थन करते हैं।)क्या मैं टूलटिप के रूप में प्रदर्शित शीर्षक विशेषता पर निर्भर करता हूं?
सभी प्रमुख ब्राउज़र title का समर्थन करते हैं। लेकिन फिर आपके पास इस प्रकार के कस्टम टूलटिप्स दिखाने की क्षमता नहीं है: http://www.dreamcss.com/2009/03/list-of-25-javascriptajax-css-tooltip.html
क्या आपने उपयोगकर्ताओं को SO (इस साइट) पर होवर कार्ड देखा है? अगर उन्होंने शीर्षक का उपयोग किया है तो ऐसा अद्भुत टूलटिप दिखाना संभव नहीं होगा।
यह एक मानक है, आपको बहुत सुरक्षित होना चाहिए।
आपके द्वारा लिंक किए गए आलेख से - "दृश्य ब्राउज़र अक्सर शीर्षक को 'टूल टिप' के रूप में प्रदर्शित करते हैं। यह सार्वभौमिक नहीं लगता है ... – froadie
देखें सभी प्रमुख ब्राउज़रों वास्तव में टूलटिप्स का समर्थन करते हैं, तो उनके लिए शीर्षक विशेषता का उपयोग करने के लिए स्वतंत्र महसूस। मैं सावधानी बरतता हूं कि आप अभिगम्यता (ज्यादातर कम दृष्टि और अंधे उपयोगकर्ताओं के लिए) और गलती सहनशीलता के लिए शीर्षक को दर्पण करने के लिए एक alt विशेषता भी प्रदान करते हैं (जैसे कि छवि लोड करने में विफल रहता है या उपयोगकर्ता छवि-अवरुद्ध उपयोगकर्ता का उपयोग कर रहा है एक धीमी कनेक्शन से एजेंट)।
यह दिखाने के लिए वास्तव में धीमा है (क्रोम पर 1 एस या 2) और मुझे संदेह है कि आधुनिक इंटरनेट उपयोगकर्ताओं के पास यह दिखाने के लिए बहुत धैर्य है।
आप jQuery के "माउसेंटर" और "माउसलेव" घटनाओं का उपयोग करके तीसरे पक्ष के प्लगइन्स या हार्ड कोड को स्वयं (जो मैं अधिकतर समय करता हूं) का उपयोग कर सकता हूं। नीचे के रूप में डमी कोड: एचटीएमएल:
<button id="button-awesome">Awesome</button>
<div class="tooltip" style="display:none">
This is a button
</div>जावास्क्रिप्ट/jQuery:
$('#button-awesome').on('mouseenter', function() {
show Tooltip // toggle, or slideToggle, or .css("display","block") or .removeClass('hidden')
}).on('mouseleave', function() {
// undo what you've just done.
});सावधान जब यह मोबाइल ब्राउज़र के लिए आता है। यह ज्यादातर वहां समर्थित नहीं है।
टिप के लिए धन्यवाद :) जब हमें इसकी आवश्यकता होती है तो हमारे पास एक अधिक परिष्कृत टूलटिप है। हमें बस कुछ बहुत ही सरल टूलटिप्स के लिए कुछ चाहिए और कोडिंग के बजाए यह पता लगाया गया कि हम शीर्षक विशेषता – froadie
@Froadie का उपयोग कर सकते हैं: सरल संकेतों (मुख्य रूप से एक पंक्ति के लिए) कस्टम टूल युक्तियों का उपयोग करने की आवश्यकता नहीं है। आप इसके लिए शीर्षक का उपयोग कर सकते हैं। –