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 :

Une étourderie getElementById()


Sujet :

JavaScript

  1. #1
    Membre expérimenté Avatar de riete
    Homme Profil pro
    DevWeb - Oléiculteur
    Inscrit en
    Avril 2006
    Messages
    1 193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France

    Informations professionnelles :
    Activité : DevWeb - Oléiculteur
    Secteur : Bâtiment

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 193
    Points : 1 414
    Points
    1 414
    Par défaut Une étourderie getElementById()
    J'ai du oublier qq chose mais quoi?
    Je reçois une erreur: "obj has no properties"
    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
    18
    19
    <html>
    <head>
    	<script language="javascript" type="text/javascript">
     
    		function disp_Val(src, dest){
     
    			obj = document.getElementById(dest)
    			alert('Valeur =' + obj.value)
    			dest.value = obj.value
    		}
    	</script>
    </head>
    <body>
    	<form>
    		<input id=a type=text value="12/10/2007"><br>
    		<input id=b type=text value="123456" onclick='disp_Val(this, a)'>
    	</form>
    </body>
    </html>
    Merci d'avance
    Riete

  2. #2
    Membre éclairé Avatar de LeXo
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    1 147
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 1 147
    Points : 868
    Points
    868
    Par défaut
    sur ton getElementById ?

    affiche ton dest pour etre sur

  3. #3
    Membre expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Points : 3 189
    Points
    3 189
    Par défaut
    essaie avec les guillemets pour les id HTML

    et puis c'est libre le js mais fait gaffe qd meme prend l'habitude des ;
    et en HTML , tu peux fermer la balise <a/>

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    "a" semble être une variable sans valeur, ni même déclarée

    A+

  5. #5
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Jim_Nastiq Voir le message
    essaie avec les guillemets pour les id HTML
    Et les paramètres de fonction qui y font référence par valeur, donc ...

  6. #6
    Membre expérimenté Avatar de riete
    Homme Profil pro
    DevWeb - Oléiculteur
    Inscrit en
    Avril 2006
    Messages
    1 193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France

    Informations professionnelles :
    Activité : DevWeb - Oléiculteur
    Secteur : Bâtiment

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 193
    Points : 1 414
    Points
    1 414
    Par défaut
    Merci pour vos réponse, je suis arrivé à quelque chose, mais je ne suis pas satisfait. Ya un truc qui m'achappe (bon ok je ne suis pas bon en JS )
    Voici ce que j'ai fait. La fonction OK comme son nom l'indique fonctionne. Mais en ce qui concerne la f() Naze j'ai une erreur "obj has no properties" pour je passe bien en paramètre la valeur de l'id de destination.

    Alors J'ai peu être mal compris ce que vous m'avez expliqué.

    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
    18
    19
    20
    21
    22
    23
    24
    25
    <html>
    <head>
    	<script language="javascript" type="text/javascript">
     
    		function OK(src, dest){
     
    			dest.value = src.value
    		}
     
    		function Naze(src, dest){
     
    			obj = document.getElementById(dest);
    			//alert('Valeur =' + obj.value)
    			obj.value = src.value
    		}
    	</script>
    </head>
    <body>
    	<form>
    		<input id="a" type=text value="12/10/2007"><br>
    		<input id="b" type=text value="123456" onclick='OK(this, a);'><br>
    		<input id="b" type=text value="ABCDEF" onclick='Naze(this, a);'>
    	</form>
    </body>
    </html>

  7. #7
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 143
    Points
    11 143
    Par défaut
    bonjour,

    ton paramètre a désigne un id pas une variable :
    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
    <html>
    <head>
    	<script language="javascript" type="text/javascript">
    		
    		function disp_Val(source, dest){
    			
    			obj = document.getElementById(dest);
    			alert('Valeur =' + obj.value);
    			obj.value = source.value;
    		}
    	</script>
    </head>
    <body>
    	<form>
    		<input id="a" type="text" value="12/10/2007" /><br />
    		<input id="b" type="text" value="123456" onclick="disp_Val(this, 'a')" />
    	</form>
    </body>
    </html>

    prend l'habitude de terminer chaque ligne de ton code JS par un point vigule
    J'ai changé src en source car src un attribut des objets images (pour éviter la confusion c'est tout).

    [edit] dans ton second code deux éléments possèdent le même id (b). Un id doit être unique.[/edit]

  8. #8
    Membre expérimenté Avatar de riete
    Homme Profil pro
    DevWeb - Oléiculteur
    Inscrit en
    Avril 2006
    Messages
    1 193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France

    Informations professionnelles :
    Activité : DevWeb - Oléiculteur
    Secteur : Bâtiment

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 193
    Points : 1 414
    Points
    1 414
    Par défaut
    Merci beaucoup, ca gaze.
    Je me rends compte que JS est très susceptible

    J'en tiendrais compte pour les prochaines fois.

    Ce code me permettra mettre à jour un champ à partir d'une liste select.

  9. #9
    Membre expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Points : 3 189
    Points
    3 189
    Par défaut
    euh non justement il est pas trop susceptible , il te laisse ne pas mettre de point virgule! une hérésie pour un programmeur

    disons qu'il n'est pas fortement typé

  10. #10
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 143
    Points
    11 143
    Par défaut
    Citation Envoyé par riete Voir le message
    Merci beaucoup, ca gaze.
    Je me rends compte que JS est très susceptible
    à propos de susceptibilité, pense à déclarer tes variables :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    var varGlobale;
     
    function maFonction()
    {
        var varLocale = "coucou";
     
    }
    cela t'évitera des mauvaises surprises

  11. #11
    Membre expérimenté Avatar de riete
    Homme Profil pro
    DevWeb - Oléiculteur
    Inscrit en
    Avril 2006
    Messages
    1 193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France

    Informations professionnelles :
    Activité : DevWeb - Oléiculteur
    Secteur : Bâtiment

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 193
    Points : 1 414
    Points
    1 414
    Par défaut
    Bon Ok je ne recommencerai plus

    IL est vrai que je me suis un peu trop habitué à un langage très tolérant comme php. Recommencé à utiliser un langage tel que JS qui est un peu moins permissif (rien à coté de Java ou C++ il est vrai), me pousse à être plus strict avec mon code.
    Sans vouloir créer de polémique, est ce bon ou pas??
    Heureusement qu'il ne s'appel pa JavaStrict

    Riete

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

Discussions similaires

  1. Modifier la valeur d'une balise avec getElementById
    Par cooldid dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 14/01/2008, 12h08
  2. Réponses: 5
    Dernier message: 06/07/2007, 13h50
  3. getElementById qui retourne "" une fois sur deux
    Par Cronycs dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/05/2007, 17h33
  4. mettre une variable ds document.getElementById('')?
    Par zorba49 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 27/06/2006, 16h30
  5. utiliser une expression régulliere avec la methode getelementbyid
    Par rootdaoud dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/05/2006, 18h25

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