How can I implement onclick for objects in javascript?

Question

I have the following javascript function which creates a new row with different cells including button as the cell item type. So how can I implement onClick of the button functionality here?

My Code:

var propertyCell = row.insertCell(1);  
    var propertyName = document.createElement("input");  
    propertyName.type = "text";  
    propertyName.size = "6";  
    propertyName.id = "pName"+rowCount;  

    //alert(propertyName.size);  
    propertyCell.appendChild(propertyName);  
var image1Cell = row.insertCell(6);  
    var image1 = document.createElement("input");  
    image1.type = "button";  
    image1.value = "Camera";  
    image1.size = "6";  
    image1.id = "image1"+rowCount;  
    //image1.onclick = function(){sdfkvk(dh,sdd)}  

    image1Cell.appendChild(image1);

avpaderno · Accepted Answer · 2011-11-21 12:56:12Z

2

You may try the following code:

image1.onclick = function (){alert(document.getElementById("pName"+rowCount).value)};

edited Nov 21, 2011 at 12:56

avpaderno

30k17 gold badges80 silver badges95 bronze badges

answered Nov 21, 2011 at 10:29

Selvakumar Ponnusamy

5,6238 gold badges46 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kamui · Accepted Answer · 2011-11-21 10:26:07Z

0

You get the element of the textfield using document.getElementById as the rowcount is the same as the button's value you can get the number by doing a string split. Then I just alert the value, but once you have the value you can do what you like.

  image1.onclick = function () { 
      alert(document.getElementById("pName" + this.id.split('e1')[1]).value); 
  };

answered Nov 21, 2011 at 10:26

kamui

3,4193 gold badges28 silver badges44 bronze badges

1 Comment

kamui Over a year ago

this.id.split('e1')[1] should return the rowcount number from image1.id, as {this} would point to the button.

Collectives™ on Stack Overflow

How can I implement onclick for objects in javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related