Category Archives: javascript

HTML5 – remove outline around input.

This tutorial is about how to remove outline style around input boxes in chrome using CSS. The answer is very simple, use this:

CSS
1
2
3
input:focus, textarea:focus, select:focus{
        outline: none;
    }

See the Pen Input_remove_outline by Cătălin George Feștilă (@catafest) on CodePen.

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:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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.

Google Apps Script – search YouTube videos by location – part 013.

This is a simple example of how to search on YouTube by location. You need to use the same steps as in my previews tutorials. Use this source code of Google Apps Script to see result into menu: View Logs.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// Apps Script to remove parameters that don't have values before sending API request
function removeEmptyParams(params) {
  for (var p in params) {
    if (!params[p] || params[p] == 'undefined') {
      delete params[p];
    }
  }
  return params;
}
 
// Apps Script code for printing API response data
 
function printResults(response) {
  Logger.log(response);
}
 
function searchListByLocation(part, params) {
  params = removeEmptyParams(params); // See full sample for function
 
  var response = YouTube.Search.list(part,
      params);
  printResults(response);
}
 
function Main() {
  searchListByLocation('snippet', {'location': '47.4616,26.3015',
'locationRadius': '10mi',
'q': '',
'type': 'video'});
}