पृष्ठभूमि
आधुनिक ब्राउज़रों क्लासिक स्थिति पट्टी के साथ भाग और बदले करना उनकी खिड़कियों के नीचे मंडराना/ध्यान केंद्रित करने पर कड़ी लक्ष्य को प्रदर्शित करता है कि एक छोटा सा टूलटिप आकर्षित।अक्षम ब्राउज़र स्थिति पट्टी पाठ
इस (अवांछनीय, मेरे मामले में) व्यवहार निम्न स्क्रीनशॉट में चित्रित किया गया है का एक उदाहरण:
प्रश्न
- वहाँ एक पोर्टेबल इन निष्क्रिय करने के लिए रास्ता नहीं है टूलटिप्स?
- क्या मुझे अपनी विशेष स्थिति में ऐसा करने के लिए कोई स्पष्ट कमी आई है?
- क्या मेरा प्रयास (नीचे देखें) इसे पूरा करने का एक उचित तरीका है?
तर्क
मैं एक इंट्रानेट वेब अनुप्रयोग पर काम कर रहा हूँ और कुछ आवेदन विशेष कार्यों के लिए इस व्यवहार को निष्क्रिय करने के क्योंकि काफी स्पष्ट रूप से, https://server/#
हर जगह एक जैसे आंख को गले में लग रहा है और निकला हुआ है चाहते हैं चूंकि कुछ मामलों में मेरा एप्लिकेशन उस स्थान पर अपनी स्टेटस बार खींचता है।
मेरे प्रयास
मैं व्यापार के द्वारा एक वेब डेवलपर नहीं हूँ, इसलिए मेरी जानकारी अभी भी नहीं बल्कि इस क्षेत्र में सीमित है।
वैसे भी, यहाँ jQuery के साथ अपने प्रयास है: (यानी, मेरे मामले में आवेदन विशेष कार्रवाई) एक span
तत्व के साथ, बनाता है
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Target Tooltip Test</title>
<style>
a, span.a {
color: #F00;
cursor: pointer;
text-decoration: none;
}
a:hover, span.a:hover {
color: #00F;
}
a:focus, span.a:focus {
color: #00F;
outline: 1px dotted;
}
</style>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
patch();
});
function patch() {
$('a').each(function() {
var $this = $(this).prop('tabindex', 0);
if($this.prop('href').indexOf('#') == -1 || $this.prop('rel').toLowerCase() == 'external') {
return;
}
var $span = $('<span class="a" tabindex="0"></span>');
$span.prop('data-href', $this.prop('href'));
$span.text($this.text());
$this.replaceWith($span);
});
$('a[rel="external"]').click(function() {
window.open($(this).prop('data-href'));
return false;
});
$('span.a').click(function() {
location.href = $(this).prop('data-href');
}).keypress(function(event) {
if(event.keyCode == 13) {
location.href = $(event.target).prop('data-href');
}
}).focus(function() {
window.status = ''; // IE9 fix.
});
}
</script>
</head>
<body>
<ol>
<li><a href="http://google.com" rel="external">External Link</a></li>
<li><a href="#foo">Action Foo</a></li>
<li><a href="#bar">Action Bar</a></li>
<li><a href="#baz">Action Baz</a></li>
<li><a href="mailto:[email protected]">Email Support</a></li>
</ol>
</body>
</html>
patch()
#
युक्त सभी लिंक की जगह सभी "बाहरी" लिंक में खुलेगा एक नया टैब/विंडो और कस्टम प्रोटोकॉल हैंडलिंग तोड़ने लगते हैं।
स्टैक ओवरफ़्लो आपका स्वागत है! –
http://stackoverflow.com/questions/876390/reliable-cross-browser-way-of-setting-status-bar-text – j08691