Recent Posts

Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

JavaScript closure inside loop example

When we want to bind a variable within an anonymous function unchanging value outside of the function, you can implement the following javascript code: var funcs = []; function createfunc(i) { return function() { console.log("My value: " + i); }; } for (var i = 0; i < 3; i++) { funcs[i] = createfunc(i); } for (var j = 0; j < 3; j++) { funcs[j](); // and now let's run each one to see } Since...

Javascript: How to return response from asynchronous ajax call

The next piece of code tries to return the response fron an ajax asynchronous call but with this we can only get undefined values: function foo() { var result; $.ajax({ url: '...', success: function(response) { result = response; // return response; // <- tried that one as well } }); return result; } var result = foo(); // always ends up being `undefined`. The...

HTML Best Practices: HREF attribute for JavaScript link # or javascript:void(0)

<a href="#" onclick="myJsFunc();">Run JavaScript Code</a> <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a> Neither is the correct way to build a JavaScript link. If you can have an actual URL that makes sense use that as the HREF. The onclick won't fire if someone middle-clicks on your link to open a new tab or if they have JavaScript disabled. If that is not possible, then you...

Rename the content inside a tag and confirm with jQuery

This examples target one simple container and change his name and then make the confirmation: For this you need to identify the relevant h2/textarea You also should nest your handler binding because each time your try to edit, you add a new handler HTML: <div class="rename"> <h2 class="replaceble">Dell PC</h2> <a href="#" class="replace">Rename</a> <a href="#" class="confirm">Confirm</a> </div> <div...