web development helpdesk

Here is a quick reference on setting the opacity of html elements using CSS, Javascript and JQuery.

.someClass {
   opacity: 0.6;

   /* For IE8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
   /* For IE6 - 8 NB. Element needs to have layout */
   filter: alpha(opacity=60);
}

To change the CSS Opacity with Javascript

 // for most browsers
document.getElementById("myElement").style.opacity = ".4";
// for IE
document.getElementById("myElement").style.filter = "alpha(opacity=40)";

To change the CSS Opacity with JQuery

$(".someClass").css({ opacity: .4 });

// or we can animate the change

$("#myElement").animate({
	opacity: .4
	}, 1000, function() {
});

written by objects \\ tags: animate, opacity

Depending on the size of the content in your accordions panes the default settings can result in content being longer than the available space and thus causing a scrollbar to be added. To avoid this try the following settings.

$j("#accordion").accordion({
    'fillSpace': true,
    'clearStyle': true
});

written by Obiweb \\ tags: accordion, clearStyle, fillSpace, scrollbar

Sometimes we need to get the latitude and longitude of a point in Google Maps but Maps does not display them, so how do we get them?

Turns out its pretty simple. First centre your map on the point of interest, then type the following javascript into the location bar of your browser and hit return (this will execute the javascript code).

javascript:void(prompt('lat,long',gApplication.getMap().getCenter()));

You should get a popup displaying the latitude and longitude of the centre of the map.

We find this particularly useful when adding maps to web sites and we need finer control over centering the map, or adding markers.

written by objects \\ tags: coordinates, google maps, latitude, longitude