RegExp et boucle for

**yurispy** · 20/10/2013, 23h24

Bonsoir. Alors voila j'en suis actuellement ici dans mon bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<SCRIPT language=javascript>
var chaine="19,5-20-88Euralis";
var reg=new RegExp("[-]+", "g");
var NPK=chaine.split(reg);
for (var i=0; i<NPK.length; i++) {
 document.write( "<input type='text' name='N' value='  " + NPK[i] + " ' onKeyUp='Calculer()'/>");
<!-- document.write("NPK[" + i + "] = " + NPK[i] + "<BR>");-->
}
</SCRIPT>

dans ma chaine il me reste a retirer les lettres donc pour l'exemple ça serait Euralis qui me faudrait encore supprimé.

Ensuite quand je fais ma boucle for pour générer mes inputs il porte le nom name=N tous les trois, j'aimerai qu'il est un name unique genre name=N1, name=N2, name=N3

Merci désolé je débute en javascript fait que du php et vu mon projet je dois me mettre au javascript et jquery.

**SpaceFrog** · 21/10/2013, 08h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script type='text/javascript'>
var chaine="19,5-20-88Euralis";
var reg=/-+/g;
var NPK=chaine.split(reg);
for (var i=0; i<NPK.length; i++) {
newinput= document.createElement('<input type="text" name="N'+i+'" value="' + NPK[i].replace(/[^\d,]+/g,'') + '" onkeyup="Calculer()" />');
document.body.appendChild(newinput)
}
</script>

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
var chaine="19,5-20-88Euralis";
chaine=chaine.replace(/[^\d,-]+/g,'');
var reg=/-+/g;
var NPK=chaine.split(reg);
for (var i=0; i<NPK.length; i++) {
newinput= document.createElement('<input type="text" name="N'+i+'" value="' + NPK[i] + '" onkeyup="Calculer()" />');
document.body.appendChild(newinput)
}
</script>

**yurispy** · 21/10/2013, 11h27

