This article shows how you can generate Google Map and display it in your webpage when you have latitude and longitude coordinates value. We will be using HTML and Javascript to display the Google Map. First of all, you need to get the Google API Key from Google API Console. You need this API key … Read more
This article show how you can use Embedded Javascript (EJS) in your Node.js & Express application. EJS is an open-source Javascript Template Library. There are different other Javascript Templating languages/libraries like Mustache, Pug, Jade, etc. which can also be used in your Node.js & Express application. This tutorial uses EJS as the templating language for … Read more
This article presents a basic introduction to AngularJS 1.x. AngularJS is a free and open source Javascript Framework. It’s a frontend web application framework maintained by Google. AngularJS follows the MVC (Model View Controller) approach of coding. Two way data-binding is a prominent feature of AngularJS which automatically synchronizes data between model and view components. … Read more
This article show how to populate one select box by selecting option of another select box/list. We will use a Javascript object. Each key of the object contains array as value. A first select box is populated with the Javascript object’s keys. Then when the value from the first select box is selected then based … Read more
This tutorial provides a very basic introduction to Google App Script. I will also list out the works that can be done with AppScript. And, I will be showing very basic Javascript code that can be run on AppScript’s console. In this article, we will be dealing only with Javascript arrays and loops. What is … Read more
This article shows how to use AJAX on Magento with Prototype Javascript Library. Scenario I had one scenario where I had to check whether a customer is already registered or not via AJAX. – User will enter his/her email address in a text box and press the ‘Continue’ button. – After that, I need to … Read more
Scenario: In Magento Admin form, you have two fields. One is a select field and let the other field be a text field. Now, you want to show/hide the text field based upon the option selected in the select field. Solution: There are two ways to achieve this. You can either use setAfterElementHtml or addFieldMap … Read more
This article shows how to get selected value from dropdown box when a button is clicked. Problem: – There are multiple forms in a page. – There is a dropdown select box in each form. – The option value of the select box is website URL. – There is a button type=button (not type=submit) in … Read more
This article will show you how to submit form and change form action using javascript. This is a very simple trick but it’s very useful and frequently used. Submit Form using Javascript HTML form <form name="myForm" action="http://google.com" method="get"> Search: <input type="text" name="q" /> <button onclick="javascript: submitForm()">Search</button> </form> Javascript function function submitForm() { document.myForm.submit(); } Change … Read more