Posts

Showing posts with the label jQuery

jQuery mobile swipping the contents

Snippets on jQuery mobile swipping the contents: //HTML <div data-role="content" id="content1"></div> <div data-role="content" id="content2"></div> <div data-role="content" id="content3"></div>     //JQ script $(document).one('pagebeforecreate',function(){ $("div[data-role='content']").bind('swipeleft', function(e){ var next=$(this).next("div[data-role='content']"); e.stopImmediatePropagation(); console.log(next); return false; });     $("div[data-role='content']").bind('swiperight', function(e){ var perv=$(this).prev("div[data-role='content']"); e.stopImmediatePropagation(); console.log(perv); return false; }); )}

Jquery Multiple Range Slider With Floating Points

Image
I was working on a GIS project, which required four range sliders with floating points to set LCLU change threshold. I finally find out a nice jQuery based multiple range slider at  http://jsfiddle.net/q5WEe/1/   The compiled fiddle as a web page source is shown in the Part 1 . Then, my goal was to put floating points on the slider bar value display, but the native jQuery slider bar doesn't support the floating point. jQuery always roundup the floating values to the nearest integer. To display the floating point (for example,0.5 break), I multiplied the max  and values with two and divided the display value with two ( Part 2 ) and then I got jQuery slider bar with floating value as below.

Interactive Obesity and Rural Health Map

Image
An interactive maps shows the influences of landscapes in rural health using ExtJs,GeoExt,Openlayers,Geoserver,PHP,Jquery, JavaScript, and other opensource tools. Check it out

Interactive West Nile virus incidence mapping using OpenGeo tools, Google APIs, & HTML5

Image
The Geographic Information Science Center of Excellence at South Dakota State University developed a web based West Nile virus (WNV) mapping application using Geosever, Openlayers, PostGIS,GeoWebCache, Jquery, Google visualization APIs, and, other open source technologies. This application allows users to pan, and zoom to visualize historical WNV patterns while using a slider bar to navigate through time. Users can click on counties to see -county level time-series graphs, case counts, and total population. The application also supports changing choropleth transparencies, choropleth classifications, and map backgrounds. Methods: A. OpenGeo tools: i.     Open layers ii.    Geoserver iii.   WebGeoCache iv.   PostGIS B. Google APIs i.       Google Maps API ii.      Google Charting API C.      HTML5 These are frequently refereed to as HTML5 technologies. Javascript HTML Canvas ...

An Interactive Visualization using Geoserver & Openlayers

Image
From last couples of week, I have been involving to develop a interactive web interface for West Nile virus incidence dissemination across the conterminous US from 1999-2011. The image on the right shows one of my accomplishment using Geoserver,Openlayers,jQuery, PostgreGIS,and Google API. The project is about to launch online, then I will post a complete link of the project to let you guys play around it. Click to visit: Web application I am willing to help any one who is stuck with web maps/visualization and also seek constructive criticism on web stuffs.