Re: Saisies input type=number

On 21/12/2019 18:34, bibi wrote:
> On 21/12/2019 16:50, Maïeul Rouquette wrote:
>> oui, oui, ma question était plutot sur l'application automatique de ces
>> paramètres coté client en html5 a partir de quelque chose censé être au
>> départ une vérif coté serveur
>>
>> Le samedi 21 décembre 2019 à 16:41 +0100, Gildas Cotomale a écrit :
>>> Il n'est pas du tout déconnant d'avoir ces paramètres ...pour peu
>>> qu'on soit en HTML5 (dans les autres cas de doctype on devrait avoir
>>> type="text" pour ne pas avoir de page non valide)
>>>
>>> Maintenant, ceci n'empêche et ne se substitue pas à la vérification
>>> côté serveur...
>>> Il faut voir ce qui est fait côté client comme un plus pouvant ne pas
>>> être disponible (tout comme un navigateur peut ne pas supporter JS, il
>>> peut ne pas connaître cette DTD)
>>>
>>>
>>
> 
> 
> Moi j'avais fait ça (rapide et sale)
> 
> <input type="number" name="#ENV{nom}" class="#ENV{class, number}" 
> id="#ENV{nom}" min="#ENV{min}" max="#ENV{max}" step="#ENV{step}" 
> value="#VALEUR" />
> 
> 
> <script>
> function sliderChange(e) {
>      // Prend les range
>      var ranges = document.getElementsByClassName("range");
>      // Loop les range et les stocke dans quant
>      for (var i = 0, quant = ranges.length; i < quant; ++i) {
>        // Trouve les id des ranges
>        ranges[i] = ranges[i].id;
>         ranges[i].addEventListener("input", function() {
>            let here = this.nextSibling.id;
>            let there = document.getElementById(here);
>            there.innerHTML = this.value;
>          }, false);
>      }
> }
> sliderChange();
> </script>
> 
> Mes des centimes de rupias
> 
Oups j'ai oubliè ça

[(#SAISIE{range,head_nom_space}{min="1"}{max="10"}{step="0.1"}{label=<:zbox:head_nom_space:>[<br 
/><i>(#CONFIG{zbox/head_nom_space})</i>]})]

.saisie_range{position:relative}
.range{width:100%;height:1.5rem}
.there{font-size:70%;display:block;text-align:center;height:2rem;width:2rem;clear:both;position:absolute;top:0;right:0}