Range input html5 java

Fermé
Nytrilik - Modifié par Nytrilik le 12/10/2014 à 12:55
 iUser - 14 oct. 2014 à 15:47
Salut,

j'ai un souci avec ce code
Voici la page html
------------------------------------------------------------------------
<html>
<head>
<script src="./scripts/calculso2.js" type="text/javascript" LANGUAGE="JavaScript"></script>
</head>
<body>
<form oninput="affichepourriture.value=pourriture.value">
<input type="range" id="pourriture" min="0" max="30" step='10' oninput="etatvendange(pourriture)" value="0">
<output name="affichepourriture">0</output>%
<INPUT TYPE="text" id="dosepourri" class="style_output">
</form>
</body>
</html>
-----------------------------------------------------------------------
et dans ma racine, j'ai mon dossier avec mes scripts dont le script calculso2.js
-----------------------------------------------------------------------
function etatvendange(pourriture)
{
if(pourriture = '0') {
document.getElementById('dosepourri').value = '-2 mg/L';}
if(pourriture = '10') {
document.getElementById('dosepourri').value = '+1 mg/L';}
if(pourriture = '20') {
document.getElementById('dosepourri').value = '+2 mg/L';}
else if(pourriture = '30') {
document.getElementById('dosepourri').value = '+3 mg/L';}
}
------------------------------------------------------------------------

Bon alors le souci c'est que je crois avoir tout testé et je n'arrive pas à renvoyer la valeur correspondante au range dans la case <input id="dosepourri">. Et j'ai l'impression que onchange ne fonctionne pas du tout alors que j'aurais préféré l'utiliser pour l'appel du script plutôt que oninput alors que sur le site de W3 onchange fait partie des options. Bon donc si quelqu'un a une solution, jsuis preneur parce que là...je bloque.

merci d'avance et bonne journée.

A voir également:

3 réponses

iUser Messages postés 24 Date d'inscription vendredi 3 août 2012 Statut Membre Dernière intervention 14 octobre 2014 41
Modifié par iUser le 12/10/2014 à 14:15
Ce n'est pas du Java mais du Javascript.

Dans les tests, il faut utiliser le double égal "==" au lieu du simple.
Lors de l'appel de la fonction etatvendange, l'argument est invalide ...

Après correction, voilà un code qui fonctionne.

<html>
<head>
<script>

function etatvendange(pourriture)
{
if(pourriture == '0') {
document.getElementById('dosepourri').value = '-2 mg/L';}
else if(pourriture == '10') {
document.getElementById('dosepourri').value = '+1 mg/L';}
else if(pourriture == '20') {
document.getElementById('dosepourri').value = '+2 mg/L';}
else if(pourriture == '30') {
document.getElementById('dosepourri').value = '+3 mg/L';}
}

</script>
</head>
<body>
<form oninput="affichepourriture.value = pourriture.value">
<input type="range" id="pourriture" min="0" max="30" step='10' oninput="etatvendange(this.value)" value="0">
<output name="affichepourriture">0</output>%
<INPUT TYPE="text" id="dosepourri" class="style_output">
</form>
</body>
</html>
1
qu'est-ce que je peux être nul.... entre temps j'avais réparé le problème d'exécution de la fonction mais ça marchait tjrs pas à cause de ce égal (qu'est-ce que je peux être teubé).... tout de suite ça marche mieux...

j'ai une dernière requête, est-il possible d'actualiser un text area ou un input text automatiquement sans passer par l'exec d'un bouton? pour Résumé, j'ai une fonction qui récupère des valeurs d'autres input text et qui me fait une addition. Seulement, ce n'est pas automatisé pour obtenir mon résultat dans mon dernier input text. Jusqu'ici seul un bouton ou un onmouseover me permet d'actualiser le calcul de la fonction.

Mais existe-t'il t'il quelque chose pour automatiser l'action ???

Merci d'avance
0
Sans avoir vraiment vérifier, je te conseil de rechercher du côté de "onkeyup" ou quelque chose du style...
C'est un attribut qui se met dans une balise.

par exemple

<input onkeyup="maFonction(this.value)" type="text" value="test" />
<input id="i2" type="text" />

<script>
function maFonction(val){
document.getElementById("i2").innerHTML=val;
}
</script>
0
nhefti Messages postés 43 Date d'inscription dimanche 21 septembre 2008 Statut Membre Dernière intervention 13 octobre 2014 1
13 oct. 2014 à 17:16
Bonsoir,

Si tu veux créer un web-calculateur tu peux essayer directement Appizy (http://appizy.com). Le soft gratuit et en ligne (pas d'installation) te convertit une feuille Excel ou Calc (OpenDocument) en sont équivalent HTML+CSS+Javascript.

Petite cerise sur le gateau, les calculs s'actualisent automatiquement à chaque changement de valeur. Comme dans un tableur.

Tu peux ensuite regarder dans le code pour voir comment ça fonctionne.

Bon courage!
0