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

Portfolio

Category: Javascript

ANGULAR NG-SHOW AND CHANGE TEXT FIELD TO INPUT FIELD

Setup FIREBASE and create a Chat APP using Javascript

ADD TWITTER SHARE BUTTON

Embed Google Maps using iframe – No need to add Billing

ADD CURRENT GEOLOCATION TO THE GOOGLE MAPS