Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Archive for May, 2013

Understanding the basic principles of CSS

Sunday, May 5th, 2013 by Servage
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics of a markup document. It is the most common application to style web pages written in HTML and XML. It is designed primarily to enable to separation of the documents content from the presentation. CSS provides the users with certain advantages. It provides the user with a greater control over page layout. It allows style to be stored in a separate document and link it to the web pages, which results in small web documents and it is easier to maintain a large scale web application. The CSS syntax rule is that it is written in pairs ...

Using the Google Geolocation API

Saturday, May 4th, 2013 by Servage
At heat of every location based application is positioning and geolocation. In this tutorial we would use the geolocation API that will help you locate the area on the map but also it would suggest and provide the user the user with links to the areas with the same or like names. So first we are going to set up our java script with in the head tag. This API allows us to make use of the J-Query <div> <h1>J-Query API</h1> <p> <script   src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></p> </div> Next we introduce the Google geolocation API <div> <h1>Geolocation API</h1> <p> <script src="http://maps.google.com/maps?file=api&v=2&key=YOUR_KEY" type="text/javascript">></script> </p> </div> Next with in the body tag we define our search function <div> <p> <script type="text/javascript"> function search() {$.getJSON('http://ws.geonames.org/searchJSON?q=' +  $('#q').val() + '&maxRows=10', function(data){  $.each(data.geonames, function(i,item){$('<a/>') .attr('data-lat', ...

Using dynamic HTML forms

Thursday, May 2nd, 2013 by Servage
The objective of this tutorial is to dynamically create table row and display the inserted information on the form. For this we are going to create a form for an address book with the fields name, phone number, email and address. Within the head tag first we are going to introduce the jquery API which will allow us to use the jquery functions. <div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </div> Next we set up the lay out for the form in the body tag. <form id= “form1”action="demo_form.asp” method="get" autocomplete="on"> defines a form with id form1 and having autocomplete option on. <div id="warning-msg"></div> defines a div with id warning message this would display the warning if field is left ...

Targeting the global community with local content

Wednesday, May 1st, 2013 by Servage
The world we live in today has transformed in to a global village with internet being the primary mode of connection. The information we put up on our web sites is visible to everyone and anyone who has an a computer and an internet connection so it has become ever so important that the content we put up is for everyone around the world; thus we need to use different languages. Having a multilingual website is not a new concept but the browsers and the search engines both depend on the structured data and to make correct mark up for website with different languages use, rel="alternate" hreflang="x" This element gives local version ...