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

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

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

geforce · 17/01/2011, 15h41

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 :

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

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 ?

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

Citation:

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

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 :

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

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

17/01/2011, 15h42	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	une page sans body ??? c'est une erreur de codage ça ne doit pas exister ! __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

17/01/2011, 16h33	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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 ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

16/01/2011, 21h56	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	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
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email