2012-01-11 15 views
17

एक लिंक पर क्लिक करने के बाद मुझे जावास्क्रिप्ट 'ओके'/'रद्द करें' अलर्ट की आवश्यकता है।जावास्क्रिप्ट पॉपअप अलर्ट पर क्लिक करें

मैं चेतावनी कोड है:

<script type="text/javascript"> 
<!-- 
var answer = confirm ("Please click on OK to continue.") 
if (!answer) 
window.location="http://www.continue.com" 
// --> 
</script> 

लेकिन मैं इसे तो यह केवल चलते एक निश्चित लिंक पर क्लिक जब कैसे कर सकता हूँ?

उत्तर

10

बस इसे कार्य करना,

<script type="text/javascript"> 
function AlertIt() { 
var answer = confirm ("Please click on OK to continue.") 
if (answer) 
window.location="http://www.continue.com"; 
} 
</script> 

<a href="javascript:AlertIt();">click me</a> 
+1

धन्यवाद, अगर मैं क्लिक करें रद्द हालांकि यह अभी भी लिंक/ – user1022585

+0

@ user1022585 खोलता है, आपको लिंक को नेविगेट करने से रोकने के लिए 'झूठी वापसी' की आवश्यकता है। नीचे मेरा उत्तर देखें - 'पुष्टि' विधि एक 'बुलियन' देता है जिसे आप अपने फ़ंक्शन से बाहर निकल सकते हैं ... – xandercoded

+0

क्षमा करें मैंने आपका कोड कॉपी किया है, और आपका कोड गलत था। यदि उपयोगकर्ता कहता है "ठीक है" उत्तर "सत्य" सेट करेगा, इसलिए हमें "!" की आवश्यकता नहीं है, मैंने इसे बदल दिया है। – ocanal

3

आदेश में इस आप पृष्ठ पर किसी विशिष्ट लंगर के लिए हैंडलर साथ जोड़ने की आवश्यकता करने के लिए। इस तरह के संचालन के लिए jQuery जैसे मानक ढांचे का उपयोग करना बहुत आसान है।

<a id="theLink">Click Me</a> 

मैं निम्नलिखित jQuery इस्तेमाल कर सकते हैं कि विशिष्ट लिंक करने के लिए एक घटना जोड़ने का काम करने: उदाहरण के लिए अगर मैं निम्न HTML

एचटीएमएल था।

// Use ready to ensure document is loaded before running javascript 
$(document).ready(function() { 

    // The '#theLink' portion is a selector which matches a DOM element 
    // with the id 'theLink' and .click registers a call back for the 
    // element being clicked on 
    $('#theLink').click(function (event) { 

    // This stops the link from actually being followed which is the 
    // default action 
    event.preventDefault(); 

    var answer confirm("Please click OK to continue"); 
    if (!answer) { 
     window.location="http://www.continue.com" 
    } 
    }); 

}); 
25

आप onclick विशेषता, उपयोग कर सकते हैं बस return false यदि आप जारी रखते नहीं करना चाहती; काम करता है

<a href="http://example.com/" 
onclick="return confirm('Please click on OK to continue.');">click me</a> 

एक ही पृष्ठ पर एक अलग लिंक के साथ एक और लाइन जोड़ने भी ठीक:

<script type="text/javascript"> 
function confirm_alert(node) { 
    return confirm("Please click on OK to continue."); 
} 
</script> 
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a> 
+0

यह वास्तव में बहुत बेहतर काम कर रहा है - अधिक सामान्य समाधान जिसे स्वीकार किया जाना चाहिए। –

11

सिंगल लाइन बस ठीक काम करता है

<a href="http://stackoverflow.com/" 
onclick="return confirm('Click on another OK to continue.');">another link</a> 
0
function alert() { 
    var answer = confirm ("Please click on OK to continue.") ; 

    if(answer){ 
     window.location="url"; 
    } 
} 
+1

प्रतिक्रिया की गुणवत्ता में वृद्धि के क्रम में (और ऐसा करने, फ़्लैग नहीं किया जा रहा है), आप समझा सकते हैं कि उसका कोड क्यों काम नहीं कर रहा था। कभी-कभी शब्द कोड के बाद और अधिक मदद करते हैं। –

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