Based on your example HTML code, here’s one way to get the displayed text of the currently selected option: var skillsSelect = document.getElementById(“newSkill”); var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
This function will convert each color to gray scale and return average of all pixels, so final value will be between 0 (darkest) and 255 (brightest) function getImageLightness(imageSrc,callback) { var img = document.createElement(“img”); img.src = imageSrc; img.style.display = “none”; document.body.appendChild(img); var colorSum = 0; img.onload = function() { // create canvas var canvas = document.createElement(“canvas”); … Read more
Thanks to a huge amount of valuable sources I’ve got some general recommendations for implementing components in AngularJS apps: Controller Controller should be just an interlayer between model and view. Try to make it as thin as possible. It is highly recommended to avoid business logic in controller. It should be moved to model. Controller … Read more
Your best option is to use a blob url (which is a special url that points to an object in the browser’s memory) : var myBlob = …; var blobUrl = URL.createObjectURL(myBlob); Now you have the choice to simply redirect to this url (window.location.replace(blobUrl)), or to create a link to it. The second solution allows … Read more
The only languages I have ever seen supported by web browsers in <script> elements are: JavaScript / JScript (which is ubiquitous) Webassembly (which is less of a language than a different target other languages can be compiled to) is well supported today) VBScript (IE 10 and lower only) PerlScript (IE with a plugin from ActiveState … Read more
You should use the filter method rather than map unless you want to mutate the items in the array, in addition to filtering. eg. var filteredItems = items.filter(function(item) { return …some condition…; }); [Edit: Of course you could always do sourceArray.filter(…).map(…) to both filter and mutate]
The right answer depends on your priorities and the size of the data set to be paginated. Server side pagination is best for: Large data set Faster initial page load Accessibility for those not running javascript Client side pagination is best for: Small data set Faster subsequent page loads So if you’re paginating for primarily … Read more
If you’re anything like me your clients won’t want a standard Facebook likebox plugin, they’ll want it all styled and customised their own way. You don’t need to spend all day going round the official documentation wondering if any of it applies to you for something simple like this, it’s quite easy. The confusion arises … Read more
Because you use loadonce:true, then you prepare the data on the server. On the server side you can decide which row must be selected. On the server side you can also easy calculate on which page will be the selected row. The id of selected row and the selected page you can for example include … Read more
I had the same problem and I found this very simple solution. audio_file.onchange = function(){ var files = this.files; var file = URL.createObjectURL(files[0]); audio_player.src = file; audio_player.play(); }; <input id=”audio_file” type=”file” accept=”audio/*” /> <audio id=”audio_player” /> You can test here: http://jsfiddle.net/Tv8Cm/