[JS] Recupérer des valeurs d'input généré en php

Version imprimable

Bonjour,

je voudrai récupérai les valeur de champs (input) d'un tableaux construit dynamiquement en php.

une partie du code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
for($r=0; $r< $countAnciente; $r++)  
   if (($ancientes[$r] != "TOTAL") && ($ages[$i] != "TOTAL"))  
  	{ $toto1 += $mat1[$j]['nbre'];  	 
      echo "<td><input name='tab".$r."".$i."' type='text' size='10' value='".$mat1[$j]['nbre']."' disabled='true' /> <input type='hidden' name='id_tab".$r."".$i."' value='".$mat1[$j++]['id']."' /></td>";
    }
    elseif (($ancientes[$r] != "TOTAL") && ($ages[$i] == "TOTAL")) 
     {
      echo "<td><input name='tabTotoColon' type='text' size='10' value='! solution JS?' /></td>";
     }
     elseif((($ancientes[$r] == "TOTAL") && ($ages[$i] != "TOTAL"))) { //echo "Toto : ".$toto."<br/>";echo "TotoLign : ".$totoLign."<br/>"; //$k --; $i--;
       echo "<td><input name='tabTotoLign' type='text' size='10' value='".$toto1."' /></td>";
       $totoLign += $toto1; $toto1 = 0;
      }
      else {
      	   echo "<td><input name='tabTotoDeToto' type='text' size='10' value='".$totoLign."' /></td>";	
           }

code JS:

Code:

1
2
3
4
5
function f()
{ 
 var obj = document.getElementsByName('tab00');
  alert('le champ a pour valeur : "'+obj.value+"'");
}

je fait un appel à la fonction sur l’évènement:

Code:

<body onload="f();">

j'ai toujours la valeur "undefined" comme si le JS s’exécute avant le php (c'est un peut normale) mais comment faire pour que ce soit le contraire ?

cordialement
GeForce

16/01/2011, 21h56
NoSmoking

Bonjour,
la méthode getElementsByName renvoie une nodeList, tu auras remarqué le S après Element.

Ceci veut dire que lorsque tu fais obj.value tu demandes la value de la nodeList qui n'existe effectivement pas, il te faut faire appel aux différents élément de cette nodeList comme on le fait pour un tableau donc
- obj[0].value pour le premier élément
- obj[1].value pour le deuxième élément
et ainsi de suite

Nota:
si tu n'as qu'un élément qui a le même name tu peux également passer par la méthode getElementById
17/01/2011, 08h43
geforce
Bonjour,

je voudrai savoir s'il existe une solution pour faire à appel à une fonction JS (pure, sans framework) de la façon suivante :
Code:

1 2 window.orig_onload = window.onload; window.onload = function() {....}
sans utiliser :

Code:

<body onload="function();">

c'est pour être sûr que le JS ne s’exécute pas avant le chargement de la page et l’exécution du php.

merci d'avance

Cordialement
GeForce
17/01/2011, 09h01
SpaceFrog

Citation:

c'est pour être sûr que le JS ne s’exécute pas avant le chargement de la page et l’exécution du php.

?

heu php est toujours exécuté AVANT le js ...
17/01/2011, 15h41
geforce

Citation:

Envoyé par SpaceFrog

?
heu php est toujours exécuté AVANT le js ...

oui, mais le JS peut s’exécuter avant le chargement du HTML, c'est pour sa que il faut que j'utilise

Code:

<body onload="f();">

mais donne met page je n'est pas body (dans cette page)

c'est pour sa que je cherche l’équivalent en JS ?
17/01/2011, 15h42
SpaceFrog

une page sans body ???

c'est une erreur de codage ça ne doit pas exister !
17/01/2011, 16h31
geforce

Citation:

Envoyé par SpaceFrog

une page sans body ???

c'est une erreur de codage ça ne doit pas exister !

le ficher est include dans un autre qui lui à un Body ?
17/01/2011, 16h33
SpaceFrog

alors le onload convient .
il faut juste utiliser une astuce de surcharge du onload car si je te susi bien, au moment ou tu fais l'include la blaise body est déja rédigée par php et tu ne peux pas l'anticiper ?

1) ajouter un id sur l'élément input

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
for($r=0; $r< $countAnciente; $r++) {
  if (($ancientes[$r] != "TOTAL") && ($ages[$i] != "TOTAL"))
  { $toto1 += $mat1[$j]['nbre'];
    echo "<td><input id='tab".$r.$i."' name='tab".$r.$i."' type='text' size='10' value='".$mat1[$j]['nbre']."' disabled='true' /> <input type='hidden' name='id_tab".$r."".$i."' value='".$mat1[$j++]['id']."' /></td>";
  }
  elseif (($ancientes[$r] != "TOTAL") && ($ages[$i] == "TOTAL"))
  {
    echo "<td><input name='tabTotoColon' type='text' size='10' value='! solution JS?' /></td>";
  }
  elseif((($ancientes[$r] == "TOTAL") && ($ages[$i] != "TOTAL"))) { //echo "Toto : ".$toto."<br/>";echo "TotoLign : ".$totoLign."<br/>"; //$k --; $i--;
    echo "<td><input name='tabTotoLign' type='text' size='10' value='".$toto1."' /></td>";
    $totoLign += $toto1; $toto1 = 0;
  }
  else {
    echo "<td><input name='tabTotoDeToto' type='text' size='10' value='".$totoLign."' /></td>";
  }
}

2) utiliser getElementById et non getElementsByNames

Code:

1
2
3
4
5
6
7
8
myNS={
  func : function () {
    var obj = document.getElementsById('tab00');
    if obj {
      alert('le champ a pour valeur : "'+obj.value+"'");
    }
  }
}

3) utiliser le gestionnaire d'évènement pour ajouter la fonction au onload sans supprimer celle qui y sont déja

Code:

1
2
3
4
5
6
7
8
9
 
#ajouter la fonction au onload
if (window.addEventListener) {
  window.addEventListener("load", myNS.func, false);
} else if (document.addEventListener) {
  document.addEventListener("load", myNS.func, false);
} else if (window.attachEvent) {
  window.attachEvent("onload", myNS.func);
}

A+JYT

17/01/2011, 18h47
NoSmoking
Citation:
Envoyé par sekaijin

2) utiliser getElementById et non getElementsByNames

Code:

1 2 3 4 5 6 7 8 myNS={ func : function () { var obj = document.getElementsById('tab00'); if obj { alert('le champ a pour valeur : "'+obj.value+"'"); } } }

A+JYT
Attention erreur de frappe dans le code ci dessus pas de S dans getElementById

Code:

var obj = document.getElementById('tab00');

Citation:
Envoyé par sekaijin
3) utiliser le gestionnaire d'évènement pour ajouter la fonction au onload sans supprimer celle qui y sont déja
Code:

1 2 3 4 5 6 7 8 9 #ajouter la fonction au onload if (window.addEventListener) { window.addEventListener("load", myNS.func, false); } else if (document.addEventListener) { document.addEventListener("load", myNS.func, false); } else if (window.attachEvent) { window.attachEvent("onload", myNS.func); }
Ok, merci sa marche Mais j'ai pas bien comprit la différence entre chaque if ? (si possible d'expliquer un peut)

merci d'avance

18/01/2011, 20h52
sekaijin

Citation:

Envoyé par geforce

Ok, merci sa marche Mais j'ai pas bien comprit la différence entre chaque if ? (si possible d'expliquer un peut)

merci d'avance

l'évènement load est définit dans documentElement du DOM
mais la norme HTTP ne di(sai)t pas si l'attribut onload de l'élément Body correspond à l'objet document ou à l'objet window de plus sa gestion est antérieure à la spécification du W3C
on a donc suivant les navigateurs l'événement sur window ou sur document
et pour couronner le tout deux méthodes (toujours en fonction du navigateur)
addEventListener qui prend comme nom d'événement load
et
attachEvent qui prend comme nom d'événement onload

ce petit code teste donc l'existence des différentes méthodes sur les différents objet pour savoir la quelle utiliser

A+JYT