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

Vue hybride

Discussions similaires

Partager

Partager