Javascript button.onclick not functioning like I thought -


so in presumption function

button.onclick = examplefunk; 

would give me handler on each button when click them, doesn't. when replacing with:

button.onclick = alert("bananas"); 

i'm getting alerts @ page onload. problem solved this:

    button.setattribute("onclick", "removeissue(this)"); 

out of curiousity... what's going on?

edited layout of post

edit

var issues = [];  window.onload = function () {     //alert("venster geladen");     issuestolist() }    function issuestolist(data) {     /*alert(          "array length " + data.issues.length + "\n" +         "total_count " + data.total_count + "\n" +         "limit " + data.limit + "\n" +          "offset " + data.offset + "\n" + ""         );*/      (i = 0; < data.issues.length; i++) {         issue = data.issues[i];         createissue(issue);     } }   function createissue(issue){       var id = issue.id;     var tracker = issue.tracker;     var status = issue.status;     var priority = issue.priority;     var subject = issue.subject;     var description = issue.description;     var assignee = issue.assignee;     var watchers = issue.watchers;      var ticket = new issue(id, tracker, status, priority, subject, description, assignee, watchers);     issues.push(ticket);      var button = document.createelement("button");     button.innerhtml = "-";       button.onclick = function (){ alert("bananas")};     //button.setattribute("onclick", "removeissue(this)");      var item = document.createelement("div");            item.setattribute("id", id);     item.appendchild(button);     item.innerhtml += " " + subject;      var container = document.getelementbyid("container");     container.appendchild(item);   }   function removeissue(e){     var key = e.parentnode.getattribute("id");     var count = issues.length;      if(confirm("confirm delete")){         for(i=0; i<count; i++){                 if (issues[i].id == key ){                 issues.splice(i,1);                 var element = document.getelementbyid(key);                 element.parentnode.removechild(element);             }         }     } }   function issue(id, tracker, status, priority, subject, description, assignee, watchers){     this.id = id;     this.tracker = tracker;     this.status = status;     this.priority = priority;     this.subject = subject;     this.description = description;     this.assignee = assignee;     this.watchers = watchers; } 

edit

<body>      <h1>list of issues</h1>     <div id="container"></div>      <script src="http://www.redmine.org/issues.json?limit=10&callback=issuestolist"></script>   </body> 

you need mask alert in function:

button.onclick = function (){ alert("bananas")}; 

as such:

var btn = document.createelement("button");  var t = document.createtextnode("click me");  btn.appendchild(t);   btn.onclick = function() {alert("bananas")};  document.body.appendchild(btn);


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -