NKDWEB

How to remove duplicates from an array in JavaScript

Friday, February 12, 2021

Commonly asked Javascript interview questions to remove duplicates from an array.Here are different ways to remove duplicates from an array and return only the unique values.1) Using SetES6 provides a new type named Set that stores a collection of unique values of any type. A set is a collection of items that are unique.var arr = [1, 2, 3, 4, 5, 3, 2, 1];//...

Search Pipe to Filter results with Angular 5

Tuesday, March 20, 2018

Step by step guide to implement search pipe to filter results with Angular 5. AngularJs will comes with inbuilt filter pipes. But Angular didn't comes with filter pipes, because they perform poorly and prevent aggressive minification. Step 1: Install latest version of Angular Cli using following command. npm install -g @angular/cli@latest You can find the instruction and documentation in https://cli.angular.io/ Step 2: Create...

Javascript Closure Explained

Tuesday, November 29, 2016

When we create the JavaScript function within another function and the inner function can access to all the variable of outer function. How to create closure in javascript Example 1: function outerFunction(a) { var intial = 5; function innerFunction(b) { console.log(a + b + (++intial)); // It will return the 20. } innerFunction(10); } outerFunction(4); // Pass an argument 4 Output is 20...

How to convert image files into base64 format - ng-flow

Friday, October 30, 2015

Flow.js html5 file upload extension on angular.js framework http://flowjs.github.io/ng-flow/ The images are encoded into base64 format using the angularjs code below HTML code <div flow-init flow-files-submitted="$flow.upload()" flow-file-success="$file.msg = $message" flow-files-added="processFiles($files)" flow-name="obj.flow">  Input OR Other element as upload button <span class="btn" flow-btn>Add File</span> <div> <div ng-repeat="file in $flow.files" class="gallery-box ng-scope"> <span class="title ng-binding">{{file.name}}</span> <div class="thumbnail" ng-show="$flow.files.length"> <img flow-img="file" src="file.image">...

Useful Sublime Text Plugins and Extension

Thursday, May 28, 2015

Sublime Text 3 is sophisticated text editor, which i really love, Because due to it simplicity, enriched with lots of features and free plugins to extend more features of Sublime Text. In this post, find the list of useful Sublime Text Plugins & extensions which are capable of doing almost everything for all kind of developers and help them to perform several hassle free...

Sublime Text - The text editor you'll fall in love with

Thursday, May 28, 2015

Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance. Download it from here Sublime Text Some things users love about Sublime Text Goto Anything: Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words. Triggered with Ctrl+P Multiple Selections: Make...

How to connect Joomla with an external database?

Monday, July 21, 2014

If you need to access tables within the same database as your Joomla! installation then you can simply use the JFactory->getDbo method. This uses the already established connection that Joomla! uses to connect to the database. <?php $db = JFactory::getDbo(); ?> But what if you want to connect to a completely different database from the one used by Joomla!?. This might be...

iPad mini orientation media query issue

Tuesday, June 17, 2014

Sample html page with orientation media queries below <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>iPad mini Orientation issue</title> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> </head> <body> <style> @media only...

Backbone.js tutorial - Simple example of backbone.js view

Wednesday, June 11, 2014

Backbone views are almost more convention than they are code — they don't determine anything about your HTML or CSS for you, and can be used with any JavaScript templating library. Simple working example of backbone.js view <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Just backbone view & render</title> </head> <body> // Include libraries like jQuery, underscore.js & backbone-min.js. Since Backbone...

Introduction to Backbone.js JavaScript Framework

Wednesday, June 11, 2014

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. Backbone.js is a lightweight JavaScript library that adds structure to your client-side code. It makes it easy to manage and decouple concerns...

How To Fix the Pharma Hack in Joomla website

Tuesday, April 01, 2014

Recently our one of the Joomla website is hacked with Pharma, and while google search gives us the link with pharma page which doesn't exist in our web pages. I have used k2 components, ArtioSEF third party component, but i don't see any link or content there in the extensions. Finally i have done folder comparsion which shows the files with different content. The...

CSS Panel menu (Drawer menu)

Thursday, February 20, 2014

Tired of Javascript conflicts in drawer menu, here it is good news for developer. Drawer menu can be implemented only using CSS and not Javascript. I came across the CSS panel menu which I have used in one of my kendo UI Mobile project. CSS panel menu is the customized version of JPanel menu (http://jpanelmenu.com/) Check the link http://css-tricks.com/off-canvas-menu-with-css-target/ Advantages : It's all...

Magento install error - Exception printing is disabled by default for security reasons.

Tuesday, January 21, 2014

Error which can occur when installing Magento: There has been an error processing your request Exception printing is disabled by default for security reasons. Error log record number: XXXXXXXXXXXXXXX Here is the solution: Navigate to the "errors" folder. Change local.xml.sample to local.xml You should now see a new list of crazy errors all over the Magento page - this is okay. Open magento/lib/Zend/Cache/Backend/File.php...

How to disable keyboard input for datepicker - Kendo UI Mobile

Monday, January 06, 2014

Create inputs with start and end date in html page. Example index.html <!DOCTYPE html> <html lang="en"> <head> <title>Kendo UI Mobile DatePicker</title> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" /> /* Add Kendo CSS and your custom CSS */ <link href="css/kendo.mobile.all.min.css" rel="stylesheet" /> <link href="css/kendo.common.min.css" rel="stylesheet" /> <link href="css/kendo.default.min.css" rel="stylesheet" /> <link href="css/custom.css" rel="stylesheet" /> </head> <body> ...

JOOMLA! 3.2.1 RELEASED

Saturday, January 04, 2014

The Joomla! Project and the Production Leadership Team are proud to announce the release of Joomla! 3.2.1 which resolves a significant number of issues and bugs. If you are currently running Joomla! 3.2, we recommend that you apply this update immediately via either the one-click update or the update downloads available at http://www.joomla.org/download.html. For other versions of the 3.x series, applying the update is...