Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Set "onclick" attribute of dynamic button 1

Status
Not open for further replies.
greedyzebra

greedyzebra

Technical User
Sep 5, 2001
140
US
Hi,

I'm dynamically creating a button with the following code:

var commentButton = document.createElement("input");
commentButton.type = "button";

And I wish to have the button do something when it is clicked (as you would with most buttons). How can I do this?

I've unsuccessfully tried:
commentButton.onclick = "myFunction()";
commentButton.onClick = "myFunction()";
commentButton.onClick = myFunction();

Thanks!
 
Sort by date Sort by votes
here is an example.


<html>
<head>
<script language=&quot;javascript&quot;>
function AddEditControl()
{
var el = document.createElement(&quot;input&quot;)
el.setAttribute(&quot;type&quot;, &quot;button&quot;);
el.setAttribute(&quot;name&quot;, &quot;btnCLick&quot;);
if ((!document.all)&&(document.getElementById)){
el.setAttribute(&quot;onClick&quot;,&quot;test(this)&quot;);
}
//workaround for IE 5.x
if ((document.all)&&(document.getElementById)){
el[&quot;onclick&quot;]=new Function(&quot;test(this)&quot;);
}


el.setAttribute(&quot;value&quot;, &quot;click me&quot;);

document.forms.myForm.appendChild(el);

}

function test(theField)
{

alert(&quot;Clicked &quot; +theField.name);
}
</script>
</head>
<body>
<form name=&quot;myForm&quot;>


</form>


<script language=&quot;javascript&quot;>
AddEditControl()
</script>
</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

AbidingDude
  • Locked
  • Question
Where Does The &quot;name&quot; Attribute Stand?
Replies
1
Views
164
gmmastros
gmmastros
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
983
Mike Lewis
Mike Lewis
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
437
Rayj0000
Rayj0000
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
546
xwb
xwb
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
504
malpa
malpa

Part and Inventory Search

Sponsor

Back
Top