Changes between Version 8 and Version 9 of ZooWebSite/Demo/GdalProfileJs


Ignore:
Timestamp:
Dec 1, 2010, 12:02:08 PM (9 years ago)
Author:
nickboz
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • ZooWebSite/Demo/GdalProfileJs

    v8 v9  
    22#!html
    33<!-- Add this in your header -->
     4<style>
     5.olHandlerBoxZoomBox {
     6    border: 3px solid #F60 !important;
     7    position: absolute !important;
     8    background-color: white !important;
     9    opacity: 0.50 !important;
     10    font-size: 1px !important;
     11    filter: alpha(opacity=50) !important;
     12}
     13
     14.olControlNavigationHistory  {
     15        background-image:none !important;
     16        background-repeat:no-repeat;
     17        height:24px !important;
     18        width:24px !important;
     19}
     20
     21.zoom_in {background-image:url(/../images/zoom_in.png) !important;}
     22.pan {background-image:url(/../images/pan.png) !important;}
     23.zoom_out {background-image:url(/../images/zoom-out.png) !important;}
     24.createprofile{background-image:url(/../images/get-profile.png) !important;}
     25.deleteprofile{background-image:url(/../images/delete.png) !important;}
     26
     27
     28
     29.fg-button {outline:0;margin:10px;margin-bottom:0; padding: 7px 10px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
     30.fg-button .ui-icon { position: absolute; top: 2px;  left: 2px; margin:0; }
     31                       
     32a.fg-button { float:left; }
     33               
     34button.fg-button { width:auto; overflow:visible; }
     35                       
     36.fg-button-icon-left { padding-left: 0; }
     37.fg-button-icon-right { padding-right: 0; }
     38.fg-button-icon-left .ui-icon { right: auto; left: 0 margin-left: 0; }
     39.fg-button-icon-right .ui-icon { left: auto; right: 0; margin-left: 0; }
     40                       
     41.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }         .fg-buttonset { float:left; }
     42.fg-buttonset .fg-button { float: left; }
     43.fg-buttonset-single .fg-button,
     44.fg-buttonset-multi .fg-button { margin-right: -1px;}
     45                       
     46.fg-toolbar {background:#858585;height:48px;width:98%;padding:0px; margin: 10px auto;z-index:10000;  }
     47.fg-toolbarfoot { background:#333333; position:absolute;bottom:10px;left:10px;z-index:10000; }
     48.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
     49.fg-toolbar .fg-button { font-size: 1em;  }
     50</style>
     51
    452<script type="text/javascript" src="/openlayers/lib/OpenLayers.js"></script>
    553<script type="text/javascript" src="/js/highcharts.js"></script>
    6 <script type="text/javascript" src="/js/jquery-ui-1.8.custom.min.js"></script>
    7 <script type="text/javascript" src="/js/query.qtip-1.0.0-rc3.min.js"></script>
     54<script type="text/javascript" src="/zoo-demo/js/jquery-ui-1.8.custom.min.js"></script>
     55<script type="text/javascript" src="/zoo-demo/js/query.qtip-1.0.0-rc3.min.js"></script>
    856<script type="text/javascript">
    957<![CDATA[
     
    63111            map.addLayers([layer, layerLS, lineLayer, pointLayer, select, hover, multi]);
    64112           
    65            
     113             mapControls = {
     114                pan: new OpenLayers.Control.Pan({title:"Pan"}),
     115                zoomin: new OpenLayers.Control.ZoomBox({title:"Zoom in box", out: false}),
     116                zoomout: new OpenLayers.Control.ZoomBox({title:"Zoom out box", out: true})
     117                 };
     118       
     119        for(var key in mapControls) {
     120                        control = mapControls[key];
     121                        map.addControl(control);
     122        }
     123
    66124            control = new OpenLayers.Control.GetFeature({
    67125                //box: true,
     
    88146            map.zoomToExtent(new OpenLayers.Bounds( -2.0041701,  41.9958302, 8.0041698,  52.0041701));
    89147        }
     148
     149function toggleControl(element) {
     150    for(key in mapControls) {
     151        var control = mapControls[key];
     152        //alert ($(element).is('.ui-state-active'));
     153        if(element.name == key && $(element).is('.ui-state-active')) {
     154            control.activate();
     155        } else {
     156            control.deactivate();
     157        }
     158    }
     159}
     160
     161$(function(){
     162        $(".fg-button:not(.ui-state-disabled)")
     163        .hover(
     164                function(){
     165                        $(this).addClass("ui-state-hover");
     166                },
     167                function(){
     168                        $(this).removeClass("ui-state-hover");
     169                }
     170        )
     171        .mousedown(function(){
     172                        $(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
     173                        if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ $(this).removeClass("ui-state-active"); }
     174                        else { $(this).addClass("ui-state-active"); }   
     175        })
     176        .mouseup(function(){
     177                if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button') ){
     178                        $(this).removeClass("ui-state-active");
     179                }
     180        });
     181});     
     182
     183$(document).ready(function(){
     184
     185        $('#btnPrev[title], #btnNext[title], a[title]').qtip({
     186                style: {
     187                        name: 'dark',
     188                        tip: true,
     189                        border:{width:2,color:'#fe8701',radius:3},
     190                        width:{min:120}
     191                }
     192        });
     193});
     194
    90195
    91196        function simpleProcessing1(aProcess) {

Search

Context Navigation

ZOO Sponsors

http://www.zoo-project.org/trac/chrome/site/img/geolabs-logo.pnghttp://www.zoo-project.org/trac/chrome/site/img/neogeo-logo.png http://www.zoo-project.org/trac/chrome/site/img/apptech-logo.png http://www.zoo-project.org/trac/chrome/site/img/3liz-logo.png http://www.zoo-project.org/trac/chrome/site/img/gateway-logo.png

Become a sponsor !

Knowledge partners

http://www.zoo-project.org/trac/chrome/site/img/ocu-logo.png http://www.zoo-project.org/trac/chrome/site/img/gucas-logo.png http://www.zoo-project.org/trac/chrome/site/img/polimi-logo.png http://www.zoo-project.org/trac/chrome/site/img/fem-logo.png http://www.zoo-project.org/trac/chrome/site/img/supsi-logo.png http://www.zoo-project.org/trac/chrome/site/img/cumtb-logo.png

Become a knowledge partner

Related links

http://zoo-project.org/img/ogclogo.png http://zoo-project.org/img/osgeologo.png