https://www.encodedna.com/ Free articles, tutorials, source code on Asp.Net, MVC, JavaScript, Angular, Angularjs, WCF, C#, Vb.Net, jQuery, Sql Server, Ms-Excel, WebGrid, GridView, CSS, Crystal Report, Browsers, HTML5, Google API, Google Chart Sat, 19 Jul 2014 14:20:24 GMT https://www.encodedna.com/css-tutorials/how-to-create-custom-scrollbar-using-css.htm Not every page on my blog, but this particular page has a custom scrollbar. Look at the scrollbar carefully. Yes, its different from a default scrollbar. Its a custom designed scrollbar. I'll show you how to create a cool responsive custom scrollbar using pure CSS. Read More
]]> Wed, 30 Apr 2021 12:44:17 GMT https://www.encodedna.com/excel/fill-a-web-form-from-excel-using-worksheet-data-in-vba.htm In my previous article on Excel automation using VBA, I have explained how to fill a web form and save data from Excel using VBA. The data that I have used in that example were hardcoded. Now, in this post, I’ll show you a more dynamic process by using worksheet data to fill a web form using a simple Macro. Read More
]]> Fri, 23 Apr 2021 20:27:04 GMT https://www.encodedna.com/excel/web-scrapping-fill-a-web-form-from-excel-using-vba.htm Web scraping is a process where an application extracts data or content from a web page. You can do this from your Excel worksheet using VBA. I have shared an article here before where I have explained how to extract data from HTML elements using a Macro. In this post, I’ll show you how to fill a web form from your Excel worksheet using VBA. Read More
]]> Sun, 18 Apr 2021 21:57:18 GMT https://www.encodedna.com/excel/check-if-worksheet-exists-using-vba.htm While working on worksheets using a macro, you may sometimes need to know if a particular worksheet exists in a workbook or not. Especially, when the worksheets you are working have random names. You either have deleted it or renamed it. I’ll show you how using a macro, you can easily check if a worksheet actually exists or not in your current or any other workbook. Read More
]]> Mon, 12 Apr 2021 20:24:08 GMT https://www.encodedna.com/excel/insert-object-in-outlook-and-display-as-icon-in-excel-using-vba.htm You can insert a variety of objects like Excel workbook, PDF or Word document, images etc., in your email message using Outlook (any version), by clicking on various tabs, buttons and options. Or, you can automate this entire process. I’ll show you how you can do this dynamically with the click of a button from Excel using VBA. Read More
]]> Tue, 30 Mar 2021 13:22:14 GMT https://www.encodedna.com/sqlserver/pivot/convert-rows-into-columns-and-save-data-in-a-table.htm In SQL Server, you can use PIVOT to convert multiple rows into columns to show a summarized result. I’ll show how using this method you can easily save the rows to columns converted data into a table in SQL Server. Read More
]]> Mon, 15 Mar 2021 13:24:24 GMT https://www.encodedna.com/excel/vba-macro-to-find-matching-records-between-two-ranges.htm Let us assume, I have two ranges of values in my Excel worksheet. Each range has two columns each (region and sales). Now, both the ranges have some common regions. How do you find the matching records (the regions in particular) between both the ranges using VBA? Read More
]]> Mon, 22 Feb 2021 11:57:15 GMT https://www.encodedna.com/sqlserver/tips/get-the-first-and-last-day-of-a-given-month-in-sql-server.htm In SQL Server, you can use the DATENAME() function to get the week day for a given date. I’ll show you how to use this function to get first and last day of a given month or date in SQL Server. Read More
]]> Thur, 18 Feb 2021 12:46:27 GMT https://www.encodedna.com/javascript/auto-refresh-div-every-few-seconds-using-javascript-and-ajax.htm Let us assume, your web page has a DIV element and you want to auto-refresh its contents every few seconds. You can easily do this using jQuery or any other library. I’ll show how to auto-refresh a DIV every few seconds using plain JavaScript and Ajax. And its very simple. Read More
]]> Tue, 16 Feb 2021 12:44:01 GMT https://www.encodedna.com/jquery/cascading-select-dropdown-list-using-json-data.htm A cascading dropdown list or a dependent dropdown list gets data from a data source based on a value selected from another dropdown list. I’ll show you how to create a cascading SELECT dropdown list using JSON data and jQuery. Read More
]]> Tue, 02 Feb 2021 12:50:12 GMT https://www.encodedna.com/excel/merge-multiple-excel-files-in-single-workbook-but-different-sheets-in-vba.htm Let us assume, you receive sales data (or any data) from different regions or zones in multiple Excel files, via email or any other source. Now, you want to merge all the Excel files into one single workbook but in different sheets. I’ll show how easily it can be done using VBA. Read More
]]> Wed, 20 Jan 2021 20:46:57 GMT https://www.encodedna.com/javascript/how-to-add-element-to-body-section-using-javascript.htm You can use the .appendChild() method in JavaScript to add or append an element to the body section of the document or the web page. Read More
]]> Fri, 15 Jan 2021 13:36:12 GMT https://www.encodedna.com/aspdotnet/get-file-size-using-csharp-and-vb.htm In Asp.Net, you can use the FileInfo class in both C# and Visual Basic , to get the file size. This class provides the necessary methods and properties to deal with files. Here in this post, I am sharing few examples in C# and VB, explaining how to use the FileInfo class to get the file size. Read More
]]> Tue, 12 Jan 2021 13:57:23 GMT https://www.encodedna.com/javascript/ajax-post-and-get-method-examples-in-javascript.htm Ajax, as you know stands for Asynchronous JavaScript and XML, which allows web applications (client side) to send and receive data from a server, asynchronously. Ajax can be used with any framework or library like jQuery. You can even use Ajax with plain JavaScript. In this post, I’ll show you how to use Ajax POST and GET methods in JavaScript to send requests to Asp.Net Web Service methods. Read More
]]> Mon, 14 Dec 2020 12:14:27 GMT https://www.encodedna.com/jquery/add-important-style-using-jquery.htm I have previously shared few examples here on my blog that explained how to add or override the !important property dynamically in JavaScript. Now in this post I’ll show you how to add the CSS !important property to an element dynamically using jQuery. Read More
]]> Tue, 01 Dec 2020 21:19:27 GMT https://www.encodedna.com/excel/send-email-to-multiple-recipients-from-excel-using-outlook.htm Its very common for Excel users to send emails to a list of contacts. Here in this post, I’ll show you how easily you can send emails to multiple recipients from your Excel workbook with the click of a button using VBA and Microsoft Office Outlook. Read More
]]> Thur, 26 Nov 2020 10:03:28 GMT https://www.encodedna.com/excel/write-data-to-text-file-using-excel-vba.htm I am sharing a simple VBA macro here that shows how to write data to a text file (a .txt file) in Excel. Read More
]]> Fri, 11 Sep 2020 11:42:01 GMT https://www.encodedna.com/jquery/get-span-tag-inside-li-using-jquery-and-javascript.htm In today’s post, I am sharing a quick tip showing how to get span element inside an li tag using jQuery and JavaScript. Let’s assume, I have an unordered list on my web page and inside each li tag, I have span element. How do I get the span elements and its contents using jQuery or JavaScript? Let's find out. Read More
]]> Tue, 08 Sep 2020 13:41:27 GMT https://www.encodedna.com/jquery/create-smooth-scrolling-using-jquery.htm We often use the # (hash) within the href attribute of HTML anchor tag to link to a particular section in a web page. For example, to scroll to the top of the current page you can use href="#top" and href="#bottom" to scroll to the bottom of the page. Clicking a link, with the # will instantly take you to a specified location on the page. I’ll show you how using jQuery, you can create a smooth scrolling effect. Read More
]]> Tue, 01 Sep 2020 12:24:04 GMT https://www.encodedna.com/javascript/input-file-change-event-not-working.htm I recently noticed a bug in my Bulk Image Resizer tool. The file input was not working (or not selecting files) after clearing the existing selections and selecting new files (images). The issue is now resolved. After investigating the script, I found both onchange event and the jQuery change event were not triggering upon clearing the existing file selections and upon selecting the same image or file. Read More
]]> Thur, 27 Aug 2020 13:02:11 GMT https://www.encodedna.com/javascript/convert-your-form-data-to-pdf-using-javascript.htm In this article, I’ll show you how to convert your form data into a PDF using only JavaScript. Not just plain text data, the example also shows how easily you can convert an image on your web form into a PDF file. Read More
]]> Mon, 24 Aug 2020 17:28:06 GMT https://www.encodedna.com/aspdotnet/draw-charts-with-highcharts-using-jquery-ajax-and-webservice.htm I shared an article on Hightcharts a few days back where I have explained how to create Column charts with Highcharts API dynamically using JSON data extracted from a remote file. You can use any data source for the charts and here I am sharing an example on how to create a basic Line Chart with Hightcharts using data extracted from an SQL Server table by calling an Asp.Net Web Service method using jQuery Ajax. Read More
]]> Sun, 16 Aug 2020 21:12:19 GMT https://www.encodedna.com/javascript/column-charts-using-highcharts-with-data-from-json-file.htm Highcharts is a pure JavaScript library, which provides easy to use methods and properties to create interactive and animated charts for your websites and web applications. It supports many different chart types like the bar, pie, line, column and many more. Here I am sharing an example showing how to create an animated Column chart using Hightcharts API with data extracted from an external JSON file. Read More
]]> Mon, 10 Aug 2020 12:34:08 GMT https://www.encodedna.com/youtube-tutorial/where-to-find-the-list-of-your-youtube-subscribers.htm My 11-year-old son recently created a YouTube channel for my 80-year old father (his grandpa). The channel name is Mee and Grandpa. My father is an Indian Navy Veteran (Ex. Pioneer Submariner) and he is a poet. He writes stories and poems in Bengali Language. So, my son decided to create a channel, where his grandpa can publish his writings and recitations. The channel has few subscribers. But, where are the subscribers. It took some time for me figure out and here I’ll show how to find your YouTube subscribers. Read More
]]> Tue, 04 Aug 2020 09:46:29 GMT https://www.encodedna.com/javascript/how-to-remove-empty-slots-in-javascript-arrays.htm I remember using the filter() method once to remove empty slots in an Array in JavaScript. An empty array slot might look like this … const arr = [1, , 3, 4, , 6]; (integers 2 and 5 are missing) and to remove these slots you can use arr.filter (x => x). There is a better way to do this, especially with nested arrays. I am going show you how to remove the empty array slots using a new method called the flat(). Read More
]]> Sun, 02 Aug 2020 21:01:11 GMT https://www.encodedna.com/javascript/override-important-style-property-in-javascript.htm We often use the !important property in CSS to ignore the rules (or styles) applied to an element and instead apply rules that has !important property. You can further override the “!important” rules using inline style or dynamically. I’ll show you how to override the !important style rules using JavaScript. Read More
]]> Wed, 29 Jul 2020 14:11:27 GMT https://www.encodedna.com/jquery/how-to-get-values-from-cloned-input-fields-in-jquery.htm In jQuery, you can use the .clone() method to clone a textbox or an input field on your web page. You can clone the textbox with or without the values. Since, these cloned fields are dynamically created, at runtime, retrieving the values from these input fields can sometimes be challenging. I’ll show you how this is done and its simple. Read More
]]> Wed, 22 Jul 2020 13:31:08 GMT https://www.encodedna.com/excel/connect-and-pull-data-from-sql-server-in-excel-using-vba.htm You can use Excel as a database, as long as your requirements are limited. Create multiple sheets in your workbook, store various type data in the sheets and work with the data as and when required. However, sometimes this is not enough and you’ll need an RDBMS like SQL Server to store data. Here in this post, I’ll show how to connect and extract or pull data from an SQL Server database in Excel using VBA. Read More
]]> Wed, 08 Jul 2020 18:30:22 GMT https://www.encodedna.com/sqlserver/tips/how-to-get-last-3-months-records-in-sql-server.htm In SQL Server, you can use the DATEADD() function to get last 3 months (or n months) records. I have used this function in one of my previous posts where I have shown how easily you can get previous month records from the current month. Here in this post I’ll show you how to get last 3 months records or data in SQL Server. Read More
]]> Wed, 01 Jul 2020 21:30:19 GMT https://www.encodedna.com/javascript/how-to-search-array-in-javascript-like-sql-like-statement.htm If you have worked with SQL, then I am sure you must have come across the LIKE statement to search a specified pattern in a table. The LIKE in SQL uses a “%” (percent) sign to fetch a pattern of values. You can do something similar in JavaScript to search or filter values from an Array using few letters. Read More
]]> Mon, 15 Jun 2020 16:01:11 GMT https://www.encodedna.com/excel/excel-macro-to-pull-data-from-another-workbook.htm I am sharing three simple methods here, which shows how to pull or read data, as it is, from another Excel workbook, in your computer or from a remote computer. While pulling or extracting the data, the source file can be in close or open state. Read More
]]> Mon, 08 Jun 2020 14:03:28 GMT https://www.encodedna.com/excel/automatically-add-one-month-from-previous-date-in-excel.htm In Excel, you can use the EDate() method to automatically add one month from the previous date or increment the previous date by one month. Read More
]]> Fri, 29 May 2020 12:43:01 GMT https://www.encodedna.com/javascript/how-to-remove-commas-from-array-in-javascript.htm You can use the join() method in JavaScript to remove commas from an array. The comma delimiter in an array works as the separator. For example, let arr = ['alpha', 'bravo', 'charlie']. Using the join() method, you can remove or replace all the commas with a space. Read More
]]> Wed, 27 May 2020 11:07:27 GMT https://www.encodedna.com/html5/embed-youtube-video-in-a-webpage-without-iframe.htm There are many ways you can embed a YouTube video in a web page without IFrame. Although, the iframe is the recommended method for YouTube embeds, if however, you do not want to use iframes, you can use the HTML5 embed element or the object element to embed YouTube videos. Read More
]]> Fri, 22 May 2020 09:40:27 GMT https://www.encodedna.com/excel/how-to-trap-vlookup-na-errors-with-iferror-in-excel.htm You must be familiar with VLOOKUP function and the error #N/A, which the function often throws when it fails to find a lookup value. It can be annoying at times, since #N/A does not explain the error clearly. I’ll show how to trap VLOOKUP #N/A errors with IFERROR method to explain the errors in your own words (texts or numbers etc.) Read More
]]> Tue, 19 May 2020 13:08:03 GMT https://www.encodedna.com/javascript/how-to-read-data-from-external-json-file-in-javascript.htm There are many ways to store JSON data for your application. You can store JSON in an array or in an external file. There are many ways to read JSON data from external files. I have previously shared a jQuery example and now here in this post I’ll show you how to read and extract data from an external JSON file in JavaScript. Read More
]]> Tue, 12 May 2020 13:53:22 GMT https://www.encodedna.com/javascript/how-to-get-the-filename-from-url-in-javascript.htm A URL or a web address, often has a file name, with few parameters occasionally. Sometimes, we might need to know only the file name in the URL. There's a simple technique to extract the file name from a url in JavaScript. Read More
]]> Wed, 06 May 2020 09:07:39 GMT https://www.encodedna.com/aspdotnet/how-to-export-gridview-data-to-ms-word-in-aspdotnet.htm You can use the DataGrid control in Asp.Net to export GridView data to an Ms-Word document. I am sharing codes here, both C# and Vb.Net, which explains how easily you can export data extracted from a paging enabled GridView to an Ms-Word doc file. Read More
]]> Mon, 04 May 2020 18:02:38 GMT https://www.encodedna.com/excel/formula-to-calculate-sales-percentage-in-excel.htm There's a simple division formula that you can use to calculate the sales percentage in Excel. Let us assume you have a list of items and number of items sold in a given period. Now, you want to calculate the sales percentage of the items. Read More
]]> Mon, 04 May 2020 10:07:28 GMT https://www.encodedna.com/javascript/how-to-change-element-class-name-using-javascript.htm There are many ways you can change the class name of an element using JavaScript. The classList property in JavaScript is now commonly used. However, classList property and its methods are available in new modern browsers. If you were looking for a cross browser solution, then I would recommend the use of className attribute. Read More
]]> Wed, 29 Apr 2020 18:05:39 GMT https://www.encodedna.com/javascript/create-ul-and-li-elements-dynamically-using-javascript.htm HTML ul and li elements are often used to show a list of items with bullet points on a web page. You can add these elements at design time and dynamically at run time. I’ll show you how you can create ul and li elements dynamically using JavaScript. Read More
]]> Tue, 28 Apr 2020 12:58:08 GMT https://www.encodedna.com/css-tutorials/select-second-child-element-inside-parent-using-css.htm You have a list of elements inside a parent element and you want to select the second element only, for some reason, using only CSS. How will do that? Its simple. You can use the CSS :nth-child selector to select a particular element or the nth element, inside its parent element. Read More
]]> Thur, 23 Apr 2020 10:30:29 GMT https://www.encodedna.com/excel/merge-multiple-rows-in-one-cell-repeatedly-using-vba.htm Here’s a scenario. You have a list of product and the details of each product are entered in different (3 or more) rows in a sequence. Now, how do merge all the data in different row into one single cell, repeatedly? I’ll show you how using a simple VBA macro you can merge 3 or more rows into a single cell with the click of a button, without losing any data. Read More
]]> Tue, 14 Apr 2020 14:43:37 GMT https://www.encodedna.com/excel/count-total-number-of-characters-in-a-cell-in-excel.htm You can use the LEN() function in Excel to count the total number of characters in a cell in your worksheet. The LEN (or the length) function takes a parameter (or argument), which can be a string or address of a cell. Read More
]]> Mon, 13 Apr 2020 09:39:11 GMT https://www.encodedna.com/javascript/redirect-page-after-a-delay-using-javascript.htm You can use window.location.href property to redirect or open a page from your JavaScript code. If you want to redirect a page automatically after a delay then you can use the setTimeout() method in JavaScript and it will call the above property after a time delay. Read More
]]> Wed, 8 Apr 2020 10:26:28 GMT https://www.encodedna.com/css-tutorials/how-to-reorder-p-elements-using-only-css.htm I have previously shared a post on Flexbox property in CSS3 that explained how you could reverse the order of HTML elements. Here, I’ll show you how to reorder HTML elements like the P element using the CSS3 order property. Read More
]]> Mon, 6 Apr 2020 21:08:28 GMT https://www.encodedna.com/css-tutorials/how-to-align-placeholder-text-using-css.htm The HTML5 placeholder attribute is used to show a small hint to describe a value to help users understand what value they should enter in a text field. The placeholder text by default is left aligned. I’ll show you how using CSS, you can align the placeholder text anywhere you want in a text box. Read More
]]> Mon, 6 Apr 2020 10:50:09 GMT https://www.encodedna.com/javascript/navigator-online-property.htm You can use the navigator .onLine property in JavaScript to find out whether your browser in online or offline. It actually gives you status of your internet connection. Read More
]]> Wed, 25 Mar 2020 20:41:11 GMT https://www.encodedna.com/javascript/difference-between-clientheight-and-offsetheight.htm You can use the clientHeight property to measure the inner height of an element, including padding. However, it will exclude the borders, margins and scrollbar height of the element. The offsetHeight property will measure the visible height of an element in pixels, including padding, borders and scrollbars. It will however ignore the margins. Read More
]]> Mon, 23 Mar 2020 13:10:01 GMT https://www.encodedna.com/excel/how-to-use-vlookup-function-with-if-statement-in-excel.htm A VLOOKUP function (also known as the Vertical function) in Excel, is often used to look up or find a value from a range of data in a worksheet. I’ll show you how you can use the VLOOKUP with the IF statement, if the result is based on certain conditions. Read More
]]> Wed, 18 Mar 2020 11:20:11 GMT https://www.encodedna.com/css-tutorials/how-to-tilt-a-span-element-using-css.htm You can tilt or rotate a SPAN or any HTML element at a specified angle using CSS3 transform property. This property has many useful functions and one of them is the rotate() function, using which you can easily rotate a SPAN element at a given angle, without using any script. Read More
]]> Wed, 11 Mar 2020 14:09:21 GMT https://www.encodedna.com/javascript/filter-out-only-numbers-in-an-array-using-javascript.htm An array in JavaScript can hold different types of value in a single variable. The value can be a string or a number. Sometimes you might have to separate the numbers and strings from the array. I’ll show how easily you can filter out numbers in an array using JavaScript. Read More
]]> Sat, 07 Mar 2020 12:22:01 GMT https://www.encodedna.com/javascript/find-even-numbers-in-array-using-javascript.htm Many young developers ask this question and there are many simple solutions. You can loop through each number in an array and using a formula, get the even numbers. However, there’s another method, which is more efficient than the for loop or the forEach() method, it is the JavaScript array filter() method. Read More
]]> Wed, 04 Mar 2020 13:35:16 GMT https://www.encodedna.com/javascript/append-or-add-text-to-div-using-javascript.htm I have explained jQuery .append() and .appendTo() methods in my previous articles, which also serves the same purpose. However, if you want to stick to pure JavaScript to append or add text, contents etc. to a DIV element, then this post is for you. Read More
]]> Mon, 02 Mar 2020 10:09:22 GMT https://www.encodedna.com/javascript/how-to-get-elements-by-class-name-using-plain-javascript.htm There are different ways to find elements with values on a web page in JavaScript. One of the most common method is getElementById(), which finds elements using each element’s unique id. You can also find elements (a group of elements) using the class name. In such cases you can use the getElementsByClassName() method of document object in JavaScript. Read More
]]> Wed, 26 Feb 2020 18:47:19 GMT https://www.encodedna.com/javascript/set-the-width-and-height-of-an-element-using-javascript.htm Even though it’s basic, new programmers often struggle to figure out the correct method to set the width and height of an element dynamically using plain JavaScript. Read More
]]> Mon, 24 Feb 2020 12:18:06 GMT https://www.encodedna.com/css-tutorials/css-nth-child-selector-example.htm There’s something very interesting about CSS :nth-child() Selector, which I thought, is worth sharing here. This pseudo-selector, nth-child(), was introduced in CSS3. It helps find an element (or elements) from a list of elements that are the nth child of its parent. Read More
]]> Sat, 22 Feb 2020 14:53:51 GMT https://www.encodedna.com/javascript/replace-hyphen-in-a-string-with-space-in-javascript.htm You can use a simple Regular Expression or RegExp, you can upload multiple files at a time. All you have to do is add the multiple in JavaScript along with the replace() method to replace a hyphen or an underscore in a string with a space. Read More
]]> Thur, 06 Feb 2020 20:17:03 GMT https://www.encodedna.com/jquery/jquery-prop-method-examples.htm We can use jQuery .prop() method to change the set or get the properties of an element. When I say set, it means change one or property (or value) of an element. The term get indicates return a property or value of an element. Read More
]]> Wed, 05 Feb 2020 12:12:27 GMT https://www.encodedna.com/jquery/difference-between-width-and-outerwidth-in-jquery.htm You can use the width() method in jQuery for horizontal measurement of an element such as a DIV. The width() method excludes padding, margin or border of the element. Whereas, the outerWidth() method (which too measures the element horizontally), includes padding borders and (optionally) margins. Read More
]]> Mon, 03 Feb 2020 13:02:11 GMT https://www.encodedna.com/javascript/how-to-check-if-td-in-a-table-has-child-nodes.htm A td element in an HTML table, defines a cell. Every td will have a value or data in it. It can hold different types of data, such as text, number, image and some time nothing at all. Now, how do you check at runtime if a td has a child node or any value? If you are using JavaScript, you can use the hasChildNodes() method to check if a td has child nodes. Read More
]]> Wed, 18 Dec 2019 13:56:28 GMT https://www.encodedna.com/html5/canvas/rotate-and-save-an-image-using-javascript-and-html5-canvas.htm You can rotate an image or any DOM element on your web page using the CSS3 transform property. However, this property alone is not enough, if you want to save or download the rotated image. I am sharing an example here that shows how using HTML5 canvas properties and JavaScript, you can easily rotate and save (download) an image in your computer. Read More
]]> Mon, 16 Dec 2019 09:55:08 GMT https://www.encodedna.com/excel/copy-data-from-text-file-to-excel-using-vba.htm You can use the FileSystemObject in VBA to read and write data to an external text file from Excel. The FileSystemObject provides all necessary methods and properties that would help VBA developers to work with many different file formats. In this post, I am sharing two different examples that show how to copy or extract data from a text file (.txt file) to an Excel file using VBA. Read More
]]> Fri, 06 Dec 2019 14:01:11 GMT https://www.encodedna.com/javascript/capture-webcam-picture-with-webcamjs.htm If you are from the Indian subcontinent, then I am sure in one more instances, your face has been captured by a webcam (with your consent of-course). Be it for your Aadhar card, PAN card or Driving license, they have captured and saved a picture of you using a webcam. There might be other instances and here in this post I am sharing few simple examples on how to capture pictures from your webcam using webcam.js. Read More
]]> Mon, 07 Nov 2019 15:00:08 GMT https://www.encodedna.com/javascript/dynamically-add-checkbox-to-a-table-cell-using-javascript.htm Let us assume, I have an HTML table on my webpage, which I have created dynamically using JavaScript. I am using an HTML table to do simple CRUD operations. Therefore, I have some other elements in each cell in the table, such as a textbox, a button control etc. I would also like to add a checkbox dynamically to a particular cell when I a create a new table row. Read More
]]> Mon, 04 Nov 2019 13:21:11 GMT https://www.encodedna.com/sqlserver/check-if-a-column-exists-in-a-table-in-sql-server.htm There are two simple methods in SQL Server to check weather a given Column Exists in a Table or not. This is important when you are trying to add a new column in a table dynamically, without knowing that the column already exists, using a query in an application or through the SQL Server Management Studio. Read More
]]> Mon, 14 Oct 2019 12:24:08 GMT https://www.encodedna.com/javascript/print-html-table-with-image-using-javascript.htm An HTML table can contain different types of data and can hold different elements like the IMG element or a list element etc. You can save the contents in a text file or export the table data to an Excel file. You can also print the table or convert the table to PDF. I am sharing an example here, which shows how to print an HTML table with image using pure JavaScript. Read More
]]> Thur, 22 Aug 2019 13:16:01 GMT https://www.encodedna.com/jquery/how-to-highlight-input-words-using-jqueryui-autocomplete-widget.htm If you are using the jQueryUI AutoComplete widget in your application, then I am you sure might have come across the need to highlight the letters or the words that you type in the textbox. It’s simple and I’ll show you how this is done. Read More
]]> Thur, 18 Jul 2019 10:13:08 GMT https://www.encodedna.com/javascript/get-select-dropdown-list-selected-texts-using-javascript-and-jquery.htm There are few easy ways to get the selected text of a SELECT dropdown list dynamically using JavaScript and jQuery. The selected text of a SELECT element may be different (or similar) from the value of the element. Therefore, there are different methods to extract the text or the value of a SELECT element. Read More
]]> Wed, 10 Jul 2019 13:03:57 GMT https://www.encodedna.com/jquery/reload-or-refresh-web-page-after-ajax-success-using-jquery.htm You can use the location.reload() method to reload or refresh an entire web page or just the content inside an element. The .reload() method can be triggered either explicitly (with a button click) or automatically. You can also use the .reload() method inside an Ajax success callback function and this is very simple. Read More
]]> Mon, 08 Jul 2019 12:54:11 GMT https://www.encodedna.com/angular/concatenate-string-with-variable-in-html-element-tag-in-angular-6.htm In Angular 6, you can use the Interpolation technique to concatenate a string with a variable inside an HTML element tag. Read More
]]> Wed, 19 Jun 2019 10:36:17 GMT https://www.encodedna.com/angular/crud-application-in-angular-6-with-web-api-in-mvc-4.htm I have shared many examples here on my blog, explaining about CRUD operations using different programming languages, such as JavaScript, AngularJS, using Entity framework and .Net. In today’s post, I am going to show how to create a simple CRUD application in Angular 6 using Web API in MVC 4. The database is SQL Server. Read More
]]> Tue, 7 May 2019 12:21:01 GMT https://www.encodedna.com/javascript/how-to-show-hide-or-toggle-a-div-element-using-javascript.htm In jQuery, you can use the .toggle() method to toggle an element, any element. However, if you are looking for a pure JavaScript solution, then here it is. I am sharing a simple code here that shows how easily you can toggle or show/hide a DIV element using JavaScript. Read More
]]> Tue, 30 Apr 2019 08:49:11 GMT https://www.encodedna.com/excel/using-excel-address-function-to-get-cell-numbers-of-specific-texts.htm You can use the ADDRESS function in Excel to get the address of a particular cell in your worksheet, by providing the function a row and column number. I am going to show how you can use the ADDRESS function in a formula to get the cell number of a specific text in your Excel worksheet. Read More
]]> Wed, 24 Apr 2019 08:24:17 GMT https://www.encodedna.com/jquery/create-an-exploding-and-imploding-effect-using-jquery.htm You can easily create an exploding and imploding effect on your web page using jQuery. The jQuery UI provides simple methods that we can use to create some amazing effects. In this post, I am sharing few examples that will show you how to explode and implode elements and texts using jQuery. Read More
]]> Wed, 17 Apr 2019 17:59:27 GMT https://www.encodedna.com/jquery/move-an-element-at-mouse-click-position-using-jquery.htm Let us assume, you have a DIV element on your web page and you want to show this element at the mouse click position. How do you do this? I am sharing a simple jQuery code here that shows how easily and efficiently you can move an element precisely at the mouse click position. Read More
]]> Mon, 15 Apr 2019 21:30:01 GMT https://www.encodedna.com/jquery/how-to-disable-or-enable-select-dropdown-list-using-jquery.htm You can use jQuery .prop() method to change the properties of an HTML element, dynamically, that is, at runtime. So, let’s see how we can use the .prop() method to disable or enable a select dropdown list. Read More
]]> Thur, 11 Apr 2019 13:35:58 GMT https://www.encodedna.com/javascript/how-to-save-form-data-in-a-text-file-using-javascript.htm I am sharing a simple example here today that explains how easily you can save your form data in a text file or in a .txt file using JavaScript. Read More
]]> Tue, 09 Apr 2019 14:37:01 GMT https://www.encodedna.com/javascript/es6-map-function-example.htm The map() function creates a new array from another array. It uses the same elements from the parent array and creates a new array of elements by calling a function. In many different ways you can use the map() function in JavaScript. I am sharing few examples here. Read More
]]> Thur, 04 Apr 2019 13:55:19 GMT https://www.encodedna.com/jquery/how-to-display-images-retrieved-from-a-json-file-using-jquery.htm If you are a JavaScript enthusiast, then you must check my previous post where I have explained it using a different and yet simple technique. Here however, I am sharing a jQuery example that explains how easily you can display images on a web page using image URLs retrieved from a JSON file. Read More
]]> Thur, 28 Mar 2019 10:33:19 GMT https://www.encodedna.com/javascript/show-images-from-urls-in-a-json-file-using-javascript.htm You can use the XMLHttpRequest object in JavaScript to read and extract data from an external JSON file. I have explained this in detail in one of my previous posts. Now here in this post I am sharing an example that explains how to show images using image URLs extracted from a JSON file in JavaScript. Read More
]]> Mon, 25 Mar 2019 21:20:03 GMT https://www.encodedna.com/javascript/how-to-get-numbers-from-a-string-in-javascript.htm There are many ways you can extract or get numbers of a string in JavaScript. One of the simplest ways of extracting numbers from a given string in JavaScript is using Regex or Regular Expressions. Read More
]]> Wed, 20 Mar 2019 11:39:18 GMT https://www.encodedna.com/html5/html5-aside-element-example.htm The HTML5 aside tag shows contents separately next to the main content, such as a paragraph, at either the right side or the left side. The contents inside the aside tag, usually has contents that are related to the main content. You can actually add a few extra lines to explain briefly, what’s inside the main content. Read More
]]> Wed, 13 Mar 2019 13:13:02 GMT https://www.encodedna.com/aspdotnet/how-to-use-aspdotnet-regularexpressionvalidator-on-a-textbox.htm There are many ways you can validate a textbox at the client side itself. However, it is advisable to validate the contents of the textbox at the server side also, before saving it. If you are using an Asp.Net application, you can use the RegularExpressionValidator control to validate the value in a textbox control. Read More
]]> Tue, 05 Mar 2019 13:21:11 GMT https://www.encodedna.com/excel/fill-combobox-in-excel-with-values-from-select-dropdownlist-using-vba.htm You can populate a ComboBox in Excel dynamically with data extracted from various sources, such as an SQL Server database. The source can also be a web page, like a Select Dropdown list. I am sharing a simple VBA example here that shows how easily you can extract or read values of a SELECT dropdown list on a web page and populate a Combobox in your Excel worksheet. Read More
]]> Thur, 20 Feb 2019 13:17:28 GMT https://www.encodedna.com/css-tutorials/how-to-add-contents-to-an-element-using-css.htm You can use the CSS content property to add contents in your web page. However, this property can only be used with pseudo elements like ::before and ::after. Read More
]]> Tue, 12 Feb 2019 12:29:15 GMT https://www.encodedna.com/jquery/how-to-find-an-element-by-its-data-attribute-value-using-jquery.htm HTML5 data attributes allow developers to add data to an element. Using data- as a prefix, you can add a data attribute to store some information within an element (any element). Now, how do you extract and use the data that are associated with the elements? Here, I’ll show how using a simple jQuery method, you can find elements by its “data” attribute value. Read More
]]> Mon, 11 Feb 2019 14:21:04 GMT https://www.encodedna.com/javascript/how-to-check-if-a-variable-in-javascript-is-undefined-or-null.htm “variable is undefined”, (or simply undefined) says the browser console. It’s an error message, which indicates that a variable inside a JavaScript code is declared but has no value. It’s a very common error. There are few simple methods in JavaScript using which you can check or determine if a variable is undefined or null. Read More
]]> Thur, 07 Feb 2019 13:31:14 GMT https://www.encodedna.com/javascript/get-all-the-elements-in-a-div-with-specific-texts-as-id-using-javascript.htm A DIV element on a webpage can have different types of elements showing data in many forms. The DIV serves as a container. Now, sometimes you might want to look for elements in a DIV with id’s that have specific texts. Here I’ll show you how to get all the elements inside a DIV with specific texts as id’s, using JavaScript. Read More
]]> Mon, 21 Jan 2019 12:47:45 GMT https://www.encodedna.com/javascript/how-to-check-if-checkbox-is-checked-or-not-using-plain-javascript.htm You can use plain JavaScript methods to check if a checkbox or multiple checkboxes on a webpage are checked or not. There’s no need to use any library like jQuery etc. for this purpose. In-fact the method that I am showing you here can also be used on dynamically created checkboxes. Read More
]]> Tue, 15 Jan 2019 18:38:07 GMT https://www.encodedna.com/excel/export-multiple-charts-from-excel-worksheet-to-powerpoint-using-vba.htm I have previously shared a post that explained how to create multiple charts in Excel using worksheet data and VBA. Now, you can export these charts to other applications such as PowerPoint for presentation. I am sharing a simple VBA example here that shows how to export multiple charts from your Excel worksheet to PowerPoint. Read More
]]> Wed, 09 Jan 2019 14:57:09 GMT https://www.encodedna.com/javascript/how-to-convert-json-string-to-json-object-in-javascript.htm You can use the JSON.parse() method in JavaScript, to convert a JSON string into a JSON object. JSON is a commonly used data format for exchanging data between a server and web applications. It can be used in a variety of ways and today I am sharing an example here, which shows how to convert a JSON string data to a JSON object in JavaScript. Read More
]]> Mon, 17 Dec 2018 13:23:14 GMT https://www.encodedna.com/excel/how-to-add-events-to-dynamically-created-controls-in-excel-using-vba.htm You can create and add controls at runtime in Excel UserForms. Some controls take data as input, some allow you to select or choose and there are button controls, which specifically perform a task on a particular event. Here in this post, I am sharing a simple VBA macro that shows how to add events to controls created at runtime in a UserForm. Read More
]]> Tue, 11 Dec 2018 17:32:57 GMT https://www.encodedna.com/css-tutorials/demo-showing-how-to-add-transparent-text-over-image-using-css.htm This demo here shows how to add a transparent text over an Image using Pure CSS. The text over an image usually describes the image. Many E-Commerce sites use this technique to display the price and other parameters of a product. You can add the text on the top or bottom of an image. Find out how. Read More
]]> Mon, 10 Dec 2018 19:34:09 GMT https://www.encodedna.com/excel/add-or-insert-a-new-row-in-excel-on-button-click-using-vba.htm I am sharing a simple VBA example here, which explains how easily you can insert or add a new row automatically in between existing rows in your Excel worksheet, on the click of a button. Read More
]]> Tue, 04 Dec 2018 12:48:04 GMT https://www.encodedna.com/javascript/how-to-get-ids-of-div-element-inside-a-div-using-javascript.htm You can use the children property of the getElementById() method in JavaScript to get or extract the unique ids of all the DIV elements inside a DIV element. The “name of the property” itself says it all. I am sharing a simple example here, which shows how to get the IDs of every child DIV element using the children property. Read More
]]> Mon, 26 Nov 2018 14:03:57 GMT https://www.encodedna.com/sqlserver/list-of-top-5-popular-sql-server-posts.htm Here’s a list of top 5 SQL Server posts and articles that were viewed, shared and liked on encodedna.com. Some of the SQL Server posts in the list were pinned as featured snippets once or twice and were displayed on top of Google search result. Read More
]]> Wed, 21 Nov 2018 13:17:24 GMT https://www.encodedna.com/javascript/disable-submit-button-after-first-click-using-javascript.htm This is for the beginners :-) We often come across this situation when we want to disable the submit button after clicking it or immediately after submitting the data. You can do this using the disabled property in a one-line code using JavaScript. Read More
]]> Mon, 19 Nov 2018 10:34:15 GMT https://www.encodedna.com/javascript/how-to-disable-a-hyperlink-using-javascript-or-jquery.htm Unlike HTML form input controls, there is no disabled attribute for the A tag. Therefore, simply adding the “disabled” attribute to the link won’t actually disable it. There is a workaround though. You can use the DOM addEventListener() method in JavaScript to prevent it to perform its default behavior and there is also a simple method in jQuery. Read More
]]> Thur, 15 Nov 2018 17:25:09 GMT https://www.encodedna.com/excel/dynamically-create-controls-in-excel-userform-and-save-data.htm You can easily add multiple controls to a UserForm in Excel, simply by dragging and dropping the controls from the toolbox on to the form. Do you can create the UserForm controls at runtime? Yes, you can and here I am sharing an example that shows how to create controls dynamically in a UserForm using VBA and save all the data to an Ms-Access table. Read More
]]> Mon, 12 Nov 2018 21:05:04 GMT https://www.encodedna.com/javascript/how-to-add-dash-after-every-3rd-character-using-javascript-or-jquery.htm Let’s assume, I have a number series or a text string and I want to add a dash or hyphen after every 3rd character or simply convert a number like 515458499 to 515-458-499 on my browser. How do I do this? One of the quickest ways to achieve this is by using JavaScript Regular Expressions. I am sharing a simple method that you can use in either JavaScript or jQuery. Read More
]]> Thur, 01 Nov 2018 12:44:11 GMT https://www.encodedna.com/excel/formula-in-excel-to-get-half-yearly-quarterly-and-yearly-date.htm Use of date and time is common in Excel and we often add a column or two showing date in our worksheet. We use dates in our reports, day-to-day transactions and more. Here in this post, I am sharing a simple Excel formula to get half-yearly, quarterly and yearly date from a given date. Read More
]]> Mon, 29 Oct 2018 13:57:04 GMT https://www.encodedna.com/aspdotnet/remove-image-from-browser-cache-when-image-changes-using-aspdotnet.htm Browsers, cache images and other static assets on a website, to reduce upload time and bandwidth. This process helps websites load faster, by extracting contents from the cache (a temporary storage in your computer). However, sometimes you need clear the browser cache, if the websites contents change frequently, such as images. I am sharing a simple trick here, which shows how to load clear browser cache when image changes using Asp.Net C# and Vb.Net. Read More
]]> Fri, 26 Oct 2018 13:04:31 GMT https://www.encodedna.com/excel/show-hide-entire-column-on-cell-click-in-excel-using-vba-macro.htm You can dynamically hide or show an entire column or multiple columns in Excel using a simple VBA macro. Here in this post I am sharing an example where a macro will hide and show a column when someone clicks on a particular cell. Read More
]]> Tue, 23 Oct 2018 14:08:17 GMT https://www.encodedna.com/javascript/dynamically-insert-or-add-a-smiley-using-javascript.htm You can add or insert various symbols in your web page using HTML Unicode. Many characters or symbols that you often see in HTML pages have a unique code or a Decimal code. You can easily insert these codes in your HTML page. I’ll show you how you can add or insert a Smiley using JavaScript. Read More
]]> Mon, 22 Oct 2018 12:26:07 GMT https://www.encodedna.com/javascript/how-to-rotate-an-image-dynamically-using-javascript.htm The CSS transform property allows you to rotate an element on a web page. You can apply the transform property inside your JavaScript code to perform a task. Here in this post I am sharing a simple tip showing how to rotate an Image on your web page using plain JavaScript. Read More
]]> Wed, 10 Oct 2018 13:06:53 GMT https://www.encodedna.com/aspdotnet/import-data-from-ms-word-table-to-a-gridview-in-aspdotnet-csharp.htm The Office Interop object in .Net, provide the necessary methods and properties with which you can easily exchange (or manipulate) data between Office applications, such as Excel or Word to your Asp.Net applications. Here, in this post I’ll show how to import data from Ms-Office Tables to GridView controls in Asp.Net using C# and Vb.Net. Read More
]]> Tue, 09 Oct 2018 12:13:08 GMT https://www.encodedna.com/javascript/capture-value-changes-in-javascript-using-onchange-attribute.htm You can use the onchange event attribute to capture any change that occur inside an element. The onchange attributes fires when the element loses focus. This attribute is used to detect or capture changes in a SELECT element, multiple textboxes or a textarea etc. I’ll show you how you can use the onchange attribute inside your JavaScript code to capture changes in elements. Read More
]]> Fri, 05 Oct 2018 08:45:37 GMT https://www.encodedna.com/javascript/convert-data-in-json-file-in-an-array-using-javascript-or-jquery.htm There are two simple ways you can read data from an external JSON file and convert the data to an Array. I am sharing two examples here. The first example is in JavaScript that uses the XMLHttpRequest Object and the second example uses jQuery getJSON() method. So, let’s get straight to the examples. Read More
]]> Mon, 01 Oct 2018 12:45:11 GMT https://www.encodedna.com/onlinetools/resize-crop-image-online.aspx The Easy Image Resizer is a 3 simple step free online image optimization tool, which allows you to select, crop and resize an image or picture of your choice, any time and from anywhere. It supports various image types such as a png, jgeg or a bmp (bitmap), with different sizes. Once resized, you can either download the image on your computer, or instantly share the optimized image with your friends on social networking sites. It is one of the fastest and simplest image resizing tools available on the web today. Read More
]]> Thur, 27 Sep 2018 09:45:06 GMT https://www.encodedna.com/category/articles/how-to-use-html-frame-tag-with-images.htm The HTML frame tag defines a frame or a section in a web page, within the frameset tag. Every single frame can has its own attributes like scrolling, borders etc. You can show different pages separately in different frames. Similarly, you can show multiple images inside multiple frame tags within a single frameset. Read More
]]> Wed, 26 Sep 2018 13:32:38 GMT https://www.encodedna.com/aspdotnet/convert-csv-to-xml-in-aspdotnet-csharp-using-streamreader-and-datatable.htm Earlier, I have shared a post with an example explaining how to read data from a CSV file in Asp.Net. Now I am extending that example and here in this post I’ll show you an example in C# and Vb.Net on how to convert a CSV file to an XML file in Asp.Net using StreamReader and DataTable class. Read More
]]> Tue, 18 Sep 2018 10:10:29 GMT https://www.encodedna.com/resize-bulk-images/default.htm I would like to invite you to try my new Bulk Image Resizer Tool. The Bulk image resizer allows you to resize a variety of images, such as, a JPG (JPEG), PNG, BMP or a GIF file. It quickly resizes multiple images without loading the images on a server. Therefore, it is safe to use and it keeps your photos private, since all the images stay in your computer. Its a free tool and no Sign up is required. Simply choose the files from a folder or Drag and drop the images and click “Start resizing”. Its very easy to use. Read More
]]> Tue, 09 Sep 2018 12:36:27 GMT https://www.encodedna.com/javascript/toggle-div-based-on-dropdown-list-selection-using-javascript-or-jquery.htm Let us assume you have a DIV element that serves as a container and it has few more elements in it. You also have a SELECT dropdown list. Based on whatever you select from the dropdown list, it should show/hide or toggle the DIV element. I’ll show you how you can do this using jQuery toggle method and using plain JavaScript. Read More
]]> Sun, 26 Aug 2018 14:24:18 GMT https://www.encodedna.com/google-chart/create-line-charts-with-dynamic-json-data-using-google-charts.htm In an earlier post, I have explained how to create Google Pie charts using dynamic data from an SQL Server table. Now, here I am going to show you how to create Line charts or line graphs with Google Chart tools using dynamic JSON data or data extracted from an external JSON file. Read More
]]> Fri, 24 Aug 2018 10:36:57 GMT https://www.encodedna.com/excel/extract-contents-from-html-element-of-a-webpage-in-excel-using-vba.htm You can easily extract the contents of a webpage from Excel. Web queries are one simple feature in Excel that you can use to import data from any website. You can further automate this process by writing a simple macro using VBA. The example here shows how to extract or read the contents inside an HTML element (any element) from Excel using a simple VBA macro. Read More
]]> Fri, 17 Aug 2018 13:33:17 GMT https://www.encodedna.com/excel/using-filesystemobject-to-create-write-read-text-file-in-excel.htm I have previously shared an article in which I have explained how to use the VBA FileSystemObject to work with local files and folders from your Excel worksheet. Now, let’s see how using the methods in the FileSystemObject we can create a text file, write into the file and read its contents. Read More
]]> Fri, 10 Aug 2018 14:03:51 GMT https://www.encodedna.com/excel/how-to-use-filesystemobject-in-excel-vba.htm The FileSystemObject (or FSO) in VBA, provides methods and properties, which allows programmers to access and manipulate files in their computer. You can do a host of operations related to files and folder like creating, reading, editing and moving files across folders etc. in your VBA application. Read More
]]> Mon, 06 Aug 2018 09:58:39 GMT https://www.encodedna.com/excel/how-to-open-a-file-dialog-box-in-excel-using-vba.htm A File dialog box allows you to choose one or more files from a folder in your computer. You can open a file dialog box from your Excel worksheet using VBA. Microsoft Excel’s “.FileDialog” method of Application object provides many useful methods and properties that would allow users to filter and select one or more files. Read More
]]> Thur, 02 Aug 2018 13:50:32 GMT https://www.encodedna.com/excel/how-to-change-column-width-and-row-height-in-excel-using-vba.htm You can dynamically change column width or the row height in your Excel worksheet using simple properties in VBA. It becomes essential when you have texts or data in columns that either hides or overlaps with other columns data, or you want to increase or decrease the height of rows. The properties that we are going to discuss here are .ColumnWidth, .RowHeight and the .AutoFit method in Excel VBA. Read More
]]> Tue, 31 July 2018 13:55:08 GMT https://www.encodedna.com/excel/extract-or-copy-table-data-from-word-to-excel-using-vba.htm I have previously shared an article with an example showing how to open a word document from excel and copy excel data, a table, to the word doc using VBA. You can reverse the process, that is, extract or copy data from single or multiple tables from a word document to your Excel worksheet. Read More
]]> Fri, 27 July 2018 18:50:34 GMT https://www.encodedna.com/javascript/convert-html-table-to-pdf-using-javascript-without-a-plugin.htm I only use a plug-in in my applications only when I don’t find easy methods to do things. No doubt, a Plug-in offer features that will help customize your apps. You can find many plug-in that would convert your HTML table to a PDF document. However, here I’ll show you how it can be done without a plug-in, that is, convert an entire HTML table to a PDF document, along with the table style, using plain JavaScript. Read More
]]> Tue, 10 July 2018 12:40:23 GMT https://www.encodedna.com/excel/how-to-add-text-to-shapes-dynamically-in-excel-using-vba.htm It is very easy to add text to shapes dynamically in Excel using VBA, provided you know the properties. VBA’s Shape object provides a property called TextFrame, which gives access to the text of any shape. Let us see how you can use the VBA TextFrame property in your macro to add text to shapes dynamically. Read More
]]> Sat, 07 July 2018 12:52:05 GMT https://www.encodedna.com/excel/change-the-color-of-shape-in-excel-based-on-cell-value-using-vba.htm You can insert different kinds of shapes in your Excel worksheet, like a circle or a rectangle etc. These shapes can be used for various purposes and you can easily change its properties like the color or the size etc. You can also dynamically change the color of a shape based on values in specific cells using VBA. Read More
]]> Thur, 05 July 2018 10:24:31 GMT https://www.encodedna.com/angular/autocomplete-textbox-in-angular-6-using-web-api.htm The angular team has released Angular 6 recently and it comes with many interesting tools and features. I am still updating my Angular 4 projects to Angular 6. The AutoComplete feature in Angular Material, in particular, caught my attention. I am sharing an example here explaining how to implement AutoComplete textbox feature in Angular 6 with dynamic data using Web API in MVC 4. Read More
]]> Mon, 02 July 2018 21:24:57 GMT https://www.encodedna.com/javascript/check-if-array-has-a-specific-value-using-javascript.htm You can use JavaScript includes() method to check if a value exists in an array or not. We use an array to store data temporarily, until the work is done. Sometimes we might look for a value or a string of values that are already stored in the array, to avoid duplicates or replace the value with another. I’ll show you how using JavaScript includes() method, you can easily check if a given value exists in an array. Read More
]]> Mon, 25 Jun 2018 18:24:11 GMT https://www.encodedna.com/javascript/remove-whitespace-from-string-using-regex-in-javascript.htm The JavaScript “replace()” method can be used to replace value in a string with a given value. However, if the value that you are trying to replace occurs more than once in the string, for example whitespaces, the replace() alone will not work. Since this method will only replace the first occurrence of the value. In this case you can use a Regular Expression or RegExp to search and replace values in a string. Read More
]]> Mon, 14 May 2018 12:39:51 GMT https://www.encodedna.com/angular/dynamically-set-or-assign-label-text-on-button-click-in-angular-4.htm This may not be a very common scenario, however sometimes you might need it, that is, assigning or setting the label text dynamically. Here, I am sharing two different methods showing how to set or assign the text of a label dynamically on button click in your Angular 4 application. Read More
]]> Tue, 17 Apr 2018 13:54:08 GMT https://www.encodedna.com/jquery/set-or-assign-value-to-a-label-dynamically-using-jquery.htm jQuery provides two separate methods to set or assign values to a label dynamically. The methods are “text()” and “html()”. Both the methods have distinct features. You can use either of these two methods to assign a value to a label. Read More
]]> Fri, 13 Apr 2018 12:21:31 GMT https://www.encodedna.com/javascript/remove-duplicates-in-javascript-array-using-es6-set-and-from.htm ES6 or ECMAScript 6 has many useful features and two of its features recently got my attention. We use Arrays in JavaScript and often come across duplicates. Traditionally, to get rid these unwanted duplicates, we would iterate through each value in the array, extract unique values and add the values in another array. ES6 has now made it simple. Using its Set data structure along the from() function of Array object, you can easily remove duplicates in a JavaScript array. Read More
]]> Tue, 10 Apr 2018 12:59:24 GMT https://www.encodedna.com/javascript/dynamically-create-checkboxes-based-on-textbox-values-using-javascript.htm You can create checkboxes dynamically in JavaScript using the document.createElement() method. The method takes a parameter in the form of a “tagName”. I created a scenario, where I’ll create the checkboxes in JavaScript based on inputs from a textbox. Read More
]]> Sat, 07 Apr 2018 13:00:17 GMT https://www.encodedna.com/javascript/how-to-create-a-simple-crud-application-using-only-javascript.htm You can use plain JavaScript to create a basic Single Page Application. Today you can find many comprehensive JavaScript frameworks for building complex front-end applications. I personally have worked with AngularJS and found it very useful. However, for some good reason, I still use JavaScript and let me show you how to create a Simple CRUD application (a Single Page Application) using only JavaScript. Read More
]]> Wed, 04 Apr 2018 13:18:14 GMT https://www.encodedna.com/angular/how-to-highlight-table-row-in-ngfor-on-hover-in-angular-4.htm We often use an HTML table in our applications to show data. Tables are simple and you can use it to populate static and dynamic data. You can populate an HTML table in Angular 4 using the ngFor directive. Here, in this post I’ll show you how to highlight table row on hover using the mouseover event along with Angular 4 ngClass directive. Read More
]]> Tue, 20 Mar 2018 13:51:09 GMT https://www.encodedna.com/windows-forms/import-data-from-excel-to-datagridview-in-winforms-using-csharp.htm You can use WinForms DataGridView control to perform simple CRUD operations. Your data source can be anything like an SQL Server database, JSON or Ms-Excel. Here in this post I am sharing a small program in C# and Vb.Net showing how to import data from an Excel to a DataGridView control and modify the existing data or add new data back to the Excel sheet. Read More
]]> Thur, 15 Mar 2018 13:35:27 GMT https://www.encodedna.com/windows-forms/how-to-edit-or-modify-excel-data-in-windows-forms-with-csharp.htm You can easily modify data in an Excel file from your Windows Forms, popularly known as WinForms. In fact, you can do many things like read, edit and add data to your Excel file from WinForms. Here in this post, I am sharing an example showing how to edit or modify an Excel file or its edit its existing data from Windows Forms using C#. Read More
]]> Fri, 09 Mar 2018 13:09:34 GMT https://www.encodedna.com/angular/pie-chart-in-angular-4-with-dynamic-data-using-chartjs-and-ng2-charts.htm Pie charts, no doubt are the most commonly used charts. Using Chart.js library and ng2-charts, you can easily create Pie charts in your Angular 4 applications. I am sharing an example here explaining how to create an animated Pie chart in Angular using data extracted from an External JSON file. Read More
]]> Tue, 06 Mar 2018 21:11:54 GMT https://www.encodedna.com/angular/how-to-create-bar-chart-in-angular-4-using-chartjs-and-ng2-charts.htm You can integrate charts in your Angular 4 applications using Chart.js library and ng2-charts and create beautiful animated charts using both static and dynamic data. Here in this post I am sharing two simple examples showing how to create a Bar Chart in Angular 4 using Chart.js and ng2-charts. Read More
]]> Mon, 26 Feb 2018 13:52:11 GMT https://www.encodedna.com/javascript/how-to-get-the-length-of-an-object-in-javascript.htm Everything in JavaScript is an Object. You can define a string object, an array object or you can simply use the Object constructor in JavaScript to create an object and add properties and values to it. Sometimes, you would also require knowing the length of an Object. One of simplest and perhaps the quickest way to get the length of a given object in JavaScript is by using the “length” property of “Object.keys()” method. Read More
]]> Wed, 21 Feb 2018 10:48:11 GMT https://www.encodedna.com/javascript/disable-or-enable-submit-button-using-javascript.htm You can use the JavaScript disabled property to disable or enable a submit button, or an input button, on your web page. Here in this post I am sharing a simple example showing to disable or enable a submit button based on certain condition. Read More
]]> Tue, 13 Feb 2018 14:48:31 GMT https://www.encodedna.com/aspdotnet/populate-webgrid-based-on-selected-dropdownlist-value-in-mvc-using-razor.htm In this article, I am going to explain step-by-step on how to populate a WebGrid based on selected values from a DropDownList in an MVC application using Razor. I am assuming you know what a WebGrid is and how to use WebGrid in an MVC application. I have written the code in both C# and Vb.Net. Read More
]]> Thur, 08 Feb 2018 14:08:12 GMT https://www.encodedna.com/aspdotnet/how-to-make-an-ajax-call-from-a-webgrid-in-mvc-for-csharp-and-vb.htm jQuery Ajax provides methods that allow web applications to send and receive data Asynchronously, without refreshing the page. If your application is on MVC framework, you can still use Ajax methods efficiently to send or receive data from server. Here in this post, I am sharing an example on how to make a jQuery Ajax call (the GET method) from an MVC WebGrid to extract more data based on the row value, from the controller. The example code is both in C# and in Vb.Net. Read More
]]> Thur, 01 Feb 2018 14:44:32 GMT https://www.encodedna.com/aspdotnet/perform-crud-operations-in-an-mvc-application-using-entity-framework.htm CRUD operations often require huge amount of effort for writing server side as well as client side codes. However, with Asp.Net MVC framework it is effortless and yet efficient. Here in this post I am going to show you how to perform CRUD operations in an MVC application using Microsoft ADO.Net Entity framework, and without writing a single line of code. Read More
]]> Mon, 29 Jan 2018 15:03:57 GMT https://www.encodedna.com/aspdotnet/webgrid-example-in-aspdotnet-mvc-4-csharp-and-vb.htm As Asp.Net developers, we are aware of Asp.Net DataGrid controls like the GridView and we know how important a grid control is when it comes to displaying a huge cache of data on a web page. However, in Asp.Net MVC, there are no ready to use server controls like the GridView control. In this post, I’ll show you how to use the WebGrid Class in Asp.Net MVC 4 to display database data in a Grid format using C# and Vb.Net languages. Read More
]]> Sat, 27 Jan 2018 14:49:26 GMT https://www.encodedna.com/jquery/show-a-text-over-an-image-at-mouse-location-using-jquery.htm Today I am sharing a simple jQuery example showing how to dynamically position an element or how to apply CSS properties dynamically to an element using jQuery. The code example here in this post explains how to show a text over an Image at mouse location using jQuery. Read More
]]> Tue, 23 Jan 2018 13:21:06 GMT https://www.encodedna.com/angular/read-an-external-json-file-in-angular-4-and-convert-data-to-table.htm You can use the HttpClient service in Angular 4 to read and extract data from an external JSON file. Using the Get() method of HttpClient class, you can easily open and read data from a JSON file. Here in this post, I am sharing a simple example on how to read JSON data from a file and convert the data to an HTML table. Read More
]]> Tue, 16 Jan 2018 15:53:14 GMT https://www.encodedna.com/angular/get-file-info-like-size-name-type-from-multiple-file-input-in-angular-4.htm Angular allows you upload multiple files from your application. I have recently shared a post explaining how to use the Post method in Angular 4 to upload multiple files. However, sometimes it is necessary to do some checks on the files. You can get some basic information about each file before uploading it to a server using the $event object in Angular 4. Read More
]]> Wed, 10 Jan 2018 13:35:04 GMT https://www.encodedna.com/aspdotnet/add-jquery-datepicker-control-to-gridView-row-in-aspdotnet.htm If you are using a GridView control in your Asp.Net application for doing CRUD operations and you want to add a Datepicker to the GridView, then you have come to the right place. I am sharing an example here, which shows how to add a jQuery Datepicker control to a GridView row and save the date, with other data, to a database table using C# and Vb.Net code. Read More
]]> Sat, 06 Jan 2018 14:09:54 GMT https://www.encodedna.com/aspdotnet/how-to-bind-jquery-datepicker-control-to-Aspdotnet-textbox-control.htm You can use the jQuery DatePicker control to work with date related functions in your Asp.Net applications. The DatePicker control can be attached to any form input field. Here in this post I’ll show you an example on how to bind or tie the jQuery DatePicker control to a Asp.Net textbox control and how you can access the selected date from your code behind procedure using C# and Vb.Net. Read More
]]> Tue, 02 Jan 2018 14:14:04 GMT https://www.encodedna.com/angular/multiple-file-upload-in-angular-4-using-web-apiI-in-mvc-4.htm I am learning Angular 4 and would very soon move to Angular 5 and recently I came across a need to upload images using my Angular 4 app. I have recently shared a post on how to use HttpClient service in Angular 4, where I have explained the use of “get()” method to extract data from Web API controller. Here, in this post I’ll show you how to upload multiple files in Angular 4 using the “post()” method and Asp.Net Web API in MVC 4. Read More
]]> Wed, 27 Dec 2017 14:18:14 GMT https://www.encodedna.com/angular/how-to-show-hide-or-toggle-elements-in-angular-4.htm I am sharing a simple example here in this post showing how to toggle or show and hide elements in Angular 4. Let us assume I have a DIV element, which has few other elements like textbox and buttons. I wish to show and hide the elements with the click of a button. Read More
]]> Fri, 22 Dec 2017 14:37:34 GMT https://www.encodedna.com/angular/angular-error-cant-bind-to-ngmodel-since-it-isn-t-a-known-property-of-select.htm I have shared a post here on my blog recently where I have explained how to use ngFor directive in Angular 4 to bind dynamic data to a SELECT element. While working on this example, I have encountered an error, which says, “Can’t Bind to ngModel since it isn’t a known property of select”. Many of my visitors shared this error with me too. Read More
]]> Thur, 21 Dec 2017 13:50:27 GMT https://www.encodedna.com/angularjs/tutorial/10-most-viewed-angularjs-articles-on-my-blog-in-2017.htm We cannot think about web development without a JavaScript framework. You might have worked with one or two frameworks in your entire development carrier. One of the most popular JavaScript frameworks, in recent times, is AngularJS. Its an awesome framework to create dynamic web applications. I have posted many useful articles on my blog. Now, here in this post I have listed 10 most viewed AngularJS articles on encodedna.com in the year 2017. Read More
]]> Mon, 18 Dec 2017 14:49:13 GMT https://www.encodedna.com/aspdotnet/encrypt-and-decrypt-connection-strings-in-webconfig-visual-studio-2010.htm The Web.Config file in Asp.Net is used for a wide range purposes. One of reasons developers often use the Web.Config file is to create a Database connection by defining a connection string pointing to the database. You can use this connection string with a GridView control or a Repeater control. However, the connection string is wide open for viewing that is anybody who has access to the application can view the connection string and its properties. I’ll show you how you can Encrypt and Decrypt Connection Strings in Asp.Net Web.Config files. Read More
]]> Wed, 13 Dec 2017 14:13:53 GMT https://www.encodedna.com/javascript/how-to-print-a-pdf-document-using-javascript.htm Usually, we download a PDF file on our computer, open the file and click the print button to print its contents. However, you can easily print a PDF document directly from your web page using JavaScript. All you need is an iframe on your web page or you can create an iframe dynamically, add the document to iframe and print it. I’ll show you how you can print a PDF document using JavaScript. Read More
]]> Tue, 12 Dec 2017 13:18:34 GMT https://www.encodedna.com/angular/angular-4-ngfor-directive-to-bind-data-to-select-dropdown-using-web-api.htm You can use an ngFor directive in Angular 4 to loop through an array of data and bind the data to an element in your application template. Here in this post I am sharing an example on how to extract data by consuming an Asp.Net Web API service and use the data to populate a SELECT Dropdown list using Angular 4 ngFor Directive. Read More
]]> Sat, 09 Dec 2017 14:16:57 GMT https://www.encodedna.com/angular/httpclient-service-in-angular-4-with-web-api-in-aspdotnet-mvc-4.htm We can access Asp.Net Web API methods in an Angular 4 application. Angular 4.3 introduced a new module called the HttpClientModule, which includes HttpClient service that would help initiate HTTP requests and responses. Here in this post I am sharing an example on how to use the new HttpClient Service in Angular 4 to access Web API methods in Asp.Net MVC 4. Read More
]]> Wed, 06 Dec 2017 13:46:04 GMT https://www.encodedna.com/angularjs/tutorial/populate-ui-grid-with-excel-data-using-webapi-mvc4.htm Yesterday, I have shared an article with example explaining how to read data from Excel in AngularJS. Using a similar method, I’ll show you how to populate the AngularJS UI-Grid with Excel data using Asp.Net Web API. Read More
]]> Thur, 30 Nov 2017 14:07:14 GMT https://www.encodedna.com/angularjs/tutorial/read-excel-in-angularjs-using-webapi-and-show-data-in-html-table.htm Here I am with another interesting and useful AngularJS example. If integrating Excel data to your AngularJS app is what you are looking, then this is it. I am sharing a simple example here in this post on how to read Excel data in AngularJS using Asp.Net Web API in MVC 4 and show the extracted data in an HTML Table. Read More
]]> Wed, 29 Nov 2017 13:54:17 GMT https://www.encodedna.com/jquery/export-html-table-to-excel-using-jquery-table2excel-plug-in.htm I found this jQuery plug-in the other day that I thought would be useful for developers looking for a quick solution to convert an HTML table to Excel. Here I am sharing an example on how to export an entire HTML table with heading to Excel. Read More
]]> Thur, 23 Nov 2017 14:16:57 GMT https://www.encodedna.com/angular/angular-4-basic-animation-example.htm Angular is continuously upgrading its libraries and adding powerful features to its framework. Angular 4 has its own Animation library, which offers some great new features to create animations. Here, I am sharing a simple Angular 4 animation example showing how to change the color of a circle animatedly with every click. Read More
]]> Mon, 20 Nov 2017 13:54:16 GMT https://www.encodedna.com/jquery/how-to-get-the-ids-of-every-div-element-using-jquery.htm I am sharing a simple tip here today on how to get the ID’s of every DIV element on a web page using jQuery. You can use jQuery attr() and prop() methods to retrieve element ids. Read More
]]> Wed, 15 Nov 2017 12:54:16 GMT https://www.encodedna.com/css-tutorials/reverse-the-order-of-html-elements-using-css3-flexbox.htm Do you know you can reverse the order of HTML elements using only CSS? Yes, it is possible and you do not need any script do this. CSS3 Flexbox Layout, also known as Flexible Layout module provides some very interesting properties, one of which can reverse the HTML elements order. Read More
]]> Sat, 11 Nov 2017 12:38:26 GMT https://www.encodedna.com/aspdotnet/how-to-create-or-remove-folders-and-subfolders-in-aspdotnet-csharp.htm You can easily create folders and subfolders at runtime in Asp.Net using methods in the Directory class of System.IO namespace. The methods that I am going to use in my example here are CreateDirectory() and Delete(), along with other methods, to show you how to create or remove folders (or directories) and subfolders (or subdirectories) in Asp.Net. The Code examples are written both in C# and in Vb. Read More
]]> Thur, 09 Nov 2017 13:05:11 GMT https://www.encodedna.com/jquery/using-jquery-mousemove-method-to-capture-mouse-pointer-location.htm We can use jQuery mousemove() method to capture mouse pointer location on a web page. This method triggers the mouse movement event or calls a function when a mousemove event occurs. You can apply the method to capture the mouse pointer location on the entire web page or inside an element. Read More
]]> Wed, 08 Nov 2017 11:21:51 GMT https://www.encodedna.com/jquery/dynamically-bind-populate-select-element-with-json-data-using-jquery-ajax.htm I am sure you might have read my previous article on How to read a JSON file, push the values in an array, and convert the array into an HTML table using jQuery. In that post I have explained about jQuery .getJSON() Method . I am using the same method here in this post showing an example on how to extract JSON data from an external file and bind or populate the data to a SELECT element using jQuery. Read More
]]> Mon, 06 Nov 2017 11:44:04 GMT https://www.encodedna.com/javascript/populate-select-dropdown-list-with-json-data-using-javascript.htm I am sharing two simple examples here in this post explaining how to populate a SELECT dropdown list with JSON data using JavaScript. In the first example, I’ll create a JSON array inside JavaScript and bind the data to a SELECT element. In the second example, I’ll extract data from an External JSON file using XMLHttpRequest Object, parse the JSON and bind the data to the SELECT element. Read More
]]> Mon, 23 Oct 2017 13:02:11 GMT https://www.encodedna.com/excel/how-to-parse-outlook-emails-and-show-in-excel-worksheet-using-vba.htm I am sure you must have read my previous article on how to send emails from Excel using VBA macro and Outlook. Now, here in this post I am sharing an example on how to Parse or Extract Outlook emails and show details like senders address, to, email receive date, email subject etc. in Excel worksheet using VBA. Read More
]]> Wed, 18 Oct 2017 12:03:51 GMT https://www.encodedna.com/aspdotnet/how-to-read-data-from-csv-file-in-aspdotnet-with-streamreader-class.htm You can read a CSV file in Asp.Net. Its very simple. Here I am sharing a simple and small example on how to read data from a CSV file in Asp.Net using the StreamReader Class. I have written the code in both C# and VB.Net. Read More
]]> Wed, 11 Oct 2017 11:03:17 GMT https://www.encodedna.com/javascript/auto-refresh-page-every-10-second-using-javascript-setInterval-method.htm The JavaScript setInterval() method calls a function or executes a code repeatedly at specified time intervals. Here in this post, I’ll show you a simple example on how to refresh or reload a web page every 10 second using the JavaScript setInterval() method. Read More
]]> Mon, 09 Oct 2017 11:16:27 GMT https://www.encodedna.com/angularjs/tutorial/how-to-implement-or-add-filtering-to-angularjs-ui-grid.htm Filtering is an important feature in any data grid, since you will be dealing to hundreds on rows. AngularJS UI-Grid provides simple methods to filter rows. You can easily add filters to all columns or on specific columns only. Here in this post I’ll explain how to implement or add filtering to a paging enabled UI-Grid, add filter to specific UI-Grid columns and finally add a dropdown list to a UI-Grid column for filtering. Read More
]]> Sat, 23 Sep 2017 13:57:18 GMT https://www.encodedna.com/aspdotnet/populate-select-element-with-data-from-sql-server-in-aspdotnet-csharp.htm There are various ways you can populate data dynamically to an HTML Select element, either by calling a web method or a Web API method in Asp.Net. Here in this post I am sharing simple example on how to populate a Select element with data extracted from an SQL Server table using Asp.Net Code behind procedure. The codes are written in both C #and Vb.Net. Read More
]]> Fri, 22 Sep 2017 12:52:08 GMT https://www.encodedna.com/javascript/check-image-width-height-and-type-before-uploading-using-javascript.htm Whether you are working with an e-commerce site or a web application that requires uploading of images or files, then it is important to check some basic details about the files before uploading. Here in this post, I’ll show how quickly and efficiently you can check the width, height and format of multiple images or files using plain JavaScript. Read More
]]> Thur, 21 Sep 2017 13:02:39 GMT https://www.encodedna.com/html5/howto-read-values-from-html5-input-type-range-using-javascript.htm We often use the HTML5 Range input type element as a range selector on e-commerce sites. Here in this post, I am sharing a simple JavaScript example showing how to extract or read values from Input type Range and submit the values. Read More
]]> Wed, 13 Sep 2017 14:02:39 GMT https://www.encodedna.com/angularjs/tutorial/how-to-make-angularjs-ui-grid-editable.htm The AngularJS UI-Grid provides simple, easy to use features to make the grid cells editable. You can choose which columns of the UI Grid should be editable and which are not editable, or add a dropdown editor to a particular UI Grid column and more. Here in this post I’ll show you how to make AngularJS UI-Grid editable and explain some of its features. Read More
]]> Sat, 09 Sep 2017 13:50:51 GMT https://www.encodedna.com/angularjs/tutorial/animated-charts-in-angularjs-using-chartjs-and-external-json-data.htm You can create beautiful interactive charts in AngularJS using Chart.js and dynamic data. I have previously shared a post on creating charts in AngularJS with dynamic data using Web API. Taking a cue from my previous post, I am now sharing an example on how to create animated charts in AngularJS using data extracted from an External JSON file and Angular-Chart.js. Read More
]]> Tue, 05 Sep 2017 14:00:57 GMT https://www.encodedna.com/javascript/select-element-set-focus-or-expand-options-on-page-load-using-javascript.htm In this post, I am sharing two quick examples on SELECT element. The first example shows how to set focus on a SELECT element or a DropDown list on page load. In the second example, I’ll show how to Expand the SELECT element automatically when the page loads. Both examples use HTML5 attributes and JavaScript to perform the functions. Read More
]]> Mon, 04 Sep 2017 12:34:17 GMT https://www.encodedna.com/google-chart/show-percentage-and-values-together-in-google-pie-charts.htm I have previously submitted a post on how to create Google Pie chart with data extracted from an SQL Server database using Web API. I have received many queries from my readers asking me how to show the percentage and values on the Pie charts. Read More
]]> Fri, 01 Sep 2017 09:57:27 GMT https://www.encodedna.com/angularjs/tutorial/implementing-pagination-to-angularjs-ui-grid.htm Pagination is a very important feature in any Data Grid. You can have thousand of rows of data and its not possible to show every piece of information in a single page. AngularJS UI-Grid provides pagination to its grid and its very simple to use. Here, I’ll show you how easily, with few lines of code you can implement pagination or paging to an AngularJS UI-Grid. Read More
]]> Mon, 28 Aug 2017 12:53:15 GMT https://www.encodedna.com/angularjs/tutorial/read-data-from-an-external-json-file-in-angularjs.htm Using data in JSON format is very common in web applications and its widely used in AngularJS applications too. Here I am sharing a small example on how to parse or read JSON data from external file in AngularJS and populate the data to a Table or using UL and LI list. Read More
]]> Thur, 24 Aug 2017 14:24:08 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-ui-grid-example-with-asp.net-web-api-mvc4.htm The UI Grid in AngularJS is an upgraded version of ng-grid. Unlike the ng-grid (which used jQuery), the UI-Grid is purely built on AngularJS library and supports all core grid features such paging, sorting, grouping etc. Here in this post, I’ll show you how to create a Data Grid in AngularJS using UI-Grid and populate the grid by extracting data using Asp.Net Web API MVC 4. Read More
]]> Wed, 23 Aug 2017 12:39:35 GMT https://www.encodedna.com/angularjs/tutorial/email-validation-in-angularjs-using-ngpattern-directive.htm AngularJS offer simple client side validation of Input data. Your form may have many input fields, which will help collect information from your users. However, you’ll need to validate the values in the fields before doing anything with the data. Here in this post, I’ll show you how you can validate emails in an AngularJS form using its Built-in Email Validator and using ng-pattern directive with Regular Expressions. Read More
]]> Sat, 19 Aug 2017 14:07:05 GMT https://www.encodedna.com/excel/open-word-from-excel-and-copy-data-word-doc-using-vba.htm You can open a new word file or document from Excel using VBA. Here in this post I’ll show you an example on how to open a word file from Excel using a Macro. I’ll also show you how to copy Excel data, a table, into the newly created Word document using a Macro. Read More
]]> Wed, 16 Aug 2017 13:05:35 GMT https://www.encodedna.com/excel/calculate-age-in-excel-using-just-the-year.htm There are different ways to calculate a person’s age in Excel using different types of data. In most cases you will be given a Date from which you’ll need to get or calculate the age. Here in this post however, I’ll show you the quickest way to calculate the age in Excel using just the Year. Read More
]]> Mon, 14 Aug 2017 22:32:15 GMT https://www.encodedna.com/excel/how-to-use-replace-function-in-excel-vba.htm The Replace function in Excel VBA is an inbuilt function or a pre-defined function, which you can use in your Macro to replace a set of characters in a string with another set of characters. You can replace characters in a given string or replace characters in a cell or a specified range in your Excel worksheet. Read More
]]> Wed, 9 Aug 2017 22:21:05 GMT https://www.encodedna.com/excel/how-to-create-multiple-pie-charts-in-excel-using-vba.htm You know there are two ways to create Pie charts in Excel. One, create a Pie chart on your own using the tools available (see here) or you can use VBA to create Pie charts automatically with the click of a button. Here in this post I’ll show you an example on how to create multiple Pie charts in Excel using your worksheet data and VBA. Read More
]]> Tue, 8 Aug 2017 11:56:21 GMT https://www.encodedna.com/excel/create-a-pie-chart-in-excel-using-worksheet-data.htm A chart shows data in a graphical format. A Pie chart is a circular chart where it divides the data into slices. Each slice represents a part of the data. Here in this post and the next, I’ll show you how to create Pie charts in Excel using your Worksheet data. Read More
]]> Sat, 5 Aug 2017 11:49:57 GMT https://www.encodedna.com/javascript/dynamically-add-remove-rows-to-html-table-using-javascript-and-save-data.htm I have recently shared a post on how to add or remove rows to an HTML table dynamically in AngularJS. Now, if you are a JavaScript enthusiast, then this post is for you. Here, I am sharing an example on how to add or remove table rows using plain JavaScript and save the data to a database. Read More
]]> Tue, 1 Aug 2017 10:36:19 GMT https://www.encodedna.com/angularjs/tutorial/get-the-day-of-week-or-weekday-from-a-date-using-angularjs-filter.htm There are a couple of ways to get the day of week from a given date in AngularJS. Either you can use AngularJS date filter and its in-built date formats to get the weekday or you can simply do it from your controller. Along with its in-built feature, I’ll show you how to get the weekdays in numbers of a given date in your AngularJS controller. Read More
]]> Thur, 27 July 2017 12:33:51 GMT https://www.encodedna.com/sqlserver/tips/how-to-get-previous-months-records-in-sql-server.htm Here’s a simple SQL Server tip, I thought would be useful for beginners. Let us assume I have a Sales table with few records. Each row in the table has data such as total quantities sold, total price and a column with date, on which the figures were entered. I’ll show you how to get the previous months records using a simple query in SQL Server. Read More
]]> Tue, 25 July 2017 12:09:24 GMT https://www.encodedna.com/angularjs/tutorial/how-to-implement-a-search-filter-on-an-html-table-in-angularjs.htm I have written few posts here on my blog, explaining about Filters in AngularJS with examples. Here in this post I am sharing couple of simple examples on how efficiently you can implement a search filter on an HTML table using AngularJS filter. Read More
]]> Sat, 22 July 2017 12:41:19 GMT https://www.encodedna.com/angularjs/tutorial/add-remove-table-rows-dynamically-in-angularjs.htm Using AngularJS ng-repeat directive, you can easily bind JSON array data to an HTML table. You can use the same table to do some simple CRUD operations, like adding or removing data. Here in this post I’ll show you how to add or remove rows of a table dynamically in AngularJS. Read More
]]> Wed, 19 July 2017 11:53:34 GMT https://www.encodedna.com/excel/read-multiple-excel-files-and-merge-data-to-single-file-using-vba.htm I have previously shared a post with an example on how to read data from a closed workbook without opening it. I am extending that example, and here in this post I’ll show you how to read multiple excel files or workbooks and merge the data into a single Excel file using VBA. Read More
]]> Fri, 14 July 2017 14:05:14 GMT https://www.encodedna.com/excel/create-named-cell-or-named-range-in-excel.htm In Excel, you can name a cell or a range of cells. Giving a meaningful name to a cell or a range helps understand the data or the set of data it holds. However, named cells have other useful benefits. Here in this post I’ll show you how to create named cells or range in Excel and use the names in formulas or even use it for data validation. Read More
]]> Thur, 13 July 2017 09:17:34 GMT https://www.encodedna.com/excel/how-to-get-stock-quotes-in-excel-using-vba-macro.htm I am not a stockbroker, neither have I invested in stocks in recent years. All right, I did maintain a small portfolio in the past, until the market came crashing in the year 2008. It was very scary then. However, if you are still actively investing in the stock market and use Ms-Excel, then here’s an example on how to get current stock quotes, every few seconds, in your Excel file from a Web page using VBA Macro. Read More
]]> Mon, 10 July 2017 12:27:11 GMT https://www.encodedna.com/aspdotnet/create-multiple-textboxes-in-aspdotnet-save-data-jquery-ajax-webmethod.htm I have previously shared few examples on how to call WebMethods in Asp.Net using jQuery Ajax. I am not going in explain in detail about Web Methods, but I’ll use a Web method, though. In this post, I am going to explain with an example on how to create multiple textboxes dynamically or programmatically using Asp.Net and save the data using jQuery Ajax and Web Method. Read More
]]> Tue, 04 July 2017 20:45:31 GMT https://www.encodedna.com/jquery/binding-click-event-to-a-dynamic-element-using-jquery.htm In jQuery, you can use the .click() method to trigger a click event. This method works with almost every element. However, the .click() method does work on elements that you will create dynamically using a script. Here, in this post I’ll explain with examples on how to bind click event to a dynamically created element using jQuery. Read More
]]> Wed, 28 June 2017 20:54:12 GMT https://www.encodedna.com/aspdotnet/extract-data-using-webapi-jquery-ajax-and-display-data-with-paging.htm Web developers using Asp.Net, commonly use the GridView control to display data in a tabular format. The GridView comes with many useful features, especially paging . Here in this post I’ll show you a simple example on how to display data in tabular format with paging by extracting data from an SQL Server database table using Asp.Net Web API and jQuery Ajax. Read More
]]> Tue, 27 June 2017 08:48:36 GMT https://www.encodedna.com/javascript/using-contains-method-to-check-if-an-element-is-a-descendant.htm I came across a situation where I had to figure out, at run time, what type of elements is inside in a DIV element. The DIV on my page acts as a container. Therefore, there are few different elements and I wanted to know if my DIV has any P element or paragraphs. The JavaScript .contains() method has the solution. Read More
]]> Thur, 22 June 2017 12:08:16 GMT https://www.encodedna.com/javascript/check-if-element-is-an-image-using-javascript-tagname-property.htm Let us assume I have a list of images inside a DIV element along with other elements. I specifically want to check if the element is an Image. I can use the tagName property in JavaScript to check if the element is an image or not. Read More
]]> Tue, 20 June 2017 11:20:56 GMT https://www.encodedna.com/javascript/pass-multiple-image-references-to-user-defined-function-in-javascript.htm A User Defined Function in JavaScript, allows us to perform a task multiple times without having to rewrite the codes repeatedly. You can pass values to the function and here I’ll show you how to pass multiple image references to a User Defined Function in JavaScript without using an Array. Read More
]]> Mon, 19 June 2017 12:36:12 GMT https://www.encodedna.com/excel/loop-through-all-textboxes-in-userform-and-clear-the-values-in-vba.htm UserForms in Excel usually have many controls specially used for data entry purpose and in that case, the form might have many textbox controls. While submitting the data, you realized that you have entered wrong values in the fields and you want to clear all the data. How quickly you can do that. I am sharing a simple example here on how to loop through all textboxes in a UserForm and clear all the values with the click of a button. Read More
]]> Wed, 03 May 2017 11:16:02 GMT https://www.encodedna.com/aspdotnet/programmatically-create-a-table-in-sqlserver-using-aspdotnet-csharp.htm If you have worked with SQL Server Database, then I am sure you know how to create a table, add columns, keys etc. In SQL Server, either you use a Create Statement to create a table or you might use the Management Studio. Web developers using Asp.Net will find this article useful, since I am sharing an example on how to create a Table programmatically in SQL Server using C# or Vb.Net Read More
]]> Sat, 29 Apr 2017 14:45:21 GMT https://www.encodedna.com/jquery/dynamically-add-textbox-in-jquery-and-save-data-to-sqlserver-using-webmethod.htm The example in this article is an extension of my previous article on how to add or remove HTML elements dynamically using jQuery. The previous article is very popular, however programmers, especially beginners, have requested me to share a post on how to add textbox and button dynamically in jQuery and save the data to an SQL Server table. I’ll show you how this done and I am using Asp.Net Web Method to get the data from the dynamically created textboxes using jQuery Ajax post method. Read More
]]> Thur, 27 Apr 2017 14:46:33 GMT https://www.encodedna.com/sqlserver/convert-month-number-in-date-to-month-name-in-sql-server.htm Let us assume I have a Sales table with sales data for each month. Every day sales is stored in the table with columns such date, quantity, price etc. I want to get the total sales for every month. Now since I have a column with “date” data type, I want to convert the month number in the date to Month Name (like February, March etc.). I’ll show you how this is done in SQL Server. Read More
]]> Mon, 17 Apr 2017 13:43:03 GMT https://www.encodedna.com/gridview/tutorial/change-gridview-cell-color-color-based-on-condition.htm Asp.Net GridView controls provides many useful functions and properties that can help you present your data in a dynamic way. One of its features is highlighting text in a cell based on certain conditions. Here in this post I’ll show few examples on how to change the background color, or the text color and even the border color of a cell, dynamically or programmatically, based on some condition. Read More
]]> Thur, 6 Apr 2017 12:27:03 GMT https://www.encodedna.com/aspdotnet/programmatically-create-and-add-dropdownlist-to-gridview-in-csharp.htm You can use Asp.Net GridView control’s built-in functions to add or bind a DropDownList to each cell. I have shared a simple example on this before. Please read this post here. However, you can also programmatically create and add DropDownList to the GridView based on certain conditions. In-addition, I’ll show you how to add event to the dynamically created DropDownList to get the selected values. Read More
]]> Tue, 4 Apr 2017 12:39:42 GMT https://www.encodedna.com/aspdotnet/extract-image-files-from-server-folder-and-display-in-div-using-aspdotnet.htm I have previously shared an article on how to extract files from folders and bind the files to a GridView control in Asp.Net. A few days back I was working on a project that included showing images on a webpage and this time I was required to display the images inside a DIV element. Here in this article, I’ll show you how to extract image files from a remote server folder and display the images inside a DIV element using Asp.Net C# and Vb. Read More
]]> Mon, 3 Apr 2017 10:11:12 GMT https://www.encodedna.com/jquery/check-if-checkbox-is-checked-or-not-using-jquery.htm Using jQuery is() method, along with the :checked and :not() selector, you can easily check the status of a checkbox or a group of checkboxes on a web page. With the “status”, I mean if any checkbox or multiple checkboxes are checked or not. Read More
]]> Thur, 23 Mar 2017 12:08:01 GMT https://www.encodedna.com/aspdotnet/validate-max-length-in-textbox-with-multiline-using-regular-expression.htm You can use Regular expressions in Asp.Net to validate texts for either searching patterns or restricting user input in a textbox. If you are using a textbox in Asp.Net, you can use the MaxLength property to restrict user input for a maximum length. However, the MaxLength property does not work if you have set the TextMode of the textbox to MultiLine. Here in this post, I’ll show you how to apply regular expression on a textbox element, with MultiLine option, to check or validate maximum length. Read More
]]> Fri, 17 Mar 2017 11:34:11 GMT https://www.encodedna.com/javascript/replace-string-with-another-string-in-the-url-bar-using-javascript-jquery.htm In one of my previous article, I have explained with an example on how to check if the URL bar contains a given string using JavaScript or jQuery . Now here in this article, I’ll show you how to replace the a given string with another string in the URL bar using the “location.replace()” method in JavaScript or jQuery. Read More
]]> Tue, 7 Mar 2017 11:29:31 GMT https://www.encodedna.com/javascript/check-if-url-contains-a-given-string-using-javascript.htm The URL bar or the Address bar of a web browser contains the address of a website. The URL also contains parameters or arguments, which we often define dynamically to communicate with elements or objects on a web page. Sometimes we need extract the data that we pass to the URL as parameters. Here I’ll show you how to check if the URL bar contains a given or specified string or text or value using JavaScript “indexOff()” method. Read More
]]> Mon, 20 Feb 2017 13:12:12 GMT https://www.encodedna.com/aspdotnet/jquery-functions-not-working-after-postback-using-updatepanel.htm A few days back I across this situation and it took me some time to figure this out. Here’s the situation. I have a form (a web page) with few input elements on it. I also included “ScriptManager” and “UpdatePanel” controls on my form, since I am using Asp.Net controls. After I click the update button, it would successfully update my database tables. However, it would stop jQuery functions from functioning. Read More
]]> Thur, 16 Feb 2017 13:11:47 GMT https://www.encodedna.com/jquery/how-to-get-the-number-from-an-elements-id-using-jquery-replace-method.htm Here I am sharing a simple tip on how to get the number from an HTML element’s ID using jQuery. The element that you use can be a DIV or an input box. Now, sometimes we might add numbers to the element’s id to make the ids look unique. You can have other reasons too. Read More
]]> Tue, 7 Feb 2017 12:02:11 GMT https://www.encodedna.com/angularjs/tutorial/using-angularjs-foreach-function-to-loop-through-object-or-array.htm You can loop through an Array or an Object in AngularJS using the forEach() function. The function invokes the iterator function that iterates or loops through each item in an array. I am sharing two examples here, showing how to use the forEach() loop in AngularJS to extract items or values from array or an object. Read More
]]> Tue, 17 Jan 2017 13:38:18 GMT https://www.encodedna.com/excel/check-if-a-cell-in-excel-has-number-using-vba.htm Excel VBA provides many in-built functions, which helps programmers accomplish a task. I am creating a simple scenario to use one of the in-built functions called IsNumeric() to check if a particular cell in my Excel Worksheet has numbers. Read More
]]> Thur, 12 Jan 2017 11:41:28 GMT https://www.encodedna.com/jquery/how-to-dynamically-unselect-all-values-in-inputbox-using-jquery-select2.htm If you are using jQuery Select2 plug-in in your web page to select multiple options from a list of dropdowns using Input box, then you should also know how to dynamically unselect the all the values instantly. Here, in this article I’ll show you an example on how to unselect all the values of Select2 with the click of a single button, using jQuery. Read More
]]> Mon, 09 Jan 2017 13:42:12 GMT https://www.encodedna.com/jquery/multiple-selection-using-jquery-select2-plugin-with-json-data.htm I have previously shared an article here on my blog on how to use jQuery Select2 Plug-in for multiple selections using HTML select element with Asp.Net C# to extract and bind data to the element. Here in this article, I’ll show you how to use jQuery Select2 Plug-in to do multiple selection with JSON array data. Read More
]]> Fri, 06 Jan 2017 12:52:42 GMT https://www.encodedna.com/excel/how-to-use-nested-if-function-with-other-functions-in-excel.htm The IF() function in Excel is used to make logical comparisons. You can use this in-built function in your worksheet and its one of most popular functions in Excel. Here in this post, I’ll show you few examples on how you can apply or use the IF() function as formula on text, numbers etc., how to use nested IF’s in a cell and finally how to use other in-build functions like TODAY() and DATEVALUE() with IF function. Read More
]]> Tue, 03 Jan 2017 13:17:19 GMT https://www.encodedna.com/excel/highlight-an-entire-row-based-on-cell-value-using-vba-conditional-formating.htm You can do conditional formatting in Excel using VBA. For example, you can highlight a particular cell based on a condition. I have previously submitted a similar post on how to find and highlight duplicate in Excel using VBA. However, there will be situations when you want to highlight an Entire row, based on certain conditions. Here, in this post I’ll share a simple example on highlighting or coloring an entire row using VBA. Read More
]]> Mon, 02 Jan 2017 13:51:24 GMT https://www.encodedna.com/jquery/demo/demo-showing-how-to-animate-text-using-jquery-each-and-animate-methods.htm Here's simple demo showing how to animate a text using jQuery .each() and .animate() method. Read More
]]> Wed, 28 Dec 2016 12:26:14 GMT https://www.encodedna.com/jquery/demo/dynamically-create-html-ul-li-menu-or-list-using-xml-data.htm Here in this demo, I am extracting data from XML file using jQuery Ajax and using the data to dynamically create HTML UL, LI and A tags using jQuery. I am also using jQuery .appendTo() to insert the HTML tags at the end of a selected element, which finally looks like a beautiful Dropdown Menu list. Read More
]]> Thur, 22 Dec 2016 12:52:34 GMT https://www.encodedna.com/jquery/clear-contents-of-div-with-a-delay-using-settimeout-method.htm Using jQuery empty() method, we can remove a text string or an entire sentence inside any element. When I am saying any element, I mean all the child nodes, nested inside the DIV element. Here in this post I’ll show you how to use jQuery empty() method to clear all the contents inside a DIV element with a delay of few seconds using setTimeout() method. Read More
]]> Mon, 19 Dec 2016 13:15:05 GMT https://www.encodedna.com/jquery/demo/delay-an-ajax-call-using-settimeout-function.htm The JavaScript setTimeout() function is useful when you want to execute another function at a specified time. The time is usually set in milliseconds. This function is ideal for making an Ajax call after a few seconds of delay. Read More
]]> Sat, 17 Dec 2016 12:03:35 GMT https://www.encodedna.com/angularjs/tutorial/implement-autocomplete-textbox-in-angularjs-with-webapi.htm I have previously shared some very useful articles on AutoComplete textbox using various techs such as jQuery, HTML5 etc. You know it’s a very important feature that you’ll often need while working with forms and textboxes. It automatically provides a list of words when you type a letter in a textbox. Here in this post, I’ll share an example on how to implement AutoComplete feature in AngularJS with Dynamic data using Web API. Read More
]]> Fri, 02nd Dec 2016 14:36:08 GMT https://www.encodedna.com/angularjs/tutorial/automatically-set-focus-on-textbox-in-angularjs-ng-click-ng-init.htm Let us assume, you have a form with many input boxes or textboxes and you want set focus on a textbox automatically with the click of a button or after selecting or entering some value in the previous input box. You can this in AngularJS and I’ll show you with few examples on how to set focus automatically on a textbox or input box using AngularJS ng-click directive and ng-init directive. Read More
]]> Sat, 26th Nov 2016 12:47:28 GMT https://www.encodedna.com/angularjs/tutorial/ngif-directive-show-or-hide-div-based-on-jquery-datepicker.htm The ng-if directive, as you know, is a built-in AngularJS directive that removes or recreates HTML elements from the DOM. It is useful when you want to hide or show elements based on certain condition. Here in this post, I’ll show how to show or hide HTML element, like a textbox, based on jQuery Datepicker selection using AngularJS ng-if directive. Read More
]]> Thur, 24th Nov 2016 10:52:08 GMT https://www.encodedna.com/angularjs/tutorial/draw-charts-in-angularjs-using-chart-js-jquery-ajax-and-webapi.htm You can easily create charts in AngularJS using Chart.js. It’s a JavaScript library, which provides necessary functions and properties to create interactive and animated charts. Chart.js uses HTML5 canvas element, on which you can draw various types of charts. Here, in this post I’ll show you how to create a simple Bar Chart using Dynamic Data in AngularJS with Angular-Chart.js, jQuery and Web API. Read More
]]> Fri, 11th Nov 2016 11:37:58 GMT https://www.encodedna.com/jquery/dynamically-add-or-remove-css-class-of-link-tags-using-jquery.htm Here is a simple scenario. You have some link tags on your web page and you want to add or remove the CSS class of the elements based on certain condition. It is very simple if you are using jQuery, as it provides two method called .addClass() and .removeClass(). Here I’ll show you with a simple example on how to dynamically add or remove CSS class of link tags using jQuery methods. Read More
]]> Fri, 4th Nov 2016 11:28:35 GMT https://www.encodedna.com/gridview/tips/solution-gridview-fired-event-pageIndexchanging-which-wasnt-handled.htm This post is a quick tip for beginners who have started working with Asp.Net GridView control using C# (CSharp) language. Let me assume, you have a GridView control on your web page. You run the application and you click a pager link button to navigate to the next GridView page. Suddenly, you see an error message on your browser, which says, “The GridView ‘GridView’ fired event PageIndexChanging which wasnt handled. Read More
]]> Thur, 3rd Nov 2016 13:49:05 GMT https://www.encodedna.com/gridview/tutorial/how-to-bind-data-to-gridview-using-dataset-in-csharp.htm A DataSet represents a set DataTable objects. Its like a mini database that does not need an active connection with the database. A dataset object has many benefits. However, in this post I’ll share with you a simple example on how to bind data to a GridView control using DataSet in Asp.Net. The examples are in C# and VB. Read More
]]> Wed, 2nd Nov 2016 11:57:15 GMT https://www.encodedna.com/jquery/read-json-file-push-data-into-array-and-convert-to-html-table-using-jquery.htm You can store data in a JSON array inside your JavaScript or in a .js file. Similarly, you can store the JSON data in an external file. These file have .json extensions. Here, in this post I’ll share with you an example on how to read an external JSON file and push the values in a JavaScript array and convert the array to an HTML table using jQuery. Read More
]]> Wed, 26th Oct 2016 13:41:35 GMT https://www.encodedna.com/javascript/how-to-read-data-from-html-table-using-javascript.htm If you were still using an HTML table to show data on your web page, this post and its example would be useful. Earlier on this blog I have submitted an article on how to convert JSON data dynamically to an HTML table using JavaScript . I am extending that post and here I am sharing with you a simple script showing how to read data from HTML table using JavaScript. Read More
]]> Mon, 24th Oct 2016 12:46:05 GMT https://www.encodedna.com/angularjs/tutorial/how-to-push-new-elements-in-between-existing-ng-repeat-array.htm I have written an article before on how to Push new elements inside an ng-repeat array from AngularJS $scope. In that example, I would take inputs from two textboxes and add the values in the array from my controller. Now, here in this quick post I’ll show you with an example on how to add or push new elements in between existing ng-repeat array list. Read More
]]> Thur, 20th Oct 2016 11:49:15 GMT https://www.encodedna.com/excel/simple-vba-macro-to-merge-and-combine-cells-in-excel.htm Usually, we merge cells in Excel to create a header or a label on the top of our worksheet or a table of data. Merging, often involves multiple columns, where we combine the data into one single cell. Now, what happens when we have data in rows, which we want to merge and combine into one cell? I’ll share with you a simple VBA macro (program) to merge and combine cells without losing data. Read More
]]> Tue, 18th Oct 2016 11:29:10 GMT https://www.encodedna.com/excel/find-and-remove-hyperlinks-in-excel-using-vba.htm I have previously shared an article on how to add hyperlinks in Excel using VBA. This small macro will check for some conditions and accordingly add the links. However, sometimes you need to get rid of unwanted hyperlinks from your worksheet. Here in this post, I’ll share few simple ways (methods) to find and remove hyperlinks in Excel using a simple VBA program. Read More
]]> Mon, 3rd Oct 2016 12:23:32 GMT https://www.encodedna.com/excel/capture-filter-change-event-in-excel-using-vba.htm A filter in Excel, as you know, helps in filtering a range of data in a worksheet. It helps in narrowing down information by hiding unnecessary data, temporarily. You can apply filter to all the columns or a single column as per your choice. Now, here is a query (I have recently answered in a forum) on how to capture filter change event using VBA. Read More
]]> Wed, 28 Sep 2016 11:41:12 GMT https://www.encodedna.com/gridview/tips/get-the-total-row-count-of-gridview-using-javacript.htm Have you ever wondered how to count the total rows in a GridView? I am sure you did, as some time it is required to execute some action using the row count. I have previously shared a tip on how to count the GridView rows using jQuery . Here, I am going share a simple example on how to count the total rows of a GridView control, with and without its header using JavaScript. Read More
]]> Wed, 21 Sep 2016 14:17:15 GMT https://www.encodedna.com/excel/how-to-copy-data-from-multiple-sheets-to-single-sheet-using-vba.htm Today I am sharing an interesting VBA code with you here. Now, lets assume, you have data scattered across multiple sheets in your Excel worksheet, and you want to show all the data in one sheet. How would you do that? I’ll show how you can copy all the data from multiple sheets to a single sheet with help of a small VBA program. Read More
]]> Tue, 20 Sep 2016 11:31:05 GMT https://www.encodedna.com/angularjs/tutorial/implementing-jquery-ui-datepicker-inside-ng-repeat-directive.htm A couple days back I have posted an article on how to bind jQuery UI Datepicker to AngularJS, by creating a custom directive. In the previous example, I have used an input box to bind the Datepicker. Now, here is this post I am sharing an example code on how to add jQuery UI Datepicker inside an ng-repeat directive block. Read More
]]> Fri, 16 Sep 2016 15:32:11 GMT https://www.encodedna.com/angularjs/tutorial/how-to-implement-jquery-ui-datepicker-in-angularjs.htm I have previously shared an article on my blog about jQuery UI Datepicker widget and explained various formats that you can apply based on your requirement. The jQuery Datepicker provides easy to use features and it’s still very popular among web developers. And, if you are an AngularJS developer, you can bind the jQuery Datepicker to a textbox element in your Angular application too. However, its usage is slightly different from the jQuery method. Read More
]]> Thur, 15 Sep 2016 11:42:51 GMT https://www.encodedna.com/excel/create-charts-in-excel-vba-using-worksheet-data.htm A Graph or Chart provides data in a graphical format. You can easily create charts in Excel by using the data in your worksheet, by simply selecting a range of data and then insert a chart. However, if you want to create a chart dynamically, without manually designing it, then you can write a small macro or VBA program in Excel, which will automatically transform your worksheet data into a colorful (and easy to understand) Chart. Read More
]]> Thur, 08 Sep 2016 12:36:15 GMT https://www.encodedna.com/angularjs/tutorial/use-ng-options-to-populate-json-array-to-select-dropdownlist.htm You can populate an HTML select element with options using the AngularJS ng-options directive. The ng-options directive uses an array to populate the select element. In this article, I’ll show you how to use ng-options directive in AngularJS to dynamically bind or populate JSON array to a select DropDownList. Read More
]]> Tue, 06 Sep 2016 12:31:05 GMT https://www.encodedna.com/excel/autosum-multiple-ranges-in-excel-with-multi-select-and-alt-key.htm Shortcut keys are useful when you are working with Ms-Excel or any other application. Using a combination of keyboard shortcuts, you can quickly execute a function or insert a table etc. Here in this post, I’ll show you how to AutoSum multiple ranges in Excel using multi-select along with the Alt key. Read More
]]> Thur, 01 Sep 2016 11:49:15 GMT https://www.encodedna.com/angularjs/tutorial/enable-disable-checkbox-on-dropdown-selection-in-angularjs.htm Have you read my previous article on a similar topic? You must if you are looking for a solution in JavaScript or jQuery. Here however, I am going to share with you an example on how to enable or disable multiple checkboxes based on your dropdown selection in AngularJS. I am using an HTML5 select element in my example and I’ll bind JSON data to the select element from AngularJS controller. Read More
]]> Mon, 29 Aug 2016 13:06:45 GMT https://www.encodedna.com/javascript/enable-disable-checkbox-on-dropdown-selection-using-javascript-jquery.htm A web form usually has many controls on it, a textbox, dropdown list, combos, checkboxes etc. Sometimes the functioning and usability of a control depends on some kind of validations. Here, in this post I’ll show you how to disable or enable checkbox controls depending upon selection of dropdown list values using JavaScript and jQuery. Read More
]]> Fri, 23 Aug 2016 12:31:25 GMT https://www.encodedna.com/angularjs/tutorial/bind-json-data-to-html-table-in-angularjs-using-ngrepeat.htm You can easily bind a JSON array or data to an HTML table in AngularJS. The example that I am going to share with you here is an extension of my previous article on how to sort date extracted from a JSON array and show the data in descending order using AngularJS ng-repeat orderBy filter. Using a very similar method, now I’ll show you how to bind JSON data to an HTML table in AngularJS using ng-repeat directive. Read More
]]> Tue, 23 Aug 2016 11:00:05 GMT https://www.encodedna.com/jquery/refresh-div-contents-without-reloading-the-page-using-jquery.htm I have previously shared articles with examples on how to extract and read data from an XML file using jQuery . Here’s another example on how to dynamically create HTML ul and li using data extracted from an XML document with jQuery. With these posts came queries on how to refresh the contents of a DIV element without reloading the entire page using jQuery. It is an obvious question, as we extract data and display it on a DIV. Read More
]]> Thur, 18 Aug 2016 13:45:22 GMT https://www.encodedna.com/aspdotnet/implement-ajax-cascading-dropdownlist-without-web-service.htm The CascadingDropDownList extender, which comes with the AjaxControlToolkit library, is designed to work with a web service. However, here in this article I’ll show you how to implement Ajax Cascading DropDownList in Asp.Net C# without creating a web service. The effect is more or less the same. Read More
]]> Wed, 17 Aug 2016 9:36:22 GMT https://www.encodedna.com/reviews/bluehost/host-your-website-or-wordpress-blog-using-bluehost-review.htm How do you choose, which hosting company or service is best for you? It is difficult, yes. Especially, when you know that you have to choose one from the many web-hosting companies, each offering something unique. Whether you are a web developer, designer or simply a blogger (like me), I am sure you were in a dilemma at one point of time on where to host the website, which company offers a better platform and service and most importantly, at what price. Here in this post, I’ll tell you why I recommend Bluehost to my readers and how to get the best of web hosting using Bluehost (Shared hosting) services. Read More
]]> Fri, 12 Aug 2016 11:54:13 GMT https://www.encodedna.com/gridview/tutorial/export-data-from-paging-enabled-gridview-to-csv-in-csharp.htm While reviewing the comments in my blog, I came across a query from a reader who wanted to know if its possible to export data from a GridView control to a CSV file in Asp.Net. The answer is yes and its very simple. I’ll show you how to export data from paging enabled GridView to a CSV file using the StringBuilder class in Asp.Net C#. The example here also has code for Visual Basic developers. Read More
]]> Tue, 9 Aug 2016 11:20:33 GMT https://www.encodedna.com/jquery/jquery-jcarousel-plugin-image-slider-using-xml.htm We are in the age of visual culture and having said that images play a very important role in displaying your work, product etc to your audience. You need images for your online store, publish photographs on your blog and more. Image sliders, are best known for displaying multiple images in a single container. Here, in this post I’ll show you how to create a simple Carousel image slider using jQuery jCarousel Plugin. Read More
]]> Fri, 5 Aug 2016 13:24:51 GMT https://www.encodedna.com/aspdotnet/populate-dropdownlist-with-xml-using-dataset-in-csharp.htm If you using XML data for your web applications, then I am sure, the example in this article will be useful for you, especially, if you have designed the app using Asp.Net. Web developers often use a DropDownList on their web page to provide a collection of data to their users. Here, in this article, I’ll show you how to populate or bind a DropDownList control with your XML data using the DataSet Class. Read More
]]> Thur, 4 Aug 2016 11:43:41 GMT https://www.encodedna.com/linq/update-xml-data-using-dataset-datarow-and-linq-in-csharp.htm I have written many articles before on how to read data from an XML file using LINQ in Asp.Net. Articles such as using LINQ Contains method to do SQL Like search and how to find the next or previous XML element using LINQ , were very popular among beginners. Now, here in this article I’ll show how to update or edit XML data using a DataSet and DataRow along with LINQ methods. Read More
]]> Tue, 2 Aug 2016 13:57:13 GMT https://www.encodedna.com/2014/07/sql-server-charindex-function-with-examples.htm The primary use of an SQL Server CHARINDEX function is to find the first or starting location of an expression or characters in a given string. To make it simple, it is like searching a specified character or characters in a string. Read More
]]> Mon, 1 Aug 2016 13:26:11 GMT https://www.encodedna.com/aspdotnet/exception-sys-webforms-pagerequestmanagerservererror-unknown-error-500.htm Just recently, I was working on a project that required editing values in an XML file using LINQ. The LINQ query worked fine on my local machine, the code however did not work as expected on the server. It was repeatedly throwing an error saying, “Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server.” Read More
]]> Thur, 28 Jul 2016 11:46:24 GMT https://www.encodedna.com/css-tutorials/how-to-display-animated-text-over-faded-image-on-hover.htm Just recently, I was going through a project that I’ve worked on a couple of years ago and came across this piece of code and I thought it would be nice to share with beginners especially, who are still learning some basic animation using CSS3. The code that I am sharing here in this post is about how to display an animated text over a faded image on hover. Read More
]]> Fri, 15 Jul 2016 11:38:51 GMT https://www.encodedna.com/aspdotnet/how-to-add-items-dynamically-to-dropdownlist-with-button-click.htm A DropDownList control in Asp.Net, as we know, holds a list of data in it. I have shared few interesting articles with examples before on my blog on how to dynamically bind a DropDownList control in Asp.Net to a database table. . However, here in this article, I’ll share a simple and yet useful example on how to add items to a DropDownList dynamically with just a click of a button, using a simple code behind procedure. Read More
]]> Tue, 12 Jul 2016 11:54:09 GMT https://www.encodedna.com/javascript/youtube-api-embed-video-with-mute-sound-setvolume-onstatechange-event.htm You can embed or add your favorite YouTube video on your website using YouTube IFrame Player API. Its very easy to use and it comes with many ready to use features, that would allow you to customize and control the embedded video. In this article, I’ll show you how to embed a YouTube video on a web page with its sound muted, when the page loads. Along with it, the example here shows how to set a default volume to the player and how using the “onStateChange” Event you can control the players behavior. Read More
]]> Thur, 07 Jul 2016 12:34:41 GMT https://www.encodedna.com/jquery/jquery-fadeing-methods-like-fadein-fadeout-fadetoggle.htm Have you ever come across a situation where you had to fade in or fade out elements on a web page? I am sure you have and here in this article I’ll show you how to fade in hidden elements and later fade out elements using three jQuery methods such as fadeIn(), fadeout() and fadeToggle(). Read More
]]> Mon, 04 Jul 2016 12:22:34 GMT https://www.encodedna.com/excel/create-subfolders-in-another-folder-and-copy-source-files-to-the-subfolders.htm I have previously written an article along with a VBA code on how to copy or move files from one folder to another. I have explained about File System Object methods in VBA and its usefulness in transferring files. Now, I’ll show you with a simple example on how to copy files from a folder and sub folders to the destination. Since the destination folder may not have the sub folders, I’ll show how to create sub folders based on the folder name from the source to the destination. Read More
]]> Mon, 27 Jun 2016 12:31:14 GMT https://www.encodedna.com/linq/link-orderby-descending-or-ascending-using-xml.htm The code snippet in this post is in response to a mail that I have received a few days back from a user, who asked me, how to query and fetch data from an XML file using LINQ in descending Order. I’ll show you how to use both Ascending and Descending properties in an “Order By” query using LINQ. Read More
]]> Fri, 17 Jun 2016 12:47:03 GMT https://www.encodedna.com/excel/how-to-create-cascading-combo-box-in-excel-using-vba.htm A Cascading combo box gets its list of data (from any source) based on a value selected from another combo box. Usually it is the next combo box to the previous one. Here, in this article I’ll show you how to create a cascading combo box in Excel using VBA or by writing a simple macro. Read More
]]> Mon, 09 May 2016 12:47:20 GMT https://www.encodedna.com/angularjs/tutorial/disable-button-after-a-single-click-using-ngdisabled-directive.htm While working with an example in my previous article on how to do CRUD operations in AngularJS, I came across this interesting AngularJS directive called the “ng-disabled”. I idea is to disable a button once clicked and prevent users from clicking it again. It makes sense, right? We always need this function while submitting our form data. Read More
]]> Fri, 29 Apr 2016 11:44:15 GMT https://www.encodedna.com/angularjs/tutorial/simple-crud-operation-in-angularjs-using-ajax-and-webapi-csharp.htm I have previously written few articles on how to extract data from a database using Asp.Net Web API and work with the data using an AngularJS application. I’ll now extend the topic and here in this article I’ll show you how to do a simple CRUD operation i.e., Insert, Update and Delete data in AngularJS using Ajax and Asp.Net Web API. Read More
]]> Tue, 26 Apr 2016 13:15:36 GMT https://www.encodedna.com/angularjs/tutorial/show-descending-date-in-angular-using-ngrepeat-orderby-filter.htm An orderBy Filter in AngularJS sorts an array of data. The default behavior of an orderBy is Ascending order, be it a string or an integer data. In this post however, I am going to show you how to sort Date extracted from JSON array and show the data in Descending order using ng-repeat orderBy Filter. Read More
]]> Thur, 14 Apr 2016 12:50:06 GMT https://www.encodedna.com/gridview/tutorial/import-data-from-excel-and-bind-data-to-gridview.htm I have previously written an article on how to import data from an Excel file in Asp.Net and upload the data to an SQL Server database table using SqlBulkCopy Class. However, if you are looking for a solution where you simply want to extract the data from Excel and show it in a GridView control, then this article is for you. Read More
]]> Fri, 8 Apr 2016 11:32:24 GMT https://www.encodedna.com/angularjs/tutorial/define-dynamic-function-to-angularjs-object-to-call-with-ngclick.htm I have a list of items that I wish to show to my users. That is simple. I’ll create an object in my controller, add few items to it, and finally use an ng-repeat directive to render the list. However, I also want to define a function dynamically to each item in an AngularJS object to call when the user clicks an item. Read More
]]> Mon, 4 Apr 2016 12:24:02 GMT https://www.encodedna.com/jquery/pinterest-like-image-layout-using-wookmark-plugin-jquery.htm I am sure you have come across Pinterest and first thing that strikes all of us is the simple image layout that neatly fits all the images in grid like columns, without wasting any space around the images. If you want to create a similar layout for your images, you can try the jQuery Wookmark plug-in. Read More
]]> Tue, 22 Mar 2016 12:20:51 GMT https://www.encodedna.com/javascript/prevent-dragging-image-using-javascript-and-jquery.htm You can drag an image on a web page and save the image on your computer or drag the image and view it on a new browser tab. What I am going to show you here is how to prevent or disable dragging an image using either JavaScript or JQuery. Read More
]]> Tue, 15 Mar 2016 10:56:01 GMT https://www.encodedna.com/gridview/tutorial/show-fixed-header-of-scrollable-gridview-using-jquery.htm It’s a simple, hassle free, feature rich and most importantly useful plug-in. That’s how I define it. I have recently used the GridViewScroll plug-in in my application and found how easily it freezes the grid’s header with very little code. Here in this article, I am going to show you how to show a fixed header or freeze the header of a scrollable GridView control using JQuery GridViewScroll Plug-in. Read More
]]> Fri, 11 Mar 2016 10:07:51 GMT https://www.encodedna.com/angularjs/tutorial/check-if-checkbox-is-checked-unchecked-in-angularjs.htm If you are working with forms in AngularJS, I am sure you have come across a situation where you have checkboxes in your AngularJS form and you want to check if a user has selected (or checked) one of the checkboxes before submitting the form. Here, I’ll show you how to check if any checkbox is checked or unchecked from your AngularJS $scope. Read More
]]> Wed, 02 Mar 2016 12:58:16 GMT https://www.encodedna.com/jquery/check-or-uncheck-checkbox-in-repeater-using-jquery.htm Web developers often use an Asp.Net Repeater control to display a list of data, by binding the control to various data source such as a database or an XML. You can also add checkbox and other controls to a repeater to add some dynamic features to it. Here, I’ll show you how to check or uncheck all checkboxes in a repeater control using JQuery. Read More
]]> Mon, 29 Feb 2016 14:26:03 GMT https://www.encodedna.com/gridview/tutorial/client-side-validation-of-gridview-controls-using-javascript.htm Validations are important when you create forms that require your users to enter valid and complete data. You can have a GridView control in your form to do multiple entries. When you use a GridView to add or edit data, you would need controls like a textbox or a DropDownList etc. Therefore, you would require few client scripts that would validate these entries before submission. I’ll show how to write few lines of JavaScript to find and validate textbox and dropdownlist in a GridView control. Read More
]]> Fri, 26 Feb 2016 12:18:14 GMT https://www.encodedna.com/gridview/tutorial/perform-crud-operation-using-gridview-aspdotnet.htm CRUD is an acronym (short form) for create, read, update and delete. We often use these four basic functions to perform database operations such as, inserting, retrieving, modifying etc. Here, in my article I am going show you how to perform a simple and basic CRUD operation using a paging enabled GridView in Asp.Net. Read More
]]> Tue, 23 Feb 2016 13:15:06 GMT https://www.encodedna.com/angularjs/tutorial/debugging-angularjs-app-elements-from-browser-console.htm The Browser’s console provides a window where we can see all JavaScript errors and logs that would help web developers to analyze and debug critical issues. Using the browser’s JavaScript console, you can get access to your AngularJS apps elements and data for testing. I’ll show you few examples on how to debug an AngularJS app from the Browser’s console also we’ll see how to update or change ng-model value from the Console itself. Read More
]]> Fri, 19 Feb 2016 12:48:11 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-isdefined-check-if-value-or-reference-is-defined.htm The AngularJS isDefined() function helps determine if a value or reference inside the $scope is defined or not. The function returns a Boolean value, that is, “true” or “false”. It is important when you wish to validate or check if variables or references inside $scope are defined, that is, if they are assigned any value, before actually using it. Read More
]]> Tue, 16 Feb 2016 13:08:51 GMT https://www.encodedna.com/reviews/cloudmonix/product-review-cloud-monitoring-and-automation-for-it-pros.htm As developers, we always look for solutions that would help us enhance our capabilities when it comes to developing and monitoring enterprise level applications. The urge to provide better solutions has forced us to look beyond our desktops. Today, there are platforms that allow us to host our applications on the cloud. Microsoft’s Azure Cloud is one such example. Microsoft Azure not only provides platform and infrastructure to deploy apps and create Virtual Machines, it also provides some basic monitoring and diagnostics. However, once your resources on Azure grow, you will need more powerful and sophisticated tools to monitor and automate the processes running on the cloud. Read More
]]> Thu, 11 Feb 2016 12:38:05 GMT https://www.encodedna.com/windows-forms/export-data-to-excel-with-autoformat-using-csharp.htm You must be aware of the AutoFormat feature in Excel, which allow users to format a sheet (or a particular range) with various formatting options. Don’t worry if you have not come across it yet, because here in this article, I’ll show you how to export data to an Excel sheet in a Windows Forms application, using C# and apply AutoFormat feature dynamically to the sheet. Along with this, I’ll also show you how to populate a WinForms CheckedListBox control using data extracted from a database. Read More
]]> Tue, 02 Feb 2016 13:00:24 GMT https://www.encodedna.com/javascript/get-all-elements-inside-div-using-javascript-children-property.htm Imagine you have a web page with a DIV element that has many other elements nested inside it. How would you get all the elements inside the DIV (or any other element) using JavaScript? I recently came across this situation, and the solution I found was rather simple. I used HTML DOM “children” Property. Read More
]]> Fri, 29 Jan 2016 13:07:10 GMT https://www.encodedna.com/javascript/dynamically-create-html-elements-using-createElement-method.htm With the document.createElement() method you can create a specified HTML element dynamically in JavaScript. Once created, you can insert (or add) the element to your web page, or add it to a pre-defined element or a dynamically created element . In fact, you can create an entire form dynamically using this method. In this article, I’ll show you how to create an HTML table dynamically using the “createElement()” method and populate the table with data extracted from an array. Read More
]]> Wed, 27 Jan 2016 12:55:10 GMT https://www.encodedna.com/javascript/populate-json-data-to-html-table-using-javascript.htm JSON or JavaScript Object Notation, as you know is a simple easy to understand data format. JSON is lightweight and language independent and that is why its commonly used with jQuery Ajax for transferring data. Here, in this article I’ll show you how to convert JSON data to an HTML table dynamically using JavaScript. In addition, you will learn how you can dynamically create a table in JavaScript using createElement() Method. Read More
]]> Fri, 22 Jan 2016 13:01:14 GMT https://www.encodedna.com/reviews/infragistics/datepicker-control-in-aspdotnet.htm The Infragistics DatePicker control is useful for selecting dates and date range in an Asp.Net application. This drag and drop, Ajax enabled control has a drop down Month calendar. It not only makes date selection easy for the users, but they can also choose from five different languages. Read More
]]> Mon, 18 Jan 2016 15:17:51 GMT https://www.encodedna.com/excel/extract-filename-from-filepath-in-excel-using-vba.htm Let’s assume, you have a list of filepaths in one of the columns in your excel sheet and you want extract only filenames from each give file path and write the name of the file in the next column. You can do this using excel formulas. However, here I am going to show you a simple example on how quickly you can get or extract filenames from a list of paths using VBA macro. Read More
]]> Fri, 15 Jan 2016 15:47:13 GMT https://www.encodedna.com/aspdotnet/send-emails-with-multiple-attachments-in-aspdotnet-using-hotmail-smtp-mail.htm In my previous article, I have explained about sending emails in Asp.Net using Hotmail SMTP server. I am sure you have read that article as it covers basic email sending technique using Asp.Net “System.Net.Mail” namespace. I am extending that article and here I am going to show you with an example on how to send emails with multiple Attachments in Asp.Net, using Hotmail SMTP server. Read More
]]> Tue, 12 Jan 2016 13:24:43 GMT https://www.encodedna.com/aspdotnet/send-emails-in-aspdotnet-csharp-using-hotmail-smtp-mail-server.htm You can send emails through your Asp.Net application and there are scores of articles on the web today showing you how to send emails using Gmail SMTP services. However, in this article I am going to show you how to send emails in Asp.Net using Hotmail SMTP mail server. It’s just another option and the procedure is very similar. Read More
]]> Fri, 08 Jan 2016 14:40:23 GMT https://www.encodedna.com/jquery/twitter-bootstrap-typeahead-ajax-example-with-webapi.htm AutoComplete, and sometimes known as “TypeAhead”, is a feature that displays a set of results based on a single and sometimes multiple character input. There are many AutoComplete jQuery plug-in on the web today and Twitter too has authored a flexible and robust JavaScript library called the typeahead.js, which provides AutoComplete search functionalities. Here in this article I am going to show you how to use typeahead.js for AutoComplete using jQuery Ajax and Web API. Read More
]]> Mon, 04 Jan 2016 12:56:14 GMT https://www.encodedna.com/jquery/jquery-slidedown-slideup-and-slidetoggle-methods.htm A few days back I was working on a website and I came across a situation where I had to slide an element up and down animatedly. It was a container with few elements in it (a form), that would remain hidden until someone clicks a button to slide it down. Once done with the form, they would click a button to slide the container up and hide it. I thought this would be useful for a newbie too. Therefore, in this article I’ll show you how to create a sliding effect using JQuery. Read More
]]> Wed, 23 Dec 2015 13:02:10 GMT https://www.encodedna.com/html5/canvas/filereader-api-with-html5-canvas-to-resize-images.htm I have a tool that I have designed few years back, which allows users to resize multiple images instantly without losing the quality of the images. Its an online tool that processes, on an average 480 images per day. This tool has other useful options, such as cropping, changing image type etc. However, I was facing a problem with the space these images would occupy in the process and not to mention there were security concerns too. Read More
]]> Tue, 15 Dec 2015 12:42:11 GMT https://www.encodedna.com/jquery/dynamically-add-rows-to-table-using-jquery.htm HTML tables allow developers to show data in rows and columns. Yes, we know this. We also know how quickly we can add rows and columns to a table to show text, images and links. Although, developers often no-a-days use a lightweight alternative, such as the DIV, a table is still a very useful element. In this post, I’ll show you a simple example on how you can add rows to an HTML table dynamically using JQuery. Read More
]]> Fri, 11 Dec 2015 13:16:14 GMT https://www.encodedna.com/jquery/iterate-loop-through-elements-arrays-object-with-jquery-each-function.htm It is very important that you have a clean and manageable code at the client side and JQuery provides some very interesting functions and properties, which will allow you limit the size of your code and yet keep it functional and manageable. In this post, I am going to show you how you can loop through DOM elements, arrays and objects using JQuery “.each()” function. Read More
]]> Tue, 4 Dec 2015 12:37:24 GMT https://www.encodedna.com/aspdotnet/error-no-access-control-allow-origin-header-is-present.htm Recently I came across a situation where I was making a simple Ajax call using the “Get” method and few data, to an Asp.Net Web API controller service on the server. However, to my surprise I received an error saying, “No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://localhost:28146' is therefore not allowed access”. Read More
]]> Tue, 1 Dec 2015 15:38:52 GMT https://www.encodedna.com/gridview/tutorial/implement-5-star-rating-system-in-gridview-using-webapi-ajax.htm A 5 Star rating system is a tool that allows users to tell if a service or product is good, bad or worst. It also helps business owners to analyze their product or services based on the ratings and deliver a better product. I’ll show you how to add a simple 5 star rating system in a GridView control using JQuery Ajax and Web API. Read More
]]> Mon, 30 Nov 2015 11:24:12 GMT https://www.encodedna.com/aspdotnet/bind-stored-procedure-with-sqldatasource-gridview-repeater.htm You can bind an SQL Server stored procedure with an Asp.Net SqlDataSource control. The SqlDataSource Web Server control , as you know, allows you to access data from a remote database, using either a simple SELECT query or a Stored Procedure. I’ll show you how you can bind data from a Stored Procedure to an SqlDataSource and bind the control to a variety of data-bound controls, such as, a Repeater control and a GridView control. Read More
]]> Mon, 23 Nov 2015 11:45:32 GMT https://www.encodedna.com/jquery/create-a-facebook-like-notifications-using-jquery-css.htm Facebook, as we know, is a popular site for hanging out and sharing your priced possessions (like pictures etc) with family and friends. Of course, you can do and lot more than just sharing pictures on Facebook. However, for web developers and a newbie it’s an inspiration, a place to explore new idea and techniques. Here, I’ll show you how to create a Facebook style notifications window using JQuery and CSS. Read More
]]> Wed, 18 Nov 2015 14:00:00 GMT https://www.encodedna.com/angularjs/tutorial/add-css-animation-to-angularjs-app.htm Animations bring web pages to life. A limited amount of animation on a web page is necessary to help set focus on important areas of the page. It has other uses too. You do not have to write lengthy codes in JavaScript for animation. With CSS3, you can easily add animations to your web page. AngularJS supports CSS3 animations and here I’ll show you how to add animation to an AngularJS application with CSS3 @keyframes rules. Read More
]]> Thu, 05 Nov 2015 13:30:05 GMT https://www.encodedna.com/google-chart/donut-chart-example-using-database-web-api-jquery.htm The Google Donut chart is not different from the Pie chart and it is simply a variation of the Pie chart. The Donut however, has a round space in the center of the chart. It uses similar properties of a Pie chart to extract and display data. However, there is one unique option that separates the Donut from the Pie, and that is the “pieHole” option. Read More
]]> Fri, 30 Oct 2015 11:46:11 GMT https://www.encodedna.com/linq/using-linq-contains-method-to-do-sql-like.htm If you have worked with SQL Server, then I am sure you have used the SQL LIKE operator to fetch a specified pattern in your SQL table. The LIKE uses a “%” (percent) sign to fetch a pattern. However, if you are using XML as database and want to search for a pattern in it, then it’s different. I’ll show you how to do SQL LIKE on an XML using LINQ Contains method. Read More
]]> Wed, 14 Oct 2015 11:38:02 GMT https://www.encodedna.com/css-tutorials/add-transparent-text-over-image-with-css.htm I was working on an online art gallery recently when I came across a requirement where I wanted to add a transparent text over an image. The text would describe the image and I could have used the title property of the image to do that. However, to read the title, one has to role the mouse over the image to read the text. Moreover, a text over image would look good. Read More
]]> Tue, 06 Oct 2015 12:18:22 GMT https://www.encodedna.com/linq/find-next-or-previous-xml-node-using-linq-csharp.htm Let me show you how to traverse through an XML document using LINQ in Asp.Net. LINQ provides properties that are useful to navigate through various elements in an XML document. Like a database, you can fetch values in an XML doc traversing through the next or previous elements (or nodes). The two LINQ properties, which I’ll use in my example, are property NextNode and property PreviousNode. Read More
]]> Web, 30 Sep 2015 12:51:51 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-file-upload-using-http-post-formdata-webapi.htm This is my fifth article on file upload operations and second in AngularJS category. My previously article on AngularJS file upload used the native XMLHttpRequest() to post multiple files to a Web API controller class. However, I received few requests from developers asking me to share an example on AngularJS file upload using $http. Therefore, here I am going to show you how to use AngularJS $http service and FormData to post multiple files to a Web API controller for upload. Read More
]]> Mon, 21 Sep 2015 10:50:02 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-currency-filter-with-rupee.htm I have used AngularJS “currency” filters in my projects, also wrote an article previously on how to format a string using AngularJS currency filter. Consider this article related to the previous one, as here I am going to show you how to use the currency filter to get the output in Rupee instead of dollar. Read More
]]> Wed, 16 Sep 2015 13:55:32 GMT https://www.encodedna.com/jquery/get-file-size-before-uploading-using-javascript-and-jquery.htm A few months back I was working on my favorite project on this blog. It’s a tool to resize and crop images along with few other interesting features. I have added a new feature to the tool to batch resize images, where you can quickly resize multiple images at a time. Therefore, I was looking for a solution where I could figure out the size of the images before uploading, either using JavaScript or JQuery. Read More
]]> Tue, 15 Sep 2015 11:15:06 GMT https://www.encodedna.com/jquery/add-img-to-div-and-zoom-the-image-at-the-center-using-jquery.htm This is not a Plug-in. It’s simply a work around to zoom an image using JQuery – Responsive and Browser Compatible. What I am going to show you here in this article is to add the source of an IMG element to a DIV and animatedly zoom in and out the image at the center of the screen using JQuery and some CSS. Read More
]]> Thu, 10 Sep 2015 13:32:11 GMT https://www.encodedna.com/jquery/add-remove-multiple-or-single-select-options-using-jquery.htm The HTML5 select is a very useful and popular element and is widely used in websites to present a list of items in a dropdown format. There are many ways you can populate data into the select element from various sources. In this article, I am going to show you few examples on how to add and remove, single or multiple options in the select element using JQuery. Read More
]]> Fri, 03 Sep 2015 10:44:09 GMT https://www.encodedna.com/google-analytics/get-pageviews-of-particular-page-from-country-using-analytics.htm Tracking visitors on your blog or website is an essential part of analyzing the type of traffic you get. Using the data, you would know how many people visit your site or how many pages they usually visit. I regularly use Google Analytics to study all the details, and I recently came across a situation, where I wanted to know how many times a particular page or pages where viewed by people from a particular country. Read More
]]> Fri, 28 Aug 2015 21:43:15 GMT https://www.encodedna.com/webapi/webapi-controller-for-file-upload-procedure.htm If you are looking for a solution on file upload, then you have to the right place. Here, in this post I have written a simple file upload procedure in Asp.Net Web API. The controller in the API has the code for upload multiple files and I have written it for C# and VB developers. Read More
]]> Thu, 27 Aug 2015 11:07:24 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-multiple-file-upload-example-with-webapi.htm I have previously written couple of articles on file upload, especially multiple file upload in Asp.Net , along with other technologies such as Web API, HTML5 and JQuery etc. Now, in this article I am going to share with you a simple example on how to upload multiple files in AngularJS and Asp.Net Web API. Read More
]]> Thu, 27 Aug 2015 10:45:09 GMT https://www.encodedna.com/javascript/convert-days-and-month-to-string-javascript.htm The JavaScript Date object provides various methods to access the day, month and year along time. For example, to get the day of a specified date you will have use the method getDay(). Similarly, to get the month, you will use the getMonth() method. However, these methods return values in numbers. You can convert the numeric values using Array to translate the actual day of the week or month of the year as a string value. Read More
]]> Wed, 26 Aug 2015 13:05:24 GMT https://www.encodedna.com/2013/02/show-combobox-datagridview.htm Updated: Code add for C#. A DataGridView control in .Net is perfect for showing data in a tabular format. Its use is not limited to just displaying data, but it’s a perfect tool for doing data manipulation by binding it with a database. With its many useful features, you can make the DataGridView to perform like an Excel spreadsheet. Read More
]]> Tue, 25 Aug 2015 11:55:16 GMT https://www.encodedna.com/javascript/first-and-last-day-of-a-given-month-in-javascript.htm Here is an interesting piece of information that I am going to share with you in this article. Date functions in JavaScript play a very important role in web applications. It not only provides date and month information, but also allows us to calculate and get results based on date related functions. I am going to show you how to get the first and last day of a given month using JavaScript functions. Read More
]]> Mon, 24 Aug 2015 10:27:21 GMT https://www.encodedna.com/html5/canvas/add-image-to-html5-canvas-using-javascript.htm You can use JavaScript to add an image to an HTML5 Canvas element, dynamically. The canvas element is useful for drawing images, to create graphs, animations etc. Here, in this article I’ll show you two different methods on how to add an Image to the canvas element using JavaScript. Read More
]]> Fri, 18 Aug 2015 11:33:22 GMT https://www.encodedna.com/jquery/disable-or-enable-submit-button-with-jquery.htm This is a very common scenario, where you want to enable or disable the submit button or any button on a web page after you have entered some text or value in an input box. This feature is necessary, as it will ensure if the user has entered some values before submitting the data. I’ll show how you can easily enable or disable the submit button using JQuery. Read More
]]> Fri, 14 Aug 2015 10:10:11 GMT https://www.encodedna.com/javascript/get-the-name-size-count-of-multiple-files-using-javascript.htm Using HTML5 file input element, you can upload multiple files at a time. All you have to do is add the “multiple” attribute of the input element. Having added this element to our web page, we often come across a situation where we want to get the total number of selected files, along with the name and size of each files. I’ll show you how to get the file details using JavaScript. Read More
]]> Fri, 07 Aug 2015 11:06:31 GMT https://www.encodedna.com/aspdotnet/create-zip-files-in-aspdotnet.htm “Zip it and post it”. The Zip file format is a very old file format, to compress multiple files into one. These files have .zip extension. Compressing multiple files into one file can save lot of space on your computer memory. You can pack all the files in one and email it, saving precious time and bandwidth. Here, I’ll show you how to create a Zip file in Asp.Net using DotNetZip library. Read More
]]> Wed, 05 Aug 2015 11:33:04 GMT https://www.encodedna.com/excel/how-to-find-duplicate-in-excel-and-highlight.htm Excel is an application used by millions of professionals around the world. Its popularity is due its simplicity. Yet often people are stuck with some very common problems for which the solution is very simple. One the issues is finding duplicate in Excel. Read More
]]> Fri, 31 Jul 2015 13:43:06 GMT https://www.encodedna.com/webapi/how-to-map-file-path-in-web-api.htm Usually, in Asp.Net we would use the “Server.MapPath()” method for mapping the file path on the server. In this method, you are required to define the “virtual path” of the file and the method will return the “physical” path. Read More
]]> Tue, 29 Jul 2015 11:47:25 GMT https://www.encodedna.com/gridview/tutorial/filter-records-in-gridview-using-date-range-and-filterexpression.htm I have devoted an entire article on how to search a GridView control for records using Asp.Net FilterParameters and FilterExpression properties of SqlDataSource web server control in Asp.Net. The previous article and its example proved very useful to many newbie’s, however recently I received a query from a user, who asked how to search for records in a GridView control based on a Date range (from and to date). Read More
]]> Tue, 28 Jul 2015 09:15:00 GMT https://www.encodedna.com/webapi/multiple-file-upload-using-html5-jquery-ajax-webapi.htm I have previously written two articles related to multiple file upload procedures in Asp.Net. In the first article, I have covered file upload server side control in Asp.Net 2.0 and in the second, I have showed the use of a Plug-in named MultiFile-Plugin, a cross browser solution for multiple file upload. However, in this article I am going to show you how to do multiple file upload using HTML5, JQuery Ajax and Web API in Asp.Net. Read More
]]> Thu, 23 Jul 2015 12:41:08 GMT https://www.encodedna.com/jquery/delay-ajax-call-for-few-seconds-using-settimeout.htm The JavaScript setTimeout() function is useful when you want to execute another function at a specified time. The time is usually set in milliseconds. This function is ideal for making an Ajax call after a few seconds of delay. Read More
]]> Tue, 21 Jul 2015 11:03:15 GMT https://www.encodedna.com/aspdotnet/parse-a-web-page-with-htmlagilitypack-in-aspdotnet.htm A few days back I was on Quora, a question and answer website where I was submitting an answer to a question on .Net. It has an amazing feature. When you type the URL of a website in the answer box, it automatically parses or extracts the information (title) from the web page. This process is often known as “Screen Scraping”. Here, in this article I am going to show how to parse a web page conveniently using HtmlAgiltyPack library in Asp.Net. Read More
]]> Fri, 17 Jul 2015 12:35:09 GMT https://www.encodedna.com/angularjs/tutorial/databinding-angularjs-ng-options-dropdown-using-web-api.htm Binding data in AngularJS applications are as important as any other web application. Moreover, its important to know how to consume data from various sources using different methods. Here, in the article I am going to show you how AngularJS ng-options with SELECT dropdown list can consume data extracted using Asp.Net Web API. Read More
]]> Tue, 14 Jul 2015 10:17:51 GMT https://www.encodedna.com/excel/copy-data-from-closed-excel-workbook-without-opening.htm I was in a forum recently, when I came across a question on how to get or read data from a closed excel workbook (file) without actually opening it. Let me guess a simple scenario. I have an Excel file (the source), where I regularly update the Sales figures for each region. In-addition, I have another excel file, which would automatically get the figures from the source file, without opening it. Read More
]]> Fri, 08 Jul 2015 11:47:11 GMT https://www.encodedna.com/2013/01/asp.net-import-from-excel.htm There are different ways to import (upload) data from an Excel file to an SQL Server database table. We can use either a “DataSet” to import data into a table or by using Asp.Net “SqlBulkCopy” class, which comes with the namespace System.Data.SqlClient. Read More
]]> Fri, 07 Jul 2015 12:07:32 GMT https://www.encodedna.com/excel/split-text-with-carriage-returns-to-multiple-columns-using-vba-macro.htm Carriage returns in Excel, also known as line breaks often occur in a cell when you enter values in a cell using a key combination of “Alt+Enter”, or you’ve copied the text from another source, which already had the line breaks. Here, in this article I’ll show you how to “Split” text or values with Carriage Returns to multiple columns using VBA (or macro) procedures. Read More
]]> Fri, 03 Jul 2015 12:29:14 GMT https://www.encodedna.com/2013/01/css-animated-dropdown-menu.htm Updated with a Demo - CSS (Cascading Style Sheets) has revolutionized web designing with its features. Styling the web pages took lot of effort before CSS came in, obviously with a lot of support from modern browsers. It is here to stay for a very long time. Here I am sharing with you a simple example on how to design a CSS Dropdown (Vertical) Menu, with Animation effect, however, without using JavaScript. Read More
]]> Web, 01 Jul 2015 13:08:12 GMT https://www.encodedna.com/webapi/aspdotnet-webapi-example-autocomplete-text-using-jquery.htm I have written few articles before on AutoComplete textbox using JQuery UI AutoComplete plug-in, with various web service technologies such as Asp.Net Web Service (ASMX) and WCF services. The two web services, which I have mentioned could not cope up with recent advancements and have lost steam in the process. However, we now have a better API to create web services and that is the Asp.Net Web API. Therefore, here in this article I’ll show you how to create a simple web service using Web API for an AutoComplete textbox using JQuery AutoComplete plug-in. Read More
]]> Mon, 29 Jun 2015 12:15:00 GMT https://www.encodedna.com/gmail-tutorial/new-gmail-feature-30-seconds-to-undo-email.htm Google has recently upgraded a new feature in your Inbox. Now, you got 30 seconds to undo an email, which you might think is inappropriate to send. Once you have clicked the “send” button, Gmail will hold your outgoing email for a short period between 5, 10, 20 and 30 seconds, giving you time to hold back the email. Read More
]]> Mon, 24 Jun 2015 12:00:11 GMT https://www.encodedna.com/google-drive/share-google-drive-files-using-gmail-contact-group.htm Google Drive is undoubtedly the best online file storage service, which has many useful features that allows you to create, edit, store and share files in the cloud. Talking about sharing, I recently came across a situation where I wanted to share a piece of information, a Google doc file, with many clients at a time. Read More
]]> Mon, 19 Jun 2015 11:15:24 GMT https://www.encodedna.com/jquery/dynamically-create-html-ul-li-using-jquery.htm We often use an HTML list item element or li to add an item in a list. The li tag sits inside a parent element such as the “ol” (the ordered list) or the “ul” (unordered list). Usually, we add list of items using the li tag with its parent element during design time itself. However, we can do this dynamically too. Here, in the post I’ll show how using JQuery we can dynamically create unordered list “ul” along with list items “li” by using data extracted from an XML document. Read More
]]> Mon, 15 Jun 2015 13:15:21 GMT https://www.encodedna.com/angularjs/tutorial/html-select-option-with-angularjs-ngoptions-and-ajax.htm We often use an HTML select dropdown list element on our web page to provide a list of items to our users, by adding each item to the list using the option attribute. You can use the select element with in an AngularJS app too. There are numerous ways to bind and populate data to a select element. AngularJS “ng-options” directive provides a faster way of binding dynamic or static data to the select element. Here, in this article I am going to show you how to extract XML data using Ajax and bind the data to the options attribute using ng-options and $scope. Read More
]]> Thur, 07 May 2015 12:39:11 GMT https://www.encodedna.com/angularjs/tutorial/push-new-elements-inside-ngrepeat-from-scope.htm While working with AngularJS, we often use an ng-repeat directive to render a list of pre-defined items. I have previously written few articles where I explained the use of ng-repeat directive with various AngularJS filters. Here, in this article I’ll show you how to Push or Inject new elements inside an ng-repeat array from a $scope. Read More
]]> Thur, 04 May 2015 11:20:16 GMT https://www.encodedna.com/aspdotnet/delete-files-older-than-one-day-using-csharp.htm A few months back I have designed an Online Image optimizer tool, and named it Image Resizer. It’s a free online tool. You can crop and resize an image instantly. I have provided the link to the tool below this post and every page in this blog. What started as an experiment, has gained some popularity among online users and its now serving 200 users every day, processing 250 pictures at an average, and this figure is steadily rising. Read More
]]> Thur, 29 Apr 2015 12:53:25 GMT https://www.encodedna.com/responsive/simplest-way-make-responsive-image-using-css.htm Responsive Web Designing is gaining momentum for quite some time now. Today, more people are using smaller devices, such as, smart phone or a tab for browsing the internet. As a web developer my-self, I remember how we were required to designed separate web applications for mobile devices. However, with new browsers using CSS and other technologies, we don’t have to design separate layouts for separate applications. Read More
]]> Thur, 27 Apr 2015 13:21:51 GMT https://www.encodedna.com/category/articles/is-your-site-or-blog-mobile-friendly.htm If you have not heard about it yet, then let me tell you that Google has rolled its Updated Mobile Algorithm to check if a site is ready and optimized for displaying on small devices, such as, a smart phone. If you own a website or blog, and if you have registered with Google Webmaster tools or AdSense, eventually Google will ask you this question. Read More
]]> Thur, 24 Apr 2015 10:09:10 GMT https://www.encodedna.com/linq/conditional-xml-element-selection-in-linq-to-xml.htm Any discussion on LINQ to XML is incomplete without mentioning one of its most interesting features, which is the Conditional Element Selection or filtering data using the “where” clause. If you are familiar with basic SQL conditionings, such as, a “where” clause to filter data from a table, then I am sure you it would not bother you much. Here, in this article I’ll show you how to filter XML elements using LINQ to XML “where” clause. Read More
]]> Thur, 23 Apr 2015 13:17:21 GMT https://www.encodedna.com/linq/load-and-read-xml-document-using-linq-to-xml-descendants.htm LINQ or Language Integrated Query , as you know is set of features introduced first with .Net framework 3.5 (Visual Studio 2008), which provides powerful queries (language) to read and update literally any kind of data storage. LINQ provides necessary classes, methods and properties to read and update XML documents too. Here in this article, I am going to show you, with small examples, on how to load and read XML data using LINQ to XML features. Read More
]]> Web, 22 Apr 2015 14:01:21 GMT https://www.encodedna.com/2014/07/what-is-a-stored-procedure-and-why-use-it-sql-server.htm An SQL Server Stored Procedure is a logical collection of statements or queries packaged together to perform a particular task, repeatedly. You do not have to write the statements repeatedly and it saves not just time but also other server resources. Here, in this article I’ll explain in detail about the advantages and disadvantages of using Stored Procedure in SQL Server. In-fact it’s common in any RDBMS that follows SQL standards. Read More
]]> Mon, 20 Apr 2015 12:08:13 GMT https://www.encodedna.com/category/articles/google-wished-me-happy-birthday.htm I got a real surprise this morning from Google. We all know Google celebrates special occasions, such as birthdays of famous people from around the world, with a beautiful Doodle. Google changes its regular homepage for the day and replaces it with a Special, customized Doodle. Read More
]]> Thu, 17 Apr 2015 09:30:10 GMT https://www.encodedna.com/aspdotnet/dropdownlist-examples-with-cascading-and-data-binding.htm There are many ways to display data on a web page. Today, developers can choose from a wide range of tools, especially displaying a list of data in a drop down control. The Asp.Net DropDownList control is one of many useful controls available for this purpose. It’s a very easy to use control and more importantly saves lot of space on a web page. Read More
]]> Thu, 16 Apr 2015 13:45:30 GMT https://www.encodedna.com/jquery/check-if-select-option-or-dropdownlist-is-selected-using-jquery.htm An HTML select element or a dropdown list allows users to select a value from a list of options (data). We often use HTML select options to provide a convenient way to our users to choose data from a menu of options. Asp.Net developers have another popular control to use in their project, that is, the “DropDownList” Web Server control. However, there is one common issue developers often come across is to check if any value is ever selected from a dropdown control, before submitting or switching focus on another control. Read More
]]> Wed, 15 Apr 2015 14:38:15 GMT https://www.encodedna.com/jquery/make-jquery-contains-selector-case-insensitive.htm A few months back I was working on a project, when I came across a situation where I had to look for lines or elements on a web page, which had specified texts in it. For example, a web page traditionally contains many lines of text (contents), carefully embed inside elements, such as a “div” or “p”, and I had to find all the elements that had specific texts in it. Read More
]]> Mon, 13 Apr 2015 09:00:03 GMT https://www.encodedna.com/aspdotnet/show-images-using-a-repeater-control-in-aspdotnet.htm While browsing the net, you might have come across websites that display their products using Images. Businesses around the world now rely heavily on using beautiful thumbnail images to attract their customers. Weather its Flipkart, Amazon or any online businesses; no one seems to stay behind in this trend. This puts lot of onus on a web developer to find methods and control suitable for displaying these images, without much difficulty. Read More
]]> Wed, 08 Apr 2015 12:46:31 GMT https://www.encodedna.com/javascript/set-or-get-value-to-a-label-using-javascript.htm Here’s a little tip I thought would be useful and worth sharing with a beginner. Often we come across a situation where we want to set or assign a value or text to a Label control dynamically. Usually a label would have a value assigned while designing the web page, denoting a name or product description etc. We can set the value of the label dynamically using JavaScript, JQuery or using Asp.Net code behind procedures. Here, I’ll show you how you can do this using plain JavaScript. Read More
]]> Mon, 06 Apr 2015 11:51:15 GMT https://www.encodedna.com/aspdotnet/copy-gridview-rows-to-datatable-in-aspdotnet.htm A DataTable in Asp.Net represents a temporary data storage facility, which stores data in a tabular format, that is, columns and rows. Temporary, since its scope is limited to the .Net application that creates it. It provides various methods to copy data from various data sources and later provide the data to other data consuming objects such as a GridView or an HTML5 DataList. A popular method for binding a DataTable to a data source is using the SqlDataAdapter. However, in this article I’ll show you how you can fill data to a DataTable with data extracted from GridView rows. Read More
]]> Fri, 03 Apr 2015 14:21:32 GMT https://www.encodedna.com/aspdotnet/export-gridview-to-excel-in-aspdotnet.htm It is very common to see developers searching for a solution to export data from database table to an excel file. I have written few articles on this before. However, in this article we will see how to export data from a paging enabled GridView control to an Excel file in Asp.Net. Read More
]]> Wed, 01 Apr 2015 13:24:02 GMT https://www.encodedna.com/angularjs/tutorial/filter-a-list-of-items-using-angularjs-filter.htm An AngularJS “filter” filter will separate and return a list of items from an array of items. The new items that it returns are in the form of an array too (a new array of filtered items). It can filter an item that is either a string or an object. Read More
]]> Fri, 27 Mar 2015 12:15:32 GMT https://www.encodedna.com/javascript/statements/what-is-a-javascript-statement.htm A Statement in JavaScript is a Group of Commands, put together inside curly braces, called JavaScript Code Block. A Statement usually ends with a “;” (semi colon). A web browser executes these commands to perform a task. Read More
]]> Fri, 27 Mar 2015 12:14:11 GMT https://www.encodedna.com/angularjs/tutorial/add-orderby-filter-to-directive-in-angularjs.htm We can use AngularJS filters in expressions, as well as in directives. Here I’ll show you how to add AngularJS “orderBy” Filter to a directive. We will render a list of pre-defined books using the “ng-repeat” directive. I have added the list in a random fashion. However, I wish to render the books in alphabetic order. Read More
]]> Wed, 25 Mar 2015 11:32:05 GMT https://www.encodedna.com/javascript/get-the-first-and-last-character-in-a-string-using-javascript.htm I have asked this question to myself at many occasions during my programming days and I believe it’s a common question every programmer asks. A common question they often ask is how I can get the first character in a string using JavaScript. When I say “x” character in a string (see the title of this article), I mean any character (positioned first, second or last) in a string of values. Read More
]]> Tue, 24 Mar 2015 12:00:56 GMT https://www.encodedna.com/2014/05/drawing-circles-with-google-maps-javascript-api.htm We have discussed about Markers in one of our previous articles and here we will discuss about another Google Maps object called the Circle. A Circle is defined on a map to highlight a location using Radius which covers the entire area defined as location. Read More
]]> Mon, 23 Mar 2015 18:55:11 GMT https://www.encodedna.com/angularjs/tutorial/date-filter-in-angularjs.htm In AngularJS, the “date” filter formats a text to a given date format. In this article too, I’ll show you how you can add the “date” filter to an HTML template using an expression. In the later part of this article, I’ll show you how to Inject the “date” filter to a controller using JavaScript. Read More
]]> Fri, 20 Mar 2015 14:20:21 GMT https://www.encodedna.com/angularjs/tutorial/format-text-using-angularjs-currency-filter.htm The AngularJS “currency” Filter works very much like the number filter. However, it will format the text (a number) and displays the value prefixed with the “$” (dollar) symbol. The “$” is the default symbol, when no other symbol is defined. Read More
]]> Tue, 17 Mar 2015 14:15:23 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-filters.htm While explaining about AngularJS Features in one of my previous posts in the AngularJS section of this blog, I have discussed very briefly about Filters in AngularJS . Later in another post, I have explained using two different methods, on how to convert a string or a text to uppercase, using the “uppercase” filter in AngularJS. Read More
]]> Mon, 16 Mar 2015 17:31:02 GMT https://www.encodedna.com/javascript/operators/ternary-operator-in-javascript.htm A Ternary Operator is an alternative to if, else conditions in JavaScript. Unlike other operators that usually take two expressions, a Ternary operator takes three expressions. The expressions are in the form of a condition (first value), followed by two more expressions, which returns the result. See the syntax below. Read More
]]> Mon, 11 Mar 2015 20:52:34 GMT https://www.encodedna.com/wcf/tutorial/autocomplete-using-jquery-ajax-and-aspdotnet-wcf-service.htm In one of our previous article, we have discussed on a JQuery Plug-in to AutoComplete text by calling Web Service method. We will take this to a next level. Here, in this article will discuss with example, on AutoComplete text using JQuery with Ajax and by invoking a WCF Service method. Read More
]]> Mon, 11 Mar 2015 12:27:14 GMT https://www.encodedna.com/jquery/add-text-to-div-using-jquery-appendto.htm In a previous article, I have written on how we can dynamically add and remove HTML elements using JQuery . It covered a very important and useful feature about adding and removing HTML elements dynamically on a web page. However, many of my visitors have asked me a question about how to add text to an existing element, such as a DIV, dynamically using JQuery. This article has an answer to those questions. Read More
]]> Mon, 09 Mar 2015 14:05:11 GMT https://www.encodedna.com/jquery/how-to-set-image-width-and-height-using-jquery.htm Always define the image width and height before loading the images on a web page, as this helps the browser know the actual dimensions of the image and improves page-loading time. This is a general rule of thumb and considered best practice, while designing a web page (using images). However, there are times when we need to add Images dynamically with it properties using various methods such as JQuery. Read More
]]> Mon, 04 Mar 2015 14:12:11 GMT https://www.encodedna.com/jquery/dynamically-add-image-to-div-using-jquery-append-method.htm Here is a quick tip on how to bind images dynamically to an HTML DIV element using JQuery. I have received mails from many of my visitors who were desperately looking for a quick solution on how to extract images from remote folders using JQuery. Let me first clear this to you that you cannot directly extract images or files from a server folder using JavaScript or JQuery. Read More
]]> Mon, 02 Mar 2015 18:10:02 GMT https://www.encodedna.com/angularjs/tutorial/convert-a-string-to-uppercase-in-angularjs.htm Often developers look for a quick solution to convert a string to uppercase or transform text values to uppercase while typing into an input box. If you were thinking about a conventional method, you would have end up writing a small script at the client side, for this little transformation to work. The CSS “text-transform” property is a good alternative, but ineffective in certain cases. However, if you have switched to AngularJS for your web development solutions, then you have two simple ways to transform the text into uppercase in AngularJS. Read More
]]> Fri, 26 Feb 2015 19:15:23 GMT https://www.encodedna.com/reviews/infragistics/aspdotnet-charting-control.htm The Infragistics Asp.Net Charting control offers over 50 different chart types. Using the Charting control, you can create 2D and 3D charts to show a breakdown of data, for analysis. Binding the chart to a data source using a code behind procedure is simple. It comes with loads of features. Read More
]]> Tue, 24 Feb 2015 20:55:14 GMT https://www.encodedna.com/jquery/get-min-max-value-from-xml-using-jquery-ajax.htm This is a quick tip for beginners who are looking for a solution to get the Maximum and Minimum value from XML attributes using JQuery and Ajax. XML attributes may have a various types of values, such as string, integer or float (with decimal) values. Often these values are defined using different attributes. Previously, I have written an article where I have shown with example on how to extract and read XML data using JQuery and Ajax. We will use a similar procedure for our demo here in this article. Read More
]]> Tue, 24 Feb 2015 14:05:25 GMT https://www.encodedna.com/html5/html5-datalist-element.htm The HTML5 Datalist element is a simple alternative to numerous AutoComplete widgets, provided by every JavaScript frameworks today. The idea behind designing this element is to bring the functionalities of JavaScript to HTML. This new HTML5 element is simple and elegant and it will spare you from writing any code on your web page. Read More
]]> Mon, 23 Feb 2015 14:20:25 GMT https://www.encodedna.com/wcf/tutorial/call-wcf-service-from-jquery-ajax-json-aspdotnet.htm We can call WCF services using codes written in JQuery Ajax and JSON. Therefore, in this article we will explain how we can create a WCF service and later call the service using JQuery Ajax and JSON. We have designed and written the codes using C# and Vb.Net. Read More
]]> Web, 19 Feb 2015 22:09:15 GMT https://www.encodedna.com/2014/07/extract-data-from-an-xml-file-using-javascript.htm XML is in use for a very long time and used worldwide for its simplicity and the friendliness it provides to developers. The core purpose of designing XML was to create web pages. It also serves as a lightweight data source, and easily distributed across the web. Read More
]]> Mon, 16 Feb 2015 17:40:20 GMT https://www.encodedna.com/reviews/infragistics/dropdown-control-in-aspdotnet.htm A drop down control shows a list of pre-defined values, usually extracted from a database table. Here, in this article we are going to see how Infragistics Drop down control is different from other controls available on the web. Read More
]]> Wed, 11 Feb 2015 17:16:11 GMT https://www.encodedna.com/angularjs/tutorial/angularjs-expressions-with-examples.htm AngularJS expressions bind application data to an HTML element. Written inside two curly braces, it reminds us of JavaScript expressions or snippets. Though Angular expressions are different from JavaScript, it is an effort to bring JavaScript like functionalities, such as, operators, variables, conditions etc to HTML. Read More
]]> Fri, 30 Jan 2015 22:30:21 GMT https://www.encodedna.com/reviews/infragistics/progressbar-control.htm Usually, the Progress Bar is used to see a visual progress of an operation. Operations that take longer time than usual can sometimes confuse the users. The progress bar helps them to figure out the approximate time left for the current operation to end. Read More
]]> Thur, 28 Jan 2015 20:15:26 GMT https://www.encodedna.com/html5/html5-async-attribute.htm A few months back I have written an article on How to register and call a JavaScript function using code behind procedures. At the end of that article (in the conclusion part), I have added a paragraph explaining how to asynchronously load a .js file using HTML5 async attribute. Read More
]]> Thur, 25 Jan 2015 18:30:26 GMT https://www.encodedna.com/reviews/windows10/microsoft-window10-features-and-surface-hub.htm I am writing this review one day after Microsoft unveiled Windows 10, a brand new operating system for the new generation of desktop users and the Surface Hub device using Windows 10. The good is news is that if you are using Windows 7 or Windows 8.1, then you can freely upgrade to Windows 10. Read More
]]> Thur, 22 Jan 2015 20:11:16 GMT https://www.encodedna.com/smartphone/windowsphone/top-three-security-apps-for-windows-phone.htm It is about time we switch our focus on Windows phone and find out some cool apps designed to make the phones safe from malicious attacks. Windows phones, as we know have not received so much attention as other devices in its space, such as, Android and Apple’s iOS. Things are about to change now. Read More
]]> Wed, 21 Jan 2015 22:59:16 GMT https://www.encodedna.com/gridview/tutorial/add-values-from-textbox-to-gridview-using-jquery.htm We know how to extract data from a data source and bind it with a GridView control using SqlDataSource. In-fact there is numerous other ways to extract and bind data in Asp.Net using code-behind procedures. However, in this article we will see how to add values from textboxes to a GridView control using JQuery. Read More
]]> Tue, 20 Jan 2015 14:18:16 GMT https://www.encodedna.com/javascript/say-good-morning-afternoon-evening-using-javascript.htm We have seen websites greeting their visitors with a message that says Good morning, good afternoon or good evening, depending upon the time, they visit the website. In fact, these are simple client scripts, which read the active visitors computer’s time. Here, in this article, I’ll show you how to greet your website visitors and it’s for beginners. Read More
]]> Mon, 19 Jan 2015 19:42:06 GMT https://www.encodedna.com/angularjs/tutorial/my-favorite-angularjs-features.htm AngularJS is simply amazing, not to mention it is a JavaScript framework designed for web developers and designers, who wish to have more control over their web Applications. How much a web designer would benefit from this framework, is hard to predict now. However, if you are a web developer, then I must say that this feature rich framework will allow you to add more meaning to you client side applications. Therefore, it is important to know what features AngularJS has to offer and how to use it in our applications. Read More
]]> Wed, 14 Jan 2015 18:22:06 GMT https://www.encodedna.com/angularjs/tutorial/my-first-angularjs-application.htm Front-end programming is not new in the world of web applications, and if you were involved in web development for a while, then you might have used some JavaScript framework in your project. Before we say “Hello” to the world using AngularJS, let us first find out what is AngularJS and why use AngularJS in the first place. Read More
]]> Thu, 08 Jan 2015 22:30:06 GMT https://www.encodedna.com/css-tutorials/float-right-using-position-absolute-css.htm A few days back I was busy updating a few links on the top menu of my blog. I also wanted to make a mobile friendly responsive menu using CSS, which will float at the right top corner of the screen with absolute positioning. Read More
]]> Fri, 02 Jan 2015 22:16:06 GMT https://www.encodedna.com/excel/send-email-from-excel-using-vba-and-outlook.htm We often use Microsoft Office Outlook application to manage emails and contacts from home and office. It is arguably a safe and secure way to manage confidential emails in particular, though it has many other features that our useful. In this article, we are going show you how to send emails from an Excel file using VBA macro and Office Outlook. Read More
]]> Tue, 09 Dec 2014 17:20:06 GMT https://www.encodedna.com/html5/input-types-and-attributes-in-html5.htm The Input tag in HTML is one of the most important form elements, with useful features, to gather information or input on a webpage. Later, HTML5 introduced some new Input Types and Attributes, which makes the Input element more dynamic and useful and we are going to discuss about its Types and Attributes in this article. Read More
]]> Thu, 04 Dec 2014 22:14:06 GMT https://www.encodedna.com/jquery/jquery-change-method.htm Many times, we come across situations where we want to capture the changes made in an Input box or a Drop down list. I have seen queries in many forums where users, especially beginners ask about how to get or capture the value selected from a drop down list using a select element. Read More

JQuery .change() method has a solution.]]> Tue, 28 Nov 2014 21:11:25 GMT https://www.encodedna.com/html5/canvas/simple-analog-clock-using-canvas-javascript.htm In this article, we are going show you how to design a simple analog clock using HTML5 canvas element and JavaScript. HTML5 canvas provides some easy to use functions and other useful features for making basic animation. However, it would not have been possible without the support of JavaScript. Read More

Demo Showing an Analog Clock designed using HTML5 Canvas and JavaScript]]> Tue, 25 Nov 2014 21:55:19 GMT https://www.encodedna.com/excel/how-to-add-and-find-hyperlinks-in-excel-using-vba-macro.htm A Hyperlink is a reference to add a link between two data in two different locations. We have seen and used links on websites. Similarly, we can add links to data in Excel sheets too. Here, in this article we will see how we can add Hyperlinks in Excel using VBA. Read More
]]> Fri, 21 Nov 2014 10:55:19 GMT