Information Technology

Monday, May 22, 2017

HelpOut Application

HelpOut Application is an user friendly interface which lets the user to contact directly their loved one and life-saving government service whenever they need help such as road accidents and any crime related situation. In order to contact them, the user needs configure its emergency contact information to activate the application. Read more

An InLinkz Link-up

Tuesday, November 4, 2014

Geolocation in HTML

Geolocation is finding your location.

Source Code:

<!DOCTYPE html>
<html>
<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.watchPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";}
    }

function showPosition(position) {
    x.innerHTML="Latitude: " + position.coords.latitude +
    "<br>Longitude: " + position.coords.longitude;
}
</script>

</body>
</html>

Friday, April 8, 2011

Scrolling Lists in HTML

The Scrolling lists can configure lists to allow the users to choose one or multiple answers to be selected form. It is efficient way to display more information in less space than static HTML.

Source Code:

<!DOCTYPE html>

<html>
<head>
   <title>Scrolling Lists</title>
</head>

<body>
   <b>Scrolling List:</b><br/>
 
<p>
<select MULTIPLE SIZE="3" NAME="course department">
<option value= "BSCS"> Computer Science
<option value= "BSIT"> Information Technology
<option value= "BSCoE"> Computer Engineering
<option value= "BSA"> Accountancy
<option value= "BSN"> Nursing
</select>
</p>

</body>
</html>

Multiple - defines the ability to make multiple selections.

Size - You can modify the number of line will display from you webpage. Example of my codes there are "3" size indicate.

Output:

This look like the scrolling list. I hope did you get some idea from my blog.
thanks for reading and try your own making a webpage.

Text Areas in HTML

The text area is similar to the text field that can put their text on the box. While the text area has a text fields that can span several lines. Unlike most other form fields, text areas are not defined with an input tag.

Source Code:

<!DOCTYPE html>

<html>
<head>
<title>Text Areas</title>
</head>

<body>
<b>Text Area:</b><br/>

<p>
<textarea name="textarea" rows= "10" cols = "30" >
</p>

</body>
</html>

Rows - You can specify the depth of the text area.

Cols - You can specify the width of the text area.

Wrap = "Physical" - it allows the text to wrap in the box as it is entered. it is optional if you want to use.

Output:

This is the output that the user input a lorem ipsum. Now you can try by your own. If you have a clarification leave a comment for this page. Thank for your time reading my blog.

Text Fields in HTML

The function of the text fields to enter a single line of text. This form are one of the most common fields we see on the websites. like search box, signing an account, and other types of text field that can apply to the websites.

Source Code:

<!DOCTYPE html>

<html>
<head>
 <title>Text Fields</title>
</head>

<body>
 <b>Text Field:</b><br/>

<p>
 <input type= "text" name="textfield" size= "30">
</p>

</body>
</html>

The Size option denoted the width of the field. the maxlength option denoted the maximum length of the field like "30" is an example of the maxlength.

The Name setting add an internal name to the fields so the program that handles the form can identify the fields.

Output:

This output of the text field code. Now you can try by your own.