Merci. J'ai remis mon document.write car avec
newinput= document.createElement( cela ne fonctionne pas...
Je tombe sur un autre souci...
Une fois extrait mes 3 nombre j'y applique un calcul avec un affichage directe.
j'ai donc en début de page
j'applique plusieurs calcul bête qui marche
mais le dernier
form1.NPK.value = Number(form1.dose_ha.value) * Number(form1.N0.value) ; me retourne dans mon input NaN
J'ai remplacé le Number(form1.N0.value) par le Number(19,5) et cela marche.
Ou ai je l'erreur? Mes 3 inputs générer par le code sont bien appelé N0 N1 N2 ?
Cela peut il provenir du fait que le javascript de calcul soit avant et que les 3 inputs a ce moment n'existe pas encore vu qu'elle ce trouve en fin de page?

PS: J'ai un souci j'arrive pas a mettre le code javascript qui me fait mes calcul temps réelle quand je poste le navigateur me sort qu'il y a pas de connexion..

**SpaceFrog** · 21/10/2013, 12h37

Merci. J'ai remis mon document.write

http://blog.developpez.com/web/p1065..._en_javascript

**yurispy** · 21/10/2013, 14h21

Grrr bon toujours pareil, j'avais oublié de remettre correctement le code.

Donc le code précédent ne communique pas avec le code JavaScript qui me permet de faire un calcul temps réel
J'arrive plus à mettre de code ici donc je mets un lien direct vers la page.

page test

Si l'on met une valeur dans l'input Dose/ha normalement je dois avoir via le calcul une valeur dans NPK

Voila...
Je sens que récupérer mes valeurs par la suite dans mon menu select... je vais m’amusé, avec JavaScript j'ai vraiment du mal, ça change pas mal par rapport au PHP

**yurispy** · 21/10/2013, 22h42

J'ai peut etre identifié le souci...
Il semble que avec document.createElement l'on doit décomposer les attributs.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT language=javascript>
var chaine="19,5-20-88Euralis";
chaine=chaine.replace(/[^\d,-]+/g,'');
var reg=/-+/g;
var NPK=chaine.split(reg);
for (var i=0; i<NPK.length; i++) {
var newinput= document.createElement("input");
	newinput.setAttribute('type','text');
	newinput.setAttribute('name','N'+i);
	newinput.setAttribute('readonly','readonly'); 
	newinput.setAttribute('value','+ NPK[i] +');
	newinput.setAttribute('size', '10');
	newinput.setAttribute('onKeyUp', 'Calculer()');
<!--document.body.appendChild(newinput)-->
document.getElementById('NPK_id').appendChild(newinput)
}
</SCRIPT>
<div id="NPK_id"></div>

Sauf que désormais value me retourne plus mes valeurs de array NPK
il retourne uniquement + NPK[i] + écrit dans les inputs

Je précises que ton code ne me créer pas d'input dans ma page d'ou le fait qu'au départ j'ai remis document.write

autre chose, j'ai regardé sur le net il semblerait que pour placé les inputs au bonne endroit il faille utilisé document.getElementById mais si je mets ça, il apparaisse pas.. j'ai vraiment du mal avec javascript

**Bovino** · 22/10/2013, 08h32

il retourne uniquement + NPK[i] + écrit dans les inputs

En même temps, c'est ce que tu demandes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

newinput.setAttribute('value','+ NPK[i] +');

Peut être qu'en affectant la valeur de ta variable, ça correspondrait mieux à ton besoin...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

newinput.setAttribute('value',NPK[i]);

**SpaceFrog** · 24/10/2013, 10h19

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function Calculer(){
console.log (document.getElementsByName("N0")[0].value)
}

c'est juste pour le debuggae,
n'ayant pas ta fonction de calcul sou la main je me suis créé une fonction qui affiche la valeur d'un input dans la console javascript
cette fonction ne t'es d'aucune utilité ...

pour ce qui est de la "console" je te conseille fortement de jeter un oeil par ici ..
http://eric-pommereau.developpez.com...l-web/firebug/

**yurispy** · 24/10/2013, 10h44

Oui j'ai découvert cette console. Je ne connaissais pas merci. J'ai pas encore tout compris mais a l'utilisation cela viendra. Actuellement je teste uniquement sous chrome mais il y a un équivalent a firebug. Merci.

Pour la fonction calcul Calculer() je te les mises deja.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language='javascript'>
function Calculer()
 {
    if (isNaN(form1.total.value) == true)
    {
        alert('Merci de saisir une valeur correct. Calcul impossible.');
        form1.total.value = '0';
    }
    else
    {
form1.total.value = Number(form1.surface1.value) + Number(form1.surface2.value) + Number(form1.surface3.value) ;
form1.quantite.value = Number(form1.dose_ha.value) * Number(form1.total.value) ;
 
form1.NPK.value = Number(form1.dose_ha.value) * Number(form1.N0.value) / Number(100) ;
//form1.NPK.value = Number(form1.dose_ha.value) * Number(19,5) / Number(100) ;
    }
 }
</script >

C'est la dernière ligne form1.NPK.value= etc...
Celle commenté c'est pour que tu puisses voir ou je veux que normalement il y est ma valeur. Les lignes avant marche bien sur ma page il me reste plus que celle ci a faire marché...

Voila merci de ta patience.

**yurispy** · 24/10/2013, 15h31

En cherchant une manière de me débugger j'ai trouvé ceci.
http://javascript.developpez.com/faq...amps#ajoutName

D'ailleurs le dernier est de toi, et parlé notamment du problème rencontrer précédemment.

Sinon j'ai un peu avancé pour le 2eme bug... dans la console avec
console.log (document.getElementById("N0").value)
j'ai bien 19,5

si je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var test_NPK = document.getElementById("N0").value;

puis mon calcul

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

form1.NPK.value = Number(form1.dose_ha.value) * Number(test_NPK) / Number(100) ;

dans l'input du résultat il affiche NaN donc cela veut dire que var test_NPK n'est pas un nombre. Comment ne peut il pas etre un nombre

...

**SpaceFrog** · 24/10/2013, 15h39

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var test_NPK = + document.getElementById("N0").value;
 
 
form1.NPK.value = + form1.dose_ha.value * test_NPK /100 ;

**yurispy** · 24/10/2013, 17h14

Cela ne fonctionne toujours pas. Cela me retourne NaN encore

Ce peut il que: La fonction calcul ce trouve dans le head normal...
Ensuite dans le body j'ai mon script qui découpe 19,5-22-88Euralis en 3 variable contenant les nombres.
si l'on fait un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	<script type="text/javascript">
	function Calculer(){
	console.log (document.getElementById("N0").value)
	}

j'ai donc bien 19,5 afficher dans la console.
Jusque la tout va bien.
Ce nombre doit etre envoyé dans la fonction Calculer() pour que le calcul ce face et donc ça a chaque fois que l'événement Calculer() est appelé soit dans les plein d'input avec onKeyUp='Calculer()

Ma question est, ce peut il que la variable est une porté limité? local, global? j'ai testé les 2 cela change rien mais je le fais peut etre pas au bonne endroit.

J'ai également tenté de faire un document.write(test_NPK); pour savoir si il afficherait bien 19,5 mais cela ne donne rien...

j'ai mis également var test_NPK = "19"; a la place du précédent var test_NPK = + document.getElementById("N0").value; et ça marche correctement donc cela me semble montrer que document.getElementById("N0").value n'entre pas dans la fonction Calculer() ou qu'elle est vidée a un moment...

RegExp et boucle for

JavaScript

Vue hybride

Discussions similaires

Partager

Partager