(Because of some framework code I use, not calling setAttribute(), or calling removeAttribute() is difficult.) Then I would submit that the framework code needs fixing, or dumping. You can’t setAttribute to unset an attribute, by design. Any solution you found involving out-of-band values like ‘null’, if it happened to work in any particular browser, would … Read more
If you are creating a web app that targets recent mobile phones and newer versions of browsers (Firefox 5+, Chrome 4+, Safari 4+, iOS Safari 3+, Android 2.1+), you can use the following code to create an awesome event for the insertion of dom nodes, and it even runs on the nodes initially part of … Read more
What I want to know is what is wrong with escape/unescape ? They’re not “wrong” as such, they’re just their own special string format which looks a bit like URI-parameter-encoding but actually isn’t. In particular: ‘+’ means plus, not space there is a special “%uNNNN” format for encoding Unicode UTF-16 code points, instead of encoding … Read more
With modern browsers, you can set the textContent property, see Node.textContent: var span = document.getElementById(“myspan”); span.textContent = “some text”;
If you are looking for Hash modification, your solution works ok. However, if you want to change the query, you can use the pushState, as you said. Here it is an example that might help you to implement it properly. I tested and it worked fine: if (history.pushState) { var newurl = window.location.protocol + “//” … Read more
Options #1 and #2 are going to be your most immediate straight forward options, however, for both options, you’re going to feel the performance and maintenance impact by either building strings or creating DOM objects. Templating isn’t all that immature, and you’re seeing it popup in most of the major Javascript frameworks. Here’s an example … Read more
$(“#myid li”).click(function() { alert(this.id); // id of clicked li by directly accessing DOMElement property alert($(this).attr(‘id’)); // jQuery’s .attr() method, same but more verbose alert($(this).html()); // gets innerHTML of clicked li alert($(this).text()); // gets text contents of clicked li }); If you are talking about replacing the ID with something: $(“#myid li”).click(function() { this.id = ‘newId’; … Read more
You need to use event.stopPropagation() Live Demo $(‘#childDiv’).click(function(event){ event.stopPropagation(); alert(event.target.id); }); event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
You didn’t publish your code, and I suspect you do something wrong. it is possible to change the size by assigning width and height attributes using numbers: canvasNode.width = 200; // in pixels canvasNode.height = 100; // in pixels At least it works for me. Make sure you don’t assign strings (e.g., “2cm”, “3in”, or … Read more
oImg.setAttribute(‘width’, ‘1px’); px is for CSS only. Use either: oImg.width=”1″; to set a width through HTML, or: oImg.style.width=”1px”; to set it through CSS. Note that old versions of IE don’t create a proper image with document.createElement(), and old versions of KHTML don’t create a proper DOM Node with new Image(), so if you want to … Read more