Changeset 61852 in spip-zone


Ignore:
Timestamp:
May 30, 2012, 12:28:36 PM (7 years ago)
Author:
kent1@…
Message:

Allez... Une petite feature de plus pour la route, un spinner sur les inputs de type number pour incrémenter à la souris :

Au click sur + ou -
Au mousewheel si focus dans l'input

Version 0.4.0

Location:
_plugins_/photospip/trunk
Files:
8 added
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/photospip/trunk/formulaires/editer_image.html

    r61851 r61852  
    280280                                        if($('#cboxLoadedContent').size() > 0){
    281281                                                $(document).bind('cbox_complete', function(){
     282                                                        $('input[type=number]').spinner();
    282283                                                        if($('#modifier_image img').width() > $('#modifier_image').width()){
    283284                                                                $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
    284285                                                        }
     286                                                        jQuery('.cache').hide();
    285287                                                        var boxoffset = $('#cboxLoadedContent').offset();
    286288                                                        var container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top;
     
    314316                                                        }
    315317                                                }
     318                                        }else{
     319                                                $('input[type=number]').spinner();
     320                                                jQuery('.cache').hide();
    316321                                        }
    317322                                        if(typeof($.fn.scrollTo) == 'function'){
     
    320325                                                });
    321326                                        }
     327                                       
    322328                                        activatesliders();
    323329                                        /**
    324330                                         * On cache les options des filtres
    325331                                         */
    326                                         jQuery('.cache').hide();
     332                                       
    327333                                        /**
    328334                                         * On affiche les options du filtre sélectionné
  • _plugins_/photospip/trunk/formulaires/editer_image_couleurs.html

    r61749 r61852  
    1919                        <li class="editer_params_image_gamma">
    2020                                <label for="param_image_gamma"><:photospip:label_niveau_gamma:></label>
    21                                 <input type="text" class="text" name="params_image_gamma" id="param_image_gamma" value="#ENV{params_image_gamma,10}" maxlength="4" />
     21                                <input type="number" max="254" min="-254" step="1" class="text" name="params_image_gamma" id="param_image_gamma" value="#ENV{params_image_gamma,10}" maxlength="4" />
    2222                        </li>
    2323                </ul>
     
    3535                        <li class="editer_param_image_flou">
    3636                                <label for="param_image_flou"><:photospip:label_niveau_flou:></label>
    37                                 <input type="text" class="text" name="params_image_flou" id="param_image_flou" value="#ENV{params_image_flou,3}" maxlength="2" />
     37                                <input type="number" max="11" min="1" step="1" class="text" name="params_image_flou" id="param_image_flou" value="#ENV{params_image_flou,3}" maxlength="2" />
    3838                        </li>
    3939                </ul>
  • _plugins_/photospip/trunk/formulaires/editer_image_format.html

    r61851 r61852  
    1313                        <li>
    1414                                <label for="reduire_width"><:photospip:label_reduire_width:></label>
    15                                 <input type="text" class="text nombre" id="reduire_width" maxlength="5" style="width:5em" name="reduire_width" value="#ENV{reduire_width,#LARGEUR}" />
     15                                <input type="number" max="#LARGEUR" min="10" class="text nombre" id="reduire_width" maxlength="5" style="width:7em" name="reduire_width" value="#ENV{reduire_width,#LARGEUR}" />
    1616                                <div id='slider_image_reduire_width'>
    1717                                        <div></div>     
     
    2020                        <li>
    2121                                <label for="reduire_height"><:photospip:label_reduire_height:></label>
    22                                 <input type="text" class="text nombre" id="reduire_height" maxlength="5" style="width:5em" name="reduire_height" value="#ENV{reduire_height,#HAUTEUR}" />
     22                                <input type="number" max="#HAUTEUR" min="10" class="text nombre" id="reduire_height" maxlength="5" style="width:7em" name="reduire_height" value="#ENV{reduire_height,#HAUTEUR}" />
    2323                                <div id='slider_image_reduire_height'>
    2424                                        <div></div>     
     
    4141                        <li>
    4242                                <label for="passe_partout_width"><:photospip:label_reduire_width:></label>
    43                                 <input type="text" class="text nombre" id="passe_partout_width" maxlength="5" style="width:5em" name="passe_partout_width" value="#ENV{passe_partout_width,#LARGEUR}" />
     43                                <input type="number" max="#LARGEUR" min="10" step="1" class="text nombre" id="passe_partout_width" maxlength="5" style="width:7em" name="passe_partout_width" value="#ENV{passe_partout_width,#LARGEUR}" />
    4444                        </li>
    4545                        <li>
    4646                                <label for="passe_partout_height"><:photospip:label_reduire_height:></label>
    47                                 <input type="text" class="text nombre" id="passe_partout_height" maxlength="5" style="width:5em" name="passe_partout_height" value="#ENV{passe_partout_height,#HAUTEUR}" />
     47                                <input type="number" max="#HAUTEUR" min="10" step="1" class="text nombre" id="passe_partout_height" maxlength="5" style="width:7em" name="passe_partout_height" value="#ENV{passe_partout_height,#HAUTEUR}" />
    4848                        </li>
    4949                </ul>
     
    8282                <li>
    8383                        <label for="recadre_width"><:photospip:label_recadre_width:></label>
    84                         <input type="text" class="text nombre" id="recadre_width" maxlength="5" style="width:5em" name="recadre_width" value="#ENV{recadre_width}" />
     84                        <input type="number" max="#LARGEUR" min="10" step="1" class="text nombre" id="recadre_width" maxlength="5" style="width:7em" name="recadre_width" value="#ENV{recadre_width}" />
    8585                </li>
    8686                <li>
    8787                        <label for="recadre_height"><:photospip:label_recadre_height:></label>
    88                         <input type="text" class="text nombre" id="recadre_height" maxlength="5" style="width:5em" name="recadre_height" value="#ENV{recadre_height}" />
     88                        <input type="number" max="#HAUTEUR" min="10" step="1" class="text nombre" id="recadre_height" maxlength="5" style="width:7em" name="recadre_height" value="#ENV{recadre_height}" />
    8989                </li>
    9090                <li>
     
    9292                        <div class="choix" style="display:inline">
    9393                                <label for="recadre_x1">x</label>
    94                                 <input type="text" class="text nombre" id="recadre_x1" name="recadre_x1" maxlength="5" style="width:5em" value="#ENV{recadre_x1}" />
     94                                <input type="number" max="[(#LARGEUR|moins{10})]" min="0" step="1" class="text nombre" id="recadre_x1" name="recadre_x1" maxlength="5" style="width:7em" value="#ENV{recadre_x1}" />
    9595                        </div>
    9696                        <div class="choix" style="display:inline">
    9797                                <label for="recadre_y1">y</label>
    98                                 <input type="text" class="text nombre" id="recadre_y1" name="recadre_y1" maxlength="5" style="width:5em" value="#ENV{recadre_y1}" />
     98                                <input type="number" max="[(#HAUTEUR|moins{10})]" min="0" step="1" class="text nombre" id="recadre_y1" name="recadre_y1" maxlength="5" style="width:7em" value="#ENV{recadre_y1}" />
    9999                        </div>
    100100                </li>
     
    103103                        <div class="choix" style="display:inline">
    104104                                <label for="recadre_x2">x</label>
    105                                 <input type="text" class="text nombre" id="recadre_x2" name="recadre_x2" maxlength="5" style="width:5em" value="#ENV{recadre_x2}" />
     105                                <input type="number" max="[(#LARGEUR)]" min="10" step="1" class="text nombre" id="recadre_x2" name="recadre_x2" maxlength="5" style="width:7em" value="#ENV{recadre_x2}" />
    106106                        </div>
    107107                        <div class="choix" style="display:inline">
    108108                                <label for="recadre_y2">y</label>
    109                                 <input type="text" class="text nombre" id="recadre_y2" name="recadre_y2" maxlength="5" style="width:5em" value="#ENV{recadre_y2}" />
     109                                <input type="number" max="[(#HAUTEUR)]" min="10" step="1" class="text nombre" id="recadre_y2" name="recadre_y2" maxlength="5" style="width:7em" value="#ENV{recadre_y2}" />
    110110                        </div>
    111111                </li>
     
    152152                        <li class="editer editer_param_image_rotation">
    153153                                <label for="param_image_rotation"><:photospip:label_angle_rotation:></label>
    154                                 <input type="text" class="text" name="params_image_rotation" id="param_image_rotation" value="#ENV{params_image_rotation,45}" maxlength="4" />
     154                                <input type="number" max="180" min="-180" step="1" class="text" name="params_image_rotation" id="param_image_rotation" value="#ENV{params_image_rotation,45}" maxlength="4" />
    155155                        </li>
    156156                </ul>
  • _plugins_/photospip/trunk/photospip_pipelines.php

    r61826 r61852  
    2424        $flux .= '
    2525                        <link rel="stylesheet" href="' . direction_css(find_in_path(_DIR_LIB_IMGAREASELECT . 'css/imgareaselect-animated.css')) . '" type="text/css" media="all" />';
     26        $flux .= '
     27                        <link rel="stylesheet" href="' . direction_css(find_in_path("javascript/jQuery_ui_spinner/ui.spinner.css")) . '" type="text/css" media="all" />';
    2628        return $flux;
    2729}
     
    4850                $plugins[] = find_in_path("js/jquery.scrollto.js");
    4951                $plugins[] = find_in_path("js/jquery.localscroll.js");
     52                $plugins[] = find_in_path("javascript/jQuery_ui_spinner/ui.spinner.js");
    5053        return $plugins;
    5154}
  • _plugins_/photospip/trunk/plugin.xml

    r61851 r61852  
    44_ © 2008-2012 - Distribué sous licence GNU/GPL
    55        </auteur>
    6         <version>0.3.9</version>
     6        <version>0.4.0</version>
    77        <version_base>0.4</version_base>
    88        <prefix>photospip</prefix>
Note: See TracChangeset for help on using the changeset viewer.