[GNUnet-SVN] r14816 - in gauger: . css

[gnunet]

Author: bartpolot
Date: 2011-04-01 13:06:32 +0200 (Fri, 01 Apr 2011)
New Revision: 14816

Modified:
   gauger/css/style.css
   gauger/template.php
   gauger/template_menu.php
Log:
Added editable size input fields


Modified: gauger/css/style.css
===================================================================
--- gauger/css/style.css        2011-04-01 09:31:20 UTC (rev 14815)
+++ gauger/css/style.css        2011-04-01 11:06:32 UTC (rev 14816)
@@ -236,12 +236,6 @@
     text-align:         left;
 }
 
-.left-grey {
-    background-color:   #D3D3D3;
-    width:              34%;
-    padding:            0px 4px 4px 0px;   
-}
-
 .right-range {
     float:              right;
     text-align:         right;
@@ -249,17 +243,41 @@
 
 #left-range-x {
      float:             left;
-     padding:           0px 4px 4px 4px;
+     padding:           1px 4px 1px 2px;
      margin-bottom:     4px;
-     background-color:   #D3D3D3;
+     background-color:  #D3D3D3;
+     height:            14px;
 }
 
+#left-range-x-input {
+    width:              30px;
+    height:             14px;
+    border:             none;
+    font-size:          90%;
+    background-color:   #D3D3D3;
+    color:              #000;
+    float:              left;
+}
+
 #right-range-y {
      float:             right;
-     padding:           0px 4px 4px 4px;
+     padding:           1px 2px 1px 4px;
      margin-bottom:     4px;
+     height:            14px;
 }
 
+#right-range-y-input {
+    width:              30px;
+    height:             14px;
+    border:             none;
+    font-size:          90%;
+    float:              right;
+    background-color:   #FFF;
+    color:              #000;
+    text-align:         right;
+
+}
+
 .slider-container {
     background-color:   #D3D3D3;
     padding:     1px;

Modified: gauger/template.php
===================================================================
--- gauger/template.php 2011-04-01 09:31:20 UTC (rev 14815)
+++ gauger/template.php 2011-04-01 11:06:32 UTC (rev 14816)
@@ -250,9 +250,9 @@
                         max: 2000,
                         value: <?php echo get_session('png_x_size', '640') ?>,
                         slide: function( event, ui ) {
-                                
$(this).parents(".slider_control").find(".left-range").html(ui.value);
+                                $("#left-range-x-input").val(ui.value);
                         },
-                        stop: function( event, ui ) {
+                        change: function( event, ui ) {
                                 $.get("ajax.php", {
                                     png_x_size: ui.value,
                                     persist: "true"
@@ -265,14 +265,17 @@
                                 );
                         }
                 });
+                $( "#left-range-x-input").change(function(){
+                    $("#change_size_x_slider").slider('value', this.value);
+                });
                 $( "#change_size_y_slider" ).slider({
                         min: 0,
                         max: 2000,
                         value: <?php echo get_session('png_y_size', '480') ?>,
                         slide: function( event, ui ) {
-                                
$(this).parents(".slider_control").find(".right-range").html(ui.value);
+                                $("#right-range-y-input").val(ui.value);
                         },
-                        stop: function( event, ui ) {
+                        change: function( event, ui ) {
                                 $.get("ajax.php", {
                                     png_y_size: ui.value,
                                     persist: "true"
@@ -285,6 +288,9 @@
                                 );
                         }
                 });
+                $( "#right-range-y-input").change(function(){
+                    $("#change_size_y_slider").slider('value', this.value);
+                });
                 $( "#default_range" ).click(function() {
                     var was = $( "#default_range_control" ).css("display");
                     $( ".slider_control" ).hide();

Modified: gauger/template_menu.php
===================================================================
--- gauger/template_menu.php    2011-04-01 09:31:20 UTC (rev 14815)
+++ gauger/template_menu.php    2011-04-01 11:06:32 UTC (rev 14816)
@@ -47,9 +47,9 @@
                 <div class="slider_control" id="change_size_control">
                     <div class="slider-container"><div class="slider" 
id="change_size_x_slider"></div></div>
                     <div id="left-range-x">X</div>
-                    <div class="left-range left-grey"><?php echo 
get_session('png_x_size', '640') ?></div>
+                    <input id="left-range-x-input" value="<?php echo 
get_session('png_x_size', '640') ?>"></input>
                     <div id="right-range-y">Y</div>
-                    <div class="right-range"><?php echo 
get_session('png_y_size', '480') ?></div>
+                    <input id="right-range-y-input" value="<?php echo 
get_session('png_y_size', '480') ?>"></input>
                     <div class="slider" id="change_size_y_slider"></div>
                 </div> | 
                 <a href="#" onclick="reset_session(); return false;">Reset 
Session</a>