Posts

Showing posts from 2018

Create Google map API key free

Image
Get API Key Quick guide Step 1: Get an API key Click the button below, to get an API key using the Google Cloud Platform Console. You will be asked to (1) pick one or more products, (2) select or create a project, and (3) set up a billing account. Once your API key is created you will be prompted to restrict the key's usage. (For more information, see  Restricting an API key .) GET STARTED Step 2: Add the API key to your app When loading the Maps JavaScript API, substitute  YOUR_API_KEY  in the code below with the API key you got from the previous step.   <script async defer src = "https://maps.googleapis.com/maps/api/js?key= YOUR_API_KEY &callback=initMap"   type = "text/javascript" ></script> Detailed guide Follow these steps to get an API key and add restrictions: Go to the  Google Cloud Platform Console . From the Project drop-down menu, select or create the project for which

Implement Google Analytic in Your Website

Image
How to add a new website in Google Analytics "In this article I share step-by-step screenshots showing how you can add a new website (property) in Google Analytics under an existing account." Step 1 Go to  https://www.google.com/analytics/  and click on  Access Google Analytics  at the top right.   Step 2 Click On Start Free Step 3 And The Click on Get Tracking And Accept Terms & Condition, Step 4 Add Below Script to Your Code 

Play ,Pause and Stop Embedded YouTube Video Iframe

Reference   <script  src="https://code.jquery.com/jquery-3.3.1.min.js"></script> HTML Code  < div >< a href ="#" class ="play-video"> Play Video </ a ></ div > < div >< a href ="#" class ="stop-video"> Stop Video </ a ></ div > < div >< a href ="#" class ="pause-video"> Pause Video </ a ></ div > < iframe width ="560" height ="315" src ="https://www.youtube.com/embed/WWLsLiVYJRU?enablejsapi=1" frameborder ="0"   class ="youtube-video" allowfullscreen ></ iframe > JQuery  Code  $( 'a.play-video' ).click( function (){        $( '.youtube-video' )[0].contentWindow.postMessage( '{"event":"command","func":"' + 'playVideo' + '","args":"&q

Country Select boxes with flags.

Image
A lightwieght jQuery plugin for creating Bootstrap 3 compatible country select boxes with flags Demo http://blazeworx.github.io/flagstrap                                           Basic < form class = " form-horizontal " > < div class = " form-group " > < label >Select Country</ label >< br > < div class = " flagstrap " data-input-name = " country " ></ div > </ div > </ form > < script > $ ( ' .flagstrap ' ). flagStrap (); < / script > Options Using Data Attributes This example will create a Flagstrap Dropdown giving the input field the name of  country  with all countries available and  Germany  pre selected and in a  scrollable  dropdown with  max-height  of  250px . < form > < div class = " form-group " > < label >Select Country</ label >&l

Mysql restores ONLY_FULL_GROUP_BY after restart

Mysql restores ONLY_FULL_GROUP_BY after restart I must add a new line into  /etc/mysql/mysql.conf.d/mysqld.cnf At the end of the section  [mysqld] , I added sql_mode = "STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION" Then restarted sudo systemctl restart mysql My settings now is preserved after restart.

Create Pagination using Java script Using C#

Html Design Code <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns ="http://www.w3.org/1999/xhtml"> < head runat ="server">     < title ></ title >     < script src ="Script/jquery-2.1.1.min.js" type ="text/javascript"></ script >     < script src ="Script/JSPaging.js" type ="text/javascript"></ script >     < link href ="Style/Style.css" rel ="stylesheet" type ="text/css" /> </ head > < body >     < form id ="form1" runat ="server">     < asp : HiddenField ID ="hdnStartingIndex" ClientIDMode ="Static" runat ="server" />     < asp : HiddenField ID ="hdnEndingIndex" ClientIDMode ="Static" r