Arguments de Function

Version imprimable

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:

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.

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:

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'; } }

31/05/2018, 13h22
CJD_32
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:

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 ?

Code:

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>

31/05/2018, 13h54
CJD_32

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.