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
Post a Comment