IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

GetElementById null


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Juin 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Juin 2011
    Messages : 24
    Par défaut GetElementById null
    Bonjour,

    Merci pour votre support ;

    mon probléme est le suivant :

    j'essaie de recuperer un resultat de recherche et l'affecter directement dans un formulaire,mais j'obtiens toujours l'erreur document.getElementById null.

    le fax est affiché dans cette input.



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo "  <td><input   readonly =\"readonly\"  name=\"source5\" id=\"source5\" value=\"$data->fax  \" ></td>\n";
    je souhaite recuperer ce resultat dans un formulaire avec des champs incrementables:





    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $(function(){
    	$('p#add_field2').click(function(){
    		count2 += 1;
    		$('#container2').append(
    				'<strong>Fax #' + count2 + '</strong><br />' 
    				+ '<input id="field2_' + count2 + '" name="fields2[]' + '" type="text" /><br />' );
     
    	});
    });
     
     
    <div id="container2">  			        <p id="add_field2"><span>&raquo; Fax</span></a></p> </div>


    j'ai voulu proceder comme ceci mais c'est l'echec:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    echo"document.getElementById('fields2_1').value=document.getElementById('source5').value;";

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    peux-tu poster le code HTML / javascript généré par ce code PHP ?
    ensuite tu nous donnes des bouts de codes... Peux-tu nous poster le code dans son contexte ?


  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    '<input id="field2_' + count2
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('fields2_1').value
    Ca vient probablement du fait que getElementByApproximativeId n'est pas encore implémenté par JavaScript

    Au fait, pourquoi mélanges-tu une syntaxe jQuery et une syntaxe JavaScript ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Juin 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Juin 2011
    Messages : 24
    Par défaut
    Merci de votre attention sur mon probléme

    j'ai ce petit formulaire dans mon index:


    Code html : 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
    19
    20
    21
    22
    23
     
      <form name="test" method="post" action="" >
         <a>  <label for="name">&raquo;Civilit&eacute;:</label></a>
    <div class="spacer"></div>
    	    <select name="civilite">
            <option value="Monsieur">Monsieur</option>
            <option value="Madame">Madame</option>
            <option value="Mademoiselle">Mademoiselle</option>
    </select> 
    	 <div class="spacer"></div>
     
     
     
           <a>  <label for="name">&raquo;Nom:</label></a>
            <input type="text" name="name" id="name" />
     
            <div class="spacer"></div>
     
          <a>   <label for="name">&raquo;Pr&eacute;nom:</label></a>
            <input type="text" name="prenom" id="prenom" /> 
           <div id="container2"><p id="add_field2"><span>&raquo; Fax</span></a></p> </div>
     
       <input id="go" name="btnSubmit" type="submit" value="Enregistrer" class="btn" />
    l'ajout des champs a l'aide de ce code dans l 'index:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(function(){
    	$('p#add_field2').click(function(){
    		count2 += 1;
    		$('#container2').append(
    				'<strong>Fax #' + count2 + '</strong><br />' 
    				+ '<input id="field2_' + count2 + '" name="fields2[]' + '" type="text" /><br />' );
     
    	});
    });

    et dans un autre fichier que j ai nommé search.php , je fais une petite recherche dans une base de donnés pour m'affciher le nom , prenom et le fax
    qui me retourne ceci:

    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
    18
     
     
     if($req->rowCount()>0)
      {
     
        while($data = $req->fetch(PDO::FETCH_OBJ))
     
     {
    echo "<table width=\"1271\" border=\"1\">";
    echo "  <td><input   readonly =\"readonly\"   name=\"source2\" id=\"source2\" value=\" $data->name \" ></td>   \n";
       echo "  <td><input   readonly =\"readonly\"  name=\"source3\" id=\"source3\" value=\" $data->prenom \" ></td>   \n";
       echo "  <td><input   readonly =\"readonly\"  name=\"source5\" id=\"source5\" value=\"$data->fax  \" ></td>\n";
    echo" <td> <input type=\"radio\" name=\"duplication\" id=\"duplication1\" value=\"oui\" onclick=\"foncabc();\"></td>\n";
     
    echo "</table>";
     }
     
      }

    je voulais en cliquant sur le bouton radio le resultat de la recherche remplit directement dans le formulaire alors j'y ajouté ce Js ans le fichier search.php

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    echo "function foncabc(){";
    echo "document.getElementById('name').value=document.getElementById('source2').value;";
    echo"document.getElementById('prenom').value=document.getElementById('source3').value;";
    echo"document.getElementById('field2_1').value=document.getElementById('source5').value;";
    echo"}";
     
    echo"</script>";

  5. #5
    Membre averti
    Homme Profil pro
    Inscrit en
    Juin 2011
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Juin 2011
    Messages : 24
    Par défaut
    [QUOTE=Bovino;6116958]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    '<input id="field2_' + count2
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('fields2_1').value
    je l ai rectifié j 'ai toujours : " document.getElementById("field2_1") is null"

  6. #6
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Rien dans les extraits que tu as postés jusqu'à maintenant ne nous permet d'établir si ce champ existe ou non

    Comme te l'a déjà demandé Auteur, peux-tu s'il te plait éviter de poster ton code source PHP qui ne nous avance pas à grand chose* ? Poste plutôt le code HTML généré par ce code PHP... ^^

    * ou alors, si le problème vient de la manière dont ta variable count2 est alimentée coté PHP, c'est un autre souci et ça se passe... sur le forum PHP

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. getElementById NULL et select bloqué
    Par laipreu dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/08/2009, 10h43
  2. [DOM] document.getElementById is null
    Par camyo dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 11/06/2009, 07h24
  3. Erreur : document.getElementById('image').src is NULL
    Par CKLOL dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/05/2009, 10h56
  4. La fonction document.getElementById retourne NULL
    Par zaineb.z dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/05/2008, 18h09
  5. getElementById['exemple'].innerHTML= erreur(null ou n'est..)
    Par weldoo dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 30/01/2006, 17h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo