Hi,
I have Two Button but1,but2 at starting time but1 will enable and but2 will disabled.When i click but1 then but2 should be enable and but1 should disable.
I am giving my code below it is working all browser except Internet Explorer .Please give me idea what should I do?
When I click on button then i want to disable another and disabled button should enable .But in Internet explorer not working.
My CSS is
input[type="submit"][disabled] {
width: 200px;
cursor: pointer;
background: #61a59c;
background: -moz-linear-gradient(top,#61a59c 0%,#188BC0 150%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#61a59c),color-stop(150%,#188BC0));
background: -webkit-linear-gradient(top,#61a59c 0%,#188BC0 150%);
background: -o-linear-gradient(top,#61a59c 0%,#188BC0 150%);
background: -ms-linear-gradient(top,#61a59c 0%,#188BC0 150%);
background: linear-gradient(top,#61a59c 0%,#188BC0 150%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#61a59c',endColorstr='#188BC0',GradientType=0);
padding:5px 13px;
color:#fff;
font-family:'Helvetica Neue',sans-serif;
font-size:12px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #1A87B9;
}
and My jquery code is below
$("#FileProcessTriggerstop").click(function(){
$.ajax({url: "<%=application.getContextPath()%>/AscentStopSchedular?id="+$('#FileProcessTriggerstop').val(), success: function(result){
// $("#div1").html(result);
}});
$("#FileProcessTriggerstart").prop("disabled",false);
$("#FileProcessTriggerstop").prop("disabled",true);
});
and My HTML code is below
<td><input type="submit" class="styled-button-8" name="id"
id="FileProcessTriggerstart" value="FileProcessTriggerstart" /></td>
<td><input type="submit" class="styled-button-8" name="id"
id="FileProcessTriggerstop" value="FileProcessTriggerstop"
disabled="disabled" /></td>
This code working fine in chrome ,Mozilla.But it is not working in Internet Explorer 11(My PC IE version)
thanks,