JavaScript

Disable jqGrid data load on initialization

0
12 years ago
by Pieter Vogelaar in

I have a jqGrid in a tab that is initalized on page load, but at that time the tab is not visible yet. Because the tab is not visible, the grid JSON data should not be loaded right after grid initialization. It’s not very intuitive to get this done, but it’s quite easy to do!

Set the grid attribute:

datatype: local

If the tab is clicked the following code must be executed to load the Grid data:

$('#my-jqgrid-ID')     .jqGrid('setGridParam', { 'datatype' : 'json' })     .trigger('reloadGrid');

Reload jqGrid

0
12 years ago
by Pieter Vogelaar in

Today I was looking for the method to reload the JSON data of jqGrid.

With firebug I selected some element the grid was in with:

$('.ui-jqgrid', '#tab-ínfo').trigger('reloadGrid');

I chose .ui-jqgrid because that was one of the classes of the grid container. But this doesn’t work! The grid table tag is the element that has the actual grid ID. In order to get the generic code above work, we have to add the table element.

$('.ui-jqgrid table', '#tab-ínfo').trigger('reloadGrid');

And now it works as expected!

traffic-toggle-control

Google Maps API V3 – Traffic toggle button

15
12 years ago
by Pieter Vogelaar in

With the Google Maps API V3 it’s very easy to make the built-in traffic overlay visible.

This is possible with the following code:

var options = {     zoom: myDefaultZoom,     center: new google.maps.LatLng(myLatitude, myLongitude),     mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map-container'), options); var trafficLayer = new google.maps.TrafficLayer(); trafficLayer.setMap(map);

Too bad that there is no simple line of code to enable a built-in traffic toggle control (Buttons on the map are called controls). So I created the piece of code More >

Cross browser border radius with CSS3 PIE

0
12 years ago
by Pieter Vogelaar in

PIE stands for “Progressive Internet Explorer”. With PIE you don’t have to wait any longer to use the CSS3 border-radius property. A lot of browser already support it out of the box, but Internet Explorer only since version 9.

To also have support in Internet Explorer 6, 7 and 8 use PIE! There are two options for using it. With a htc behaviour file or with JavaScript.

Read more about it on the official website: http://css3pie.com/

Show IE6 upgrade warning on your website

0
12 years ago
by Pieter Vogelaar in

Nobody wants to support Internet Explorer 6 (IE6) these days.

Internet Explorer 6 is over 9 years old, that’s Internet ‘centuries’! It has security issues, does not support some much loved features (such as tabbed browsing) and lacks support for many modern web standards and technologies. Even Microsoft itself says it’s on old browser and users should upgrade. See http://www.ie6countdown.com.

It’s very easy now to show an IE6 upgrade warning on your website and force users to upgrade to IE6. Checkout: http://code.google.com/p/ie6-upgrade-warning. The warning blocks further use of your website for an IE6 user. This way More >

Go to Top