का उपयोग कर रहा & अन्य सक्षम इसके बारे में क्लिक करने के बाद लिंक बटन को निष्क्रिय करना चाहते दोनों लिंक बटनों के बीच अक्षम करें। टॉगल सक्षम/जावास्क्रिप्टमैं इसे क्लिक करने के बाद लिंक बटन को अक्षम करना चाहता हूं और अन्य सक्षम हूं। टॉगल सक्षम/जावास्क्रिप्ट
<a id="a1" href="page1.aspx">One</a><a id="a2" href="page2.aspx">Two</a>
का उपयोग कर आप पहुंच सकते हैं और "अक्षम" सेट कर सकते हैं दोनों लिंक बटनों के बीच को निष्क्रिय इस तरह का श्रेय:
if(somebutton.disabled == true){
somebutton.disabled = false;
}
मैं jQuery की तरह एक जावास्क्रिप्ट ढांचे का उपयोग करना चाहिये।
लिंक के लिए कोई "अक्षम" विशेषता नहीं है और यह काम नहीं करता है। –
अधिक विशेष रूप से एक लिंक में "अक्षम" विशेषता जोड़ना काम करेगा, लेकिन केवल इंटरनेट एक्सप्लोरर के लिए। –
सरल है, बस दोनों लिंक पर onclick घटनाओं, कि प्रश्न में लिंक निष्क्रिय करने के लिए श्रोताओं को जोड़ने और एक दूसरे को सक्षम करें।
कुछ
document.getElementById('a1').onclick = function() {
document.getElementById('a1').disabled = true;
document.getElementById('a2').disabled = false;
};
document.getElementById('a2').onclick = function() {
document.getElementById('a2').disabled = true;
document.getElementById('a1').disabled = false;
};की तरह इस एकाधिक बटन को फिर सकता है आसानी से सार का विस्तार किए जाने की आप पंजीकरण के तरीकों के लिए बाहर से ऊपर, संभवतः बटन आदि (के एरे से अधिक पाशन उन है कि स्पष्ट रूप से सरणी निर्दिष्ट करने के बजाय एक विशेष कक्षा को लागू करें)।
क्या हम इसे किसी भी संपत्ति या सीएसएस का उपयोग करके कर सकते हैं। – Yogini
आपका प्रश्न निम्नलिखित 3 संभव परिदृश्य में से किसी एक हो सकता है। जो भी आपकी समस्या सुइट चुनें चुनें।
केस 1) आपके प्रश्न में एक पकड़ यह है कि चूंकि वे एक लिंक पर क्लिक करते हैं तो ब्राउज़र में एक नया पृष्ठ लोड होने पर क्रमशः पेज 1.aspx और page2.aspx पर इंगित लिंक होते हैं। तो जिस प्रभाव को आप प्राप्त करना चाहते हैं वह वास्तव में कोई फर्क नहीं पड़ता।
केस 2) हैं, तो आप दोनों लिंक 'वन' और aspx पृष्ठों में से प्रत्येक पर 'दो' तो आप के रूप में अच्छी लिंक को ही की ओर इशारा करते को निष्क्रिय हार्डकोड कर सकते हैं। (या साथ ही लिंक भी नहीं है)।
प्रकरण 3) यदि आप लिंक 'वन', 'दो' प्रदर्शित करने के लिए एक फ्रेम है और आप तो दोनों लिंक की सामग्री लोड करने के लिए एक दूसरे फ्रेम है, तो आपके सवाल का एक अर्थ अन्य लिंक को अक्षम करने की है। इसके लिए कोड यहां दिया गया है।
<html>
<a id="a1" href="javascript:void(0)" onclick="toggle(objA1,objA2,'page1.aspx')">One</a>
<a id="a2" href="javascript:void(0)" onclick="toggle(objA2,objA1,'page2.aspx')">Two</a>
<br><iframe id="ifrm" src=""></iframe>
<script>
var objA1 = document.getElementById('a1');
var objA2 = document.getElementById('a2');
// d=element to disable, e=element to enable
function toggle(d,e,link)
{
//if already disabled do nothing(don't follow url)
if(d.disabled) return;
//enable/disable
d.disabled = true;
d.style.cursor = 'default';
e.disabled = false;
e.style.cursor = 'hand';
//follow link
ifrm.src = link;
}
</script>
</html>
सबसे आसान तरीका छिपाने लिंक बजाय यह विकलांग बनाने के लिए है।
आप इस पर क्लिक करने के बाद लिंक को छिपाने के लिए इस कोड का उपयोग कर सकते हैं।
इसका परीक्षण कोड & यह मेरे लिए सही काम करता है। :-)
<script type="text/javascript">
onclick = function() {
var chk= document.getElementById('myElementId');
chk.style.display="none";
};
</script>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
.submit{
padding:8px;
border:1px solid blue;
}
</style>
</head>
<body>
<h1>Disabled submit form button after clicked with jQuery</h1>
<form action="#">
<p>
I'm a form ~
</p>
<input type="submit" value="Submit"></input>
<button>Enable Submit Button</button>
</form>
<script type="text/javascript">
$('input:submit').click(function(){
$('p').text("Form submiting.....").addClass('submit');
$('input:submit').attr("disabled", true);
});
$('button').click(function(){
$('p').text("I'm a form ~").removeClass('submit');
$('input:submit').attr("disabled", false);
});
</script>
</body>
</html>
<script type="text/javascript">
function validateForm(formObj) {
if (formObj.username.value=='') {
alert('Please enter a username');
return false;
}
formObj.submitButton.disabled = true;
formObj.submitButton.value = 'Please Wait...';
return true;
}
</script>
<form name="frmTest" action="" method="post" onsubmit="return validateForm(this);">
Username: <input type="text" name="username" value="" /><br />
<input type="submit" name="submitButton" value="Submit" />
</form>
यह एक लिंक नहीं है एक बटन है – stuartdotnet
एक लिंक के बजाय एक बटन, केवल एक चीज आप छुपा इसे कहीं भी जाने के लिए नहीं यह निर्धारित करने के लिए है से अलग कर सकते हैं निष्क्रिय करने के लिए।
onclick="this.href='javascript: void(0)';"
@ योगिनी: 4 रिक्त स्थान वाली रेखा शुरू करें और इसे कोड के रूप में बनाया जाएगा। – some