⬅︎ Back to Button tag in bloody Internet Explorer
I've ended using a bunch of tricks wich finally worked pretty well:1. We will run some javascript only if our browser is IE 5.5>, so we'll add this to header:<!--[if gte IE 5.5000]> <script type="text/javascript" src="btnfix.js"></script><![endif]-->2. We'll allways assign the same value to the "class" and "value" tags of the button:<button name="action" value="add" class="add"><img src="add.gif" alt="add value" />Add to cart</button>3. We'll add this code to the "btnfix.js" file, so that it'll run on window.onload():window.onload = function() { var btns = document.getElementsByTagName('button'); for(var i=0;i<btns.length;i++) { btns[i].onclick = function() { var bs = document.getElementsByTagName('button'); for (var i=0;i<btns.length;i++) { if (btns[i] != this) btns[i].disabled = true; } this.innerHTML = this.className; return true; } }}
Comment
I've ended using a bunch of tricks wich finally worked pretty well:
1. We will run some javascript only if our browser is IE 5.5>, so we'll add this to header:
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="btnfix.js"></script>
<![endif]-->
2. We'll allways assign the same value to the "class" and "value" tags of the button:
<button name="action" value="add" class="add">
<img src="add.gif" alt="add value" />Add to cart
</button>
3. We'll add this code to the "btnfix.js" file, so that it'll run on window.onload():
window.onload = function() {
var btns = document.getElementsByTagName('button');
for(var i=0;i<btns.length;i++) {
btns[i].onclick = function() {
var bs = document.getElementsByTagName('button');
for (var i=0;i<btns.length;i++) {
if (btns[i] != this)
btns[i].disabled = true;
}
this.innerHTML = this.className;
return true;
}
}
}