Javascript – Adis Azizan

ANGULAR NG-SHOW AND CHANGE TEXT FIELD TO INPUT FIELD

Example code in Angular JS to change the text Heading to input text field without losing 2-way data binding. <!DOCTYPE html><html><script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”></script><body><div ng-app=”myApp” ng-controller=”myCtrl”><h1 ng-dblclick=”change()” ng-if=”!myv”>{{carname}}</h1><h1 ng-show=”myv”><input type=”text” ng-model=”carname”><button ng-click=”done()”>Done</button></h1></div><script>var app = angular.module(‘myApp’, []);app.controller(‘myCtrl’, function($scope) { $scope.carname = “Volvo”; $scope.change = function() { $scope.myv = … Continue readingANGULAR NG-SHOW AND CHANGE TEXT FIELD TO INPUT FIELD

Setup FIREBASE and create a Chat APP using Javascript

First thing first is to sign up for the Firebase. Firebase is made by Google and have many functionality , as example real-time database, login, storage etc.https://firebase.google.com/ Once you sign up you now able to login. Add project and fill up the details Create you … Continue readingSetup FIREBASE and create a Chat APP using Javascript

ADD TWITTER SHARE BUTTON

To add Twitter share button first you need to add Twitter script at the end of your HTML body <script> window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = … Continue readingADD TWITTER SHARE BUTTON

Embed Google Maps using iframe – No need to add Billing

We also can embedded Google Maps using iFrame. We don’t need to enabled the billing for this. To embed Google Maps using place name is quite easy as we can use iFrame tag and specify the place. Example of the code is below: <iframe src=”https://www.google.com/maps?q=gombak&output=embed” … Continue readingEmbed Google Maps using iframe – No need to add Billing

ADD CURRENT GEOLOCATION TO THE GOOGLE MAPS

To add current Geolocation, we can use a navigator geolocation navigator.geolocation.getCurrentPosition We then pass the value to the Maps. Please check this post to see on how we can setup Google Maps to using Latitude and Longitude. Below is the code and the example on … Continue readingADD CURRENT GEOLOCATION TO THE GOOGLE MAPS

Push array value in Localstorage

Local Storage allow us to save key and value in a web browser. The data stored has no expiration date and will not be deleted even when the browser is closed. To remove the data is by simply using removeItem as below. Below are the … Continue readingPush array value in Localstorage

Google MAPS

Google Maps is excellence way to show your location. Interactive map will allow your users to remember your location. To use Google Maps by Latitude and Longitude you just need to sign up for Google Developer. https://console.developers.google.com Go to the API Menu and search Google … Continue readingGoogle MAPS

AJAX Example

Anyone want example of AJAX Javascript. You can check out this link https://adisazizan.xyz/tutorial/ajax/ This example is using GET method. I created this for my quiz. Example 1 – Resource HTML Solution: Javascript Example 2 HTML + JAVASCRIPT There also tutorial on the AJAX POST. Below … Continue readingAJAX Example

Portfolio

Tag: Javascript