Arguments de Function

**CJD_32** · 31/05/2018, 12h23

Bonjour à tous,
après des jours de recherches, j'en appelle à vos compétences et je suppose que pour bon nombre d'entre vous le problème rencontré est simple à résoudre.

J'ai 1 fonction javascript avec 2 arguments :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
  function affichageLignes(id,NbrLignes) {
    var i;
     var id;
     for (i = 1; i <= NbrLignes; i++) {
        if (document.getElementById(id,"Ligne" + i).style.display == 'none') {
          document.getElementById(id,"Ligne" + i).style.display = 'block';
        } else {
          document.getElementById(id,"Ligne" + i).style.display = 'none';
        }
      }
    }

Si j'enlève l'argument (id) l'exécution de cette fonction ne pose aucun souci.
J'ai essayé toutes les syntaxes que j'ai pu trouver entre (id) et ("Ligne" + i) dans document.getElementById(id,i), mais je sèche complètement.

Merci d'avance pour votre aide.

**psychadelic** · 31/05/2018, 13h06

Bon, alors tout d'abord la fonction getElementById n'utilise qu'un seul argument => https://developer.mozilla.org/fr/doc...getElementById

donc il n'y a aucune raison d'utiliser un id qui ne viens de nulle part.

Ensuite tu déclares une nouvelle fois cet id, ce qui à pour effet d'annuler celui qui est placé en argument de ta fonction : La déclaration d'une fonction vaut aussi pour les arguments de celle-ci.

à la base une déclaration de fonction se fait ainsi : var affichageLignes = function ( id, NbrLignes ) { ...Bien sur, habituellement on rencontre la forme que tu utilise; mais cela ne change rien, cela reste une déclaration de 3 objets : affichageLignes, id et NbrLignes.

Si par la suite tu déclare une nouvelle variable avec le même nom que celle utilisée dans un argument, alors tu perd l’accès à cette variable.

à minima ta fonction devrait être écrite de la manière suivante (et optimisé) :

Code JavaScript :

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

1
2
3
4
5
6
function affichageLignes( NbrLignes ) {
  for (let i = 1; i <= NbrLignes; i++) {
    let ref_ID_ligne = document.getElementById( "Ligne" + i );
    ref_ID_ligne.style.display =  ( ref_ID_ligne.style.display == 'none' ) ? 'block' :  'none';
  }
}

**CJD_32** · 31/05/2018, 13h22

Merci pour ta réponse.

J'ai modifié ma syntaxe par le modèle que tu m'as envoyé.

Cette fonction est appelée dans 1 onclick pour ouvrir 2 div :

(id=C1d) et (NbrLignes=2)

Code html :

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

1
2
3
onclick="affichageLignes(C1d2);"
<div id="C1dLigne1"></div>
<div id="C1dLigne2"></div>

Malheureusement ces 2 div ne s'ouvrent pas.
Aurais-je commis une autre erreur de syntaxe ?

**psychadelic** · 31/05/2018, 13h45

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
24
25
26
27
28
29
30
<!doctype html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>displays</title>
  <style>
  </style>
</head>
<body>
 
  <button onclick="affichageLignes('C1dLigne',3);"> bascule affichage Lignes 1 à 3  </button>
  <button onclick="affichageLignes('C1dLigne', 5);"> bascule affichage Lignes 1 à 5  </button>
 
  <div id="C1dLigne1">Ligne 1</div>
  <div id="C1dLigne2">Ligne 2</div>
  <div id="C1dLigne3">Ligne 3</div>
  <div id="C1dLigne4">Ligne 4</div>
  <div id="C1dLigne5">Ligne 5</div>
  <div id="C1dLigne6">Ligne 6</div>
 
  <script>
    function affichageLignes( Prefix, NbrLignes ) {
      for (let i = 1; i <= NbrLignes; i++) {
        let ref_ID_ligne_Style = document.getElementById( Prefix + i ).style;
        ref_ID_ligne_Style.display =  ( ref_ID_ligne_Style.display == 'none' ) ? 'block' :  'none';
      }
    }
  </script>
</body>
</html>

**CJD_32** · 31/05/2018, 13h54

Merci, cela fonctionne maintenant.
Ta réponse est plus précise que toutes les pages que j'ai pu consulter.

Ta maîtrise égale inversement mon incompétence.

Merci pour cette précieuse aide.

Arguments de Function

JavaScript

Discussions similaires

Partager

Partager