Software + Imagination
In JavaScript, we can create a new date using: var date1 = new Date(“2018-01-01″); If we print this in the console, we actually get a different date: This is because we are omitting the time, so UTC time is assumed. To display the “correct” date, add the time: var date1 = new Date(“2018-01-01 00:00”); This produces:
In this post we will show how to debug JavaScript through the developer console. We will do this example in Chrome, and it works in similar ways for other browsers. Consider the example where we have an HTML file with an embedded JavaScript function called HelloWorld(): Running this simply produces an alert: Now let’s open the debugger by pressing F12, and put a breakpoint on the code at line 6: … Continue reading Debugging JavaScript Functions Through Console
In a scenario where we need to scroll to the top of a web page, we can use JavaScript’s scrollTo. Consider the scenario where there is a page filled with text, and the scroll bar appears. With a scroll button at the bottom: We can add the following code to set the window to it’s x/y coordinates: window.scrollTo(0,0); Full code: When clicking the button, the page will scroll to the … Continue reading JavaScript – Scroll to Top
In some previous posts, we looked at using callbacks and promises. In this post, we will look at Await / Async in JavaScript. Await / Async is built on promises, and is a clean way to represent asynchronous processes in a synchronous way. For example, consider the code below. We have 2 functions, DoSomethingAsync and DoSomethingElseAsync. The first function will complete in 2 seconds, and the second function in 1 second: If … Continue reading JavaScript Async / Await
To call a JavaScript function when an HTML page loads, use the code below: This displays: And if using a DIV: Which Displays:
You may have a scenario where you have a table on your webpage and you would like to add an event through JavaScript to capture when a user double-clicks on a row. Let’s say we have an HTML table, like below: Code: Now, let’s add click event to this. Let’s say when a user clicks, we want to display the row number they are clicking on. Add a reference to … Continue reading Double-Click and Click Table Row using JQuery
Let’s say you are running a React app, which you started using npm start: It is running in a browser, but closing the browser does not stop the app: To stop this from running, in the command prompt, type CTRL-C. You will get the prompt to Terminate batch job: Type Y and the app will stop running: You can now run npm start again if you want to relaunch the … Continue reading How to Stop a React App from Running in Windows
One of the benefits of using Dynamics CRM is the ability to write client side JavaScript code to perform actions on the user interface. Let’s go through an example of how to do this. In this example, we will show a message box when a user changes a value on a field. We will do this on the Website field on the Accounts form: Firstly, edit the Accounts form to display the developer view: … Continue reading Dynamics CRM Creating and Debugging JavaScript Code
In this example, we will create a Hello World application for Node.js. Let’s start with a simple example. I have installed Node.js on Windows and have a Node directory in C:\ drive. In command prompt, cd to this directory. In that directory is a JavaScript file that writes out a console log “Hello World”: To run the file, enter: node HelloWorld.js Hello World is returned by Node. Now create a new … Continue reading Node.js Hello World on Windows
To create a D3 “Hello World”, do the following. Go to the d3js.org website and find the latest D3 version: Copy the link to the latest release: <script src=”https://d3js.org/d3.v4.min.js”></script> Create an HTML page and add the following code, with the link above: <!DOCTYPE html> <meta charset=”utf-8″> <body> <script src=”https://d3js.org/d3.v4.min.js”></script> <script> d3.select(“body”).append(“span”) .text(“Hello world”); </script> Run the page: