formulaire: afficher le contenu des champs dans une fenetre a part!

formulaire: afficher le contenu des champs dans une fenetre a part! - HTML/CSS - Programmation

Marsh Posté le 24-09-2003 à 12:01:49    

Voilou j'aimerai créer une fenetre qui affiche ce quia  était saisi dans le formulaire et plus tard qui indiquera le champ ou la valeur est fausse.
mais j'ai un pb parceque mes champs du formulaire sont des tableaux.
Voila pour etre plus clair:
 
function test_champs()
{
FenetreAffichage= window.open('','NouvelleFenetre','toolbar=no,status=no,width=300,height=200')
      message = "<UL><LI><B>nom:<B>"
      +document.formproduit.cod_pro[0].value;
      message += "<UL><LI><B>nom:<B>"
      +document.formproduit.design_long[0].value;
      FenetreAffichage.document.write(message);
       
     }
 
 
 
et mon formulaire se présente comme ca  :
 
<form name="formproduit" method="post" action="javascript:confirm_ajout()">
 
.....
<?
for($i=0; $i<20;$i++)
        {....
echo " <input type='text' size='8' name=cod_pro[".$i."]>";
...
 
}
<input type="button" value="Test champs" onclick="test_champs();">
 
et la ca ne marche pas.
 
si jene suis pas tres clair dites moi le ;o)
 
merci d'avance
?>


Message édité par saxgard le 24-09-2003 à 12:02:04
Reply

Marsh Posté le 24-09-2003 à 12:01:49   

Reply

Marsh Posté le 24-09-2003 à 12:12:48    

utilise plutôt getElementByID :
 
var cod_prod = document.getElementByID( "cod_pro[0]" );
 
var design_long = document.getElementByID( "design_long[0]" );
 
var message = "<UL><LI><B>nom:<B>"+champs.value+"<UL><LI><B>nom:<B>"+design_long.value;


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 24-09-2003 à 12:13:22    

il me dit  :
 
erreur :'document.formproduit.cod_pro.0' n'est pas un objet
 
j'aimerai qu'il reconnaisse ca comme : 'document.formproduit.cod_pro[0]' !!

Reply

Marsh Posté le 24-09-2003 à 12:14:30    

Mara's dad a écrit :

utilise plutôt getElementByID :
 
var cod_prod = document.getElementByID( "cod_pro[0]" );
 
var design_long = document.getElementByID( "design_long[0]" );
 
var message = "<UL><LI><B>nom:<B>"+champs.value+"<UL><LI><B>nom:<B>"+design_long.value;


 
ok je vais essayer ca , je te remercie

Reply

Marsh Posté le 24-09-2003 à 12:16:01    

Arf, chui allé trop vite :
 
En fait, test champs, y'z'on un name, mais pas d'id, donc :
 

Code :
  1. for($i=0; $i<20;$i++)
  2.         {....
  3. echo " <input type=\"text\" size=\"8\" name=\"cod_pro[$i]\" id=\cod_pro_$i\">";
  4. ...
  5. }


 
Et le javascript devient :  
 

var cod_prod = document.getElementByID( "cod_pro_0" );  
 
var design_long = document.getElementByID( "design_long_0" );  
 
var message = "<UL><LI><B>nom:<B>"+champs.value+"<UL><LI><B>nom:<B>"+design_long.value;


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 24-09-2003 à 12:17:45    

Mara's dad a écrit :

Arf, chui allé trop vite :
 
En fait, test champs, y'z'on un name, mais pas d'id, donc :
 

Code :
  1. for($i=0; $i<20;$i++)
  2.         {....
  3. echo " <input type=\"text\" size=\"8\" name=\"cod_pro[$i]\" id=\cod_pro_$i\">";
  4. ...
  5. }


 
Et le javascript devient :  
 

var cod_prod = document.getElementByID( "cod_pro_0" );  
 
var design_long = document.getElementByID( "design_long_0" );  
 
var message = "<UL><LI><B>nom:<B>"+champs.value+"<UL><LI><B>nom:<B>"+design_long.value;




 
je te remercie encore , j'allais justement ecrire que ca marche pas   :D

Reply

Marsh Posté le 24-09-2003 à 12:25:19    

bah j'ai une erreur : cette objet ne gère pas cette propriété ou cette methode

Reply

Marsh Posté le 24-09-2003 à 12:35:34    

Ok, la méthode, c'est getElementById !
 
un exemple qui marche :
 

Code :
  1. <html>
  2. <head>
  3. <script>
  4. function pop()
  5. {
  6. var FenetreAffichage= window.open('','NouvelleFenetre','toolbar=no,status=no,width=300,height=200')
  7. var cod_pro = document.getElementById( "cod_pro_0" ); 
  8. var message = "<UL><LI><B>nom:<B>"+cod_pro.value;
  9. FenetreAffichage.document.write( message );
  10. }
  11. </script>
  12. </head>
  13. <form>
  14. <input type="text" size="8" name="cod_pro[0]" id="cod_pro_0">
  15. <input type="text" size="8" name="cod_pro[1]" id="cod_pro_1">
  16. </form>
  17. <button onclick="pop();">Afficher cod_pro</button>
  18. </html>


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 24-09-2003 à 13:59:03    

Mara's dad a écrit :

Ok, la méthode, c'est getElementById !
 
un exemple qui marche :
 

Code :
  1. <html>
  2. <head>
  3. <script>
  4. function pop()
  5. {
  6. var FenetreAffichage= window.open('','NouvelleFenetre','toolbar=no,status=no,width=300,height=200')
  7. var cod_pro = document.getElementById( "cod_pro_0" ); 
  8. var message = "<UL><LI><B>nom:<B>"+cod_pro.value;
  9. FenetreAffichage.document.write( message );
  10. }
  11. </script>
  12. </head>
  13. <form>
  14. <input type="text" size="8" name="cod_pro[0]" id="cod_pro_0">
  15. <input type="text" size="8" name="cod_pro[1]" id="cod_pro_1">
  16. </form>
  17. <button onclick="pop();">Afficher cod_pro</button>
  18. </html>




 
je te remercie ca a l'air de marcher

Reply

Marsh Posté le 24-09-2003 à 14:16:56    

pourquoi il me met "erreur objet requis"?
 
function test_champs()
     {
      var FenetreAffichage= window.open('','NouvelleFenetre','toolbar=no,status=no,width=300,height=200')
      var cod_pro = document.getElementById( "cod_pro_0" );
      var message = "<UL><LI><B>nom:<B>"+cod_pro.value;
      for(i=1;i<21;i++)
      {
       var temp="code_pro_";
       var temp2=temp+i;
       cod_pro = document.getElementById( "temp2" );
         message +="<UL><LI><B>nom:<B>"+cod_pro.value;  
      }
     FenetreAffichage.document.write( message );
     }
 
je suis aps doué en javascript ;o)

Reply

Marsh Posté le 24-09-2003 à 14:16:56   

Reply

Marsh Posté le 24-09-2003 à 14:28:48    

fausse alerte c'était quand mes champs étaient vide   :D  
merci encore

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed