Snipplr

(JavaScript) Unobtrusive Javascript Overlay - ginoplusio

Tue, 08 Nov 2011 03:08:43 UTC

If you have to add an overlay to a site, here is a fast way to do it with an unobtrusive javascript. Add this file to your site, just before the closing body tag, and customize the overlay() function inside the js file. This code adds a div to cover your page with an opaque layer (you can customize the color and the opacity in the css, itâ€™s the ovContainer0 div). After the opaque layer which made unclickable and opaque the page, itâ€™s inserted another div over it, which is not opaque and is used to center the overlay and contain the desidered HTML (your banner or anything else). Inside this div (which is called ovContainer) there is also another div (ovBox) that is, finally, used to contain the button whit an X to close it (ovClose) and your code. The ovBox div is dinamycally centered vertically. You can customize the CSS of the opaque layer and the overlay box, probably you will never need to customize the CSS of the ovContainer. Here is the function that overlay the layer that you have to customize inside the overlay.js

(JavaScript) How to send a form by pressing ENTER key - ginoplusio

Tue, 16 Feb 2010 06:16:39 UTC

Suppose you have a login form and you want to send the form when user press enter on his keyboard and not only by clicking on the submit button. This can be achieved capturing a specific event when the user is typing. We have to capture the keypress event and listen to trigger an action when the enter key is pressed. Example and code in the link above.

(JavaScript) Calculate distance between two points with latitude and longitude coordinates - ginoplusio

Sat, 26 Dec 2009 17:57:14 UTC

This function calculates distance with the Haversine formula, this formula assumes that our Earth is spherical, but it isnâ€™t since itâ€™s more like a big orange fruit also compresses at poles. Iâ€™ve read that this function has an error about + o â€“ 3 meters (it depends), but itâ€™s a small error for many purposes.

(JavaScript) Javascript decimal to degrees for google maps - ginoplusio

Sat, 26 Dec 2009 17:54:56 UTC

When you show the coordinates of a point, itâ€™s sometimes better to show them as degrees and not as deciaml (even if decimal is simpler). Each of the two coordinates can be converted with the same function. In the function call the â€œtipoâ€ is the type of the â€œvâ€ value: if you call the function without the type, then the default type is â€œNâ€, that means â€œNORTHâ€, it means that youâ€™re converting a Latitude value. Values for latitude type are â€œNâ€ for NORTH and â€œSâ€ for SOUTH. If you specify â€œEâ€ or â€œWâ€ than youâ€™re converting a Longitude value.

(JavaScript) Calculate distance on Google Map v3 with a ruler - ginoplusio

Sat, 19 Dec 2009 14:03:48 UTC

Iâ€™ve made a ruler to measure distances on a Google Map V3. The file Ruler.js contains a two function: one to calculate the distance between two points on the map with their position expressed in decimal degrees, and one function that add the ruler. Ther â€œrulerâ€ is composed with two markers, a poly and two labels which show the distance. Look the link for a working demo.

(JavaScript) How do I click a link with javascript? - ginoplusio

Wed, 18 Nov 2009 06:24:11 UTC

Let you fire click events on any html element.

(JavaScript) Parse a float number to a string with x decimals - ginoplusio

Wed, 04 Nov 2009 06:52:23 UTC

converts a number "v" to a float number and formats the string it with "d" decimals, used on input type text onblur="parseFloatString(this.value,2);"

(JavaScript) Detect IE6 in javascript - ginoplusio

Fri, 09 Jan 2009 04:13:25 UTC

(JavaScript) javascript to center a div with prototype.js - ginoplusio

Tue, 16 Dec 2008 08:05:57 UTC

(JavaScript) OnKeyUp fix alphanumerical chars - ginoplusio

Tue, 25 Nov 2008 07:09:15 UTC

strip non alphanumerical characters while typing

(JavaScript) JavaScript validation library - ginoplusio

Tue, 25 Nov 2008 05:05:48 UTC

a set of function useful to check data (functions name in italian but easy to translate).

(JavaScript) Javascript sort table - ginoplusio

Mon, 17 Nov 2008 04:37:39 UTC

sorting a table through javascript