How are you generating the radio button list? If you’re just using HTML: <input type=”radio” onclick=”alert(‘hello’);”/> If you’re generating these via something like ASP.NET, you can add that as an attribute to each element in the list. You can run this after you populate your list, or inline it if you build up your list … Read more
One of the many reasons not to use onxyz=”…”-style event handlers is that any functions you call from them must be globals. Your functions aren’t, they’re local to the window.onload callback. Instead, just assign the function reference directly, either somewhat old-fashioned: left.onclick = playerLeft; or using more modern techniques that allow for multiple handlers: left.addEventListener(“click”, … Read more
You are not passing an article object to redirect as a parameter. Try this (EDIT): articles = document.getElementsByTagName(‘article’); for (var i = 0; i < articles.length; i++) { articles[i].addEventListener(‘click’,redirect,false); } function redirect(ev){ alert(ev.target.id); } Hope, it will solve the bug.
If your onclick function returns false the default browser behaviour is cancelled. As such: <a href=”http://www.google.com” onclick=’return check()’>check</a> <script type=”text/javascript”> function check() { return false; } </script> Either way, whether google does it or not isn’t of much importance. It’s cleaner to bind your onclick functions within javascript – this way you separate your HTML … Read more
I was having the exact same issue as you, my UI is designed exactly as you describe. I solved the problem by simply replacing the onClick for the menu items with an onMouseDown. I did nothing else; no onMouseUp, no flags. This resolved the problem by letting the browser automatically re-order based on the priority … Read more
If you don’t have an id and don’t have any selector library and you want it to work in older browsers, then it takes a bit more work. If you can put an id on it, it’s quite simple. If not, it takes more code: var links = document.getElementsByClassName(“MyClass”); links[0].onclick = function() { // put … Read more
You are having a very common closure problem in the for loop. Variables enclosed in a closure share the same single environment, so by the time the onclick callback is executed, the loop has run its course and the i variable will be left pointing to the last entry. You can solve this with even … Read more
function changeImage(a) so there is no such thing as a.src => just use a. demo here
You could do something like this instead: <form name=”myform” action=”action.php” onsubmit=”DoSubmit();”> <input type=”hidden” name=”myinput” value=”0″ /> <input type=”text” name=”message” value=”” /> <input type=”submit” name=”submit” /> </form> And then modify your DoSubmit function to just return true, indicating that “it’s OK, now you can submit the form” to the browser: function DoSubmit(){ document.myform.myinput.value=”1″; return true; } … Read more
There are a lot of ways to do it. For example: $(“.btnRemove”).click(function() { var $this = $(this); if ($this.data(“executing”)) return; $this .data(“executing”, true) .attr(“src”, “/url/to/ajax-loader.gif”); $.get(“/url/to/django/view/to/remove/item/” + this.id, function(returnedData) { // … do your stuff … $this.removeData(“executing”); }); }); or $(“.btnRemove”).click(handler); function handler() { var $this = $(this) .off(“click”, handler) .attr(“src”, “/url/to/ajax-loader.gif”); $.get(“/url/to/django/view/to/remove/item/” + this.id, … Read more