Exchange two 'onclicks' in IE

**andy999mueller** · 08-29-2012 03:14 AM

Hey,

i want to exchange the onclick-events of two elements. The following code does want it should in Firefox but in IE it fails:

Code:

var tmpButton = button1.getAttribute('onclick');
button1.setAttribute('onclick', button2.getAttribute('onclick'));
button2.setAttribute('onclick', tmpButton);

I tried the following to solve the Problem:

Code:

var tmpButton = button1.onclick;
button1.onclick = button2.onclick;
button2.onclick = tmpButton;

after executing this code both elements lost their 'onclick'-attributes.
Could you please help me?

**JMRKER** · 08-29-2012 02:32 PM

See if this works for you...

Code:

<!DOC HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">

function btn1actions() { alert('Button acts as Button #1'); }
function btn2actions() { alert('Button acts as Button #2'); }

function swapActions(checkedStatus) {
  if (checkedStatus == true) {
    document.getElementById('btn1').setAttribute('onclick','btn2actions()');
    document.getElementById('btn2').setAttribute('onclick','btn1actions()');
  } else {
    document.getElementById('btn1').setAttribute('onclick','btn1actions()');
    document.getElementById('btn2').setAttribute('onclick','btn2actions()');
  }
}
</script>

</head>
<body>
<button id="btn1" onclick="btn1actions()"> Button 1 </button>
<button id="btn2" onclick="btn2actions()"> Button 2 </button>
<p>
<input type="checkbox" onchange="swapActions(this.checked)"> Swap actions
</body>
</html>

Thread: Exchange two 'onclicks' in IE

Thread Tools

Display

Exchange two 'onclicks' in IE

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions