स्टैक ओवरफ़्लो पर यहाँ प्रदान जवाब में से कोई भी मेरे लिए काम करेंगे:
मेरे समाधान यहाँ पर एक नज़र डालें। मैं विकास के लिए नवीनतम और महानतम फ़ायरफ़ॉक्स का उपयोग कर रहा हूं और अन्य लोग आईई, क्रोम इत्यादि का उपयोग करते हैं .... हर बार जब मैंने jQuery के AJAX पर कॉल किया तो कुछ भी नहीं होगा और केवल जब AJAX कॉल वापस आएगा - कर्सर बदल जाएगा। फिर यह प्रतीक्षा कर्सर में फंस जाएगा। तो - कॉल किया गया है, सर्वर ने नई जानकारी लौटा दी, जानकारी प्रदर्शित की गई और फिर WHAM! कर्सर डिस्प्ले प्रतीक्षा करें और दूर नहीं जायेंगे। मैंने दिए गए सभी उत्तरों की कोशिश की।.ajaxXXXX सामान कहा जा रहा था। (मैंने एक ALERT ("यहां") रखा है, कार्यों में और उन "यहां" हर समय दिखाया गया है। प्रत्येक एकल कॉल। बहुत निराशाजनक।
तो मैं गया "ठीक है - नई चीजें नहीं काम। पुराने स्कूल जाने के बारे में क्या? "मुझे पता है कि ऐसा करने के लिए यह बहुत मुश्किल है - लेकिन यह कुछ महान कार्यक्रम नहीं है जिस पर मैं काम कर रहा हूं। यह सिर्फ एक छोटा संपादक है, इसलिए कई लोग एक ही समय में हमारे डेटाबेस को संपादित कर सकते हैं। इंटरनेट की रोशनी कभी नहीं देखेगी। केवल इंट्रानेट। :-) वैसे भी, यह काम करता है और काम करता है। आपको अपना खुद का प्रतीक्षा कर्सर प्रदान करने की आवश्यकता है। मैंने अभी उपयोग करने के लिए Google छवियों में से एक को पकड़ लिया है।
पहले - एचटीएमएल:
<div id='wait' name='wait'
style='position:absolute;top:-9999px;left:-9999px;background-color:rgba(0,0,0,0.3);'>
<table border='0' cellspacing='0' cellpadding='0' style='width:100%;height:100%;'><tbody>
<tr><td style='width:100%;height:50%;'> </td></tr>
<tr><td align='center'><img id='cursor' name='cursor' src="images/wait.gif"></td></tr>
</tbody></table>
</div>
फिर jQuery:
function waitCursor()
{
$('#wait').css({
'top' : '0px',
'left' : '0px',
'width' : '100%',
'height' : '100%'
});
}
function defCursor()
{
$('#wait').css({
'top': '-9999px',
'left' : '-9999px',
'width' : '0%',
'height' : '0%'
});
और
$(document).ajaxStart(function(){ waitCursor(); })
.ajaxComplete(function(){ defCursor(); })
.ajaxStop(function(){ defCursor(); });
पुराने स्कूल लेकिन यह भी सरल। इसमें एक टेबल के साथ एक डीआईवी है। तालिका केवल पंक्तियों के लिए है। पहला स्क्रीन पूरी स्क्रीन की ऊंचाई का 50% है। दूसरा वाला स्क्रीन पर प्रतीक्षा कर्सर को बस केंद्रित करता है। आप हमेशा पहले 45% की ऊंचाई बना सकते हैं या स्क्रीन की जो भी आधा ऊंचाई छवि की आधा ऊंचाई कम हो सकती है। लेकिन जैसा कि मैंने कहा - यह सिर्फ एक साधारण इन-हाउस कार्यक्रम के लिए है। बात यह है - यह दिखाने के लिए बहुत सारे हुप्स के माध्यम से कूदने की कोशिश किए बिना सभी ब्राउज़रों पर काम करता है। मैंने अन्य प्रमुख वेबसाइटों पर कुछ ऐसा देखा है। तो स्पष्ट रूप से अन्य लोगों ने ब्राउज़र पर फेड-अप प्राप्त कर लिया है जब आवश्यक होने पर प्रतीक्षा कर्सर नहीं दिख रहा है और सच कहने के लिए - मुझे यह याद आया और आश्चर्य हुआ कि यह दोहराना कितना मुश्किल होगा। अब मुझे पता है - यह बिल्कुल मुश्किल नहीं है।
मज़े करो!
स्रोत
2015-06-09 17:34:11
मेरे मामले में यह काम नहीं कर रहा, मैंने इसे –
करने की कोशिश की है अब और काम नहीं करता! – MSS