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

**geforce** · 16/01/2011, 20h50

Bonjour,

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

une partie du code php:

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
<?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 :

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

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 :

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

<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

**NoSmoking** · 16/01/2011, 21h56

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

**geforce** · 17/01/2011, 08h43

Bonjour,

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

Code :

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

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

sans utiliser :

Code :

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

<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

**SpaceFrog** · 17/01/2011, 09h01

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 ...

**geforce** · 17/01/2011, 15h41

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 :

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

<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 ?

**SpaceFrog** · 17/01/2011, 15h42

une page sans body ???

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

**geforce** · 17/01/2011, 16h31

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 ?

**SpaceFrog** · 17/01/2011, 16h33

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 ?

**sekaijin** · 17/01/2011, 17h44

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

Code php :

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
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 :

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

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 :

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

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

**NoSmoking** · 17/01/2011, 18h47

Envoyé par sekaijin

2) utiliser getElementById et non getElementsByNames

Code :

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

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 :

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

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

**geforce** · 17/01/2011, 21h50

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 :

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

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

**sekaijin** · 18/01/2011, 20h52

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

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

JavaScript

Discussions similaires

Partager

Partager