Tutsplanet
Free Technical and Blogging Resources
Are you familiar with the collection in Laravel, then you will love this Collect.js, a Javascript counterpart of Laravel Collection. Collect.js offers an almost similar API to Laravel collections.
Today’s tutorial we will learn how to get value of selected option in JavaScript. In JavaScript, we use selectedIndex property to get the value of select box value element. The selectedIndex property sets and returns the index of selected value from the drop-down list. We will use onClick to get the value, you can use…Continue Reading
It’s very often you encounter this question, that how to parse Json string in Javascript. Your best bet for this task is the a built in JSON parse for strings in Javascript.
Today’s tutorial we are showing how to convert html to word format using simple Javascript. This is the answer for the question, if someone is asking how to convert the html to doc format using Javascript. There is no need of server side code to convert html to word. HTML source to convert The below…Continue Reading
We use forms almost everywhere in computer applications, so is radio buttons. Today’s tutorial we are talking about a simple solution for getting the selected value from a radio button in jQuery. There are different ways you can get selected radio button’s value in jQuery.
If you are a web developer( now almost everywhere), you might have encountered this question already , how to check if array is empty or null or undefined in JavaScript?. Like other programming languages, JavaScript also have methods to check this.
What is Mediabox? MediaBox is a lightweight vanilla JavaScript plugin which displays and plays Youtube or Vimeo videos in a fullscreen, responsive, model-like lightbox popup. Installation: Load the CSS file in the header section of your page. <link href=”source/mediabox.css” rel=”stylesheet”> Next, load the javascript file in the footer, in order to avoid render blocking. <script…Continue Reading
The character counter counts the number of characters entered in a textbox or textarea. It really helps a person to know how many characters he typed and how many left if there are any restrictions. You would see this functionality in Twitter, a famous social media platform. Live character count in JavaScript You will declare…Continue Reading
These awesome plugins listed below will allow you to count the characters or words in a given text area or text box. You may have seen the twitter message box has this feature to indicate the text/word length. 1 )NobleCount Completely customizable jQuery plugin that allows showing the remaining character count in the text area. 2)Word…Continue Reading
Fileuploader, Powerful HTML5 file uploading plugin works with jQuery. Fileuploader will replace the traditional file input in the browser to modern looking, beautiful, yet asynchronous file uploader. Main features Design your own input – You can theme your input to look and feel like other website elements. Add files from different folders – Multiple file select…Continue Reading
Fast SublimeText-like fuzzy search for JavaScript.
How to do Broken Image Handling with Jquery? Missing images will be an annoying problem for many websites. Either it will display nothing or just a question mark style depending on the browser you are using. There is a better solution to display a no image if there is a broken image. Or you may want to…Continue Reading
If you have a form with numerous fields and want to send those fields via ajax. Here comes the easy way, use the serialise in jQuery. Follow the examples var post_form:$(“#daily_checklist_form”).serialize(); $.ajax({ method: “POST”, url: “someurl.php”, data: { data:post_form } }) .done(function( msg ) { //alert( “Data Saved: ” + msg ); }); And next…Continue Reading
SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different sub menus. These days the mega menus are very much popular as they can contain more data than conventional popup menu. Main Features Responsive design Horizontal (top, bottom) or Vertical (left, right) menu layouts…Continue Reading
Who wouldn’t like to have water rippling effect on their website? So I am showing a wonderful jQuery plugin that does the water rippling effect when mouse over a swimming pool image. It’s kept very minimally in size like max 2KB.
This is a unique jQuery plugin that allows you to display infographics on your web pages in a variety of shapes to be precise about six. Dimensions of each figure are based on the container it exists. One of the main advantage is the plugin is its weight, it’s just 5KB!.
Opening a URL in new tab using JavaScript, below snippet will do the trick function OpenInNewTabWinBrowser(url) { var win = window.open(url, ‘_blank’); win.focus(); } You could do it this way calling a direct function, or by adding an event listener to your DOM object. Note: JavaScript, abbreviated as JS, is a high-level, interpreted programming language. It…Continue Reading