Re: Saisies input type=number
bibi <[email protected]>
| Newsgroups | gmane.comp.web.spip.devel |
|---|---|
| Message-ID | <cf5d74be-bb70-6fe8-0e16-8fcde09c8ed9__8007.80652077577$1576949706$gmane$org@ilimitar.net> |
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