Tag Archives: javascript

javascript programming

JavaScript – How to use geolocation.

Using HTML Geolocation with the javascript programming language is very easy. The example uses the navigator.geolocation and get all data for your geolocation. Into your HTML page add this javascript:

<script>

function mapServiceProvider(lat, long) {
  document.writeln("Your geolocation position is:<br>")
  document.writeln("Latitude = "+lat+"; Longitude = "+long);
}

if (navigator.geolocation) {
	navigator.geolocation.getCurrentPosition( 
 
		function (position) {  
mapServiceProvider(position.coords.latitude,position.coords.longitude);
		}, 
		// next function is the error callback
		function (error)
		{
			switch(error.code) 
			{
				case error.TIMEOUT:
					alert ('Timeout');
					break;
				case error.POSITION_UNAVAILABLE:
					alert ('Position unavailable');
					break;
				case error.PERMISSION_DENIED:
					alert ('Permission denied');
					break;
				case error.UNKNOWN_ERROR:
					alert ('Unknown error');
					break;
			}
		}
		);
	//}
} else {
  alert("Error: geolocation not supported in your browser!");
}
</script>

function mapServiceProvider(lat, long) {

document.writeln("Your geolocation position is:<br>")

document.writeln("Latitude = "+lat+"; Longitude = "+long);

}

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(

function (position) {

mapServiceProvider(position.coords.latitude,position.coords.longitude);

// next function is the error callback

function (error)

{

switch(error.code)

{

case error.TIMEOUT:

alert ('Timeout');

break;

case error.POSITION_UNAVAILABLE:

alert ('Position unavailable');

break;

case error.PERMISSION_DENIED:

alert ('Permission denied');

break;

case error.UNKNOWN_ERROR:

alert ('Unknown error');

break;

}

);

//}

} else {

alert("Error: geolocation not supported in your browser!");

}

</script>

The result can be found at my codepen account.

JavaScript – TensorFlow.js .

Many people have heard about TensorFlow. I tried to use it with another programming language, but installation was difficult. Today I saw that it was implemented on javascript. I am not very advanced in javascript (thanks to multiple implementations) but I will try to write a simple tutorial. TensorFlow.js is an open source WebGL-accelerated JavaScript… Read More »

HTML5 – Example New Year – Countdown.

This simple tutorial comes with a simple example of New Year – Countdown. The example uses the color of the year 2019 the PANTONE 16-1546 Living Coral. The result of this example can be seen on my codepen account: See the Pen New Year – Countdown by Catalin George Festila (@catafest) on CodePen. The example… Read More »

WebGL – refresh touchdown text 001.

This example tutorial show how to add a text to canvas WebGL. In my example, I used the click refresh touchdown text. The rest of the source code is very simple. The HTML comes with the tag canvas, and the CSS area is filled with simple background. The javascript create variables to fit the canvas… Read More »

Testing WebAssembly Studio online tool.

You can test your WebAssembly skills by using the WebAssembly Studio online tool. First, JavaScript doesn’t support int64 yet, a signature with int64 in wasm can’t be exported to JS. This means I will use only 32 support with JavaScript. If you open this online tool will see this: this area will start the project;… Read More »