Appel de fonction par une autre

**OUZFA** · 02/08/2020, 19h40

Bonjour à tous,
j'ai une fonction (fonction1) que je souhaite appeler par une autre fonction (fonction2) de la manière suivante:

Code :

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

1
2
3
4
5
6
7
8
9
function fonction1(objet){
    document.getElementById(objet).style.visibility="hidden";
}
 
function fonction2(){
    fonction1('objet1');
    fonction1('objet2');
    fonction1('objet3');
}

la fonction1 fonctionne lorsque je l'appelle directement: fonction1('objet1'); mais je n'arrive pas à l'appeler par la fonction2.

J'ai besoin de votre aide, svp.

**ProgElecT** · 02/08/2020, 20h13

Salut

Ton code fonctionne, reste à savoir quand et comment tu appels la fonction2, ou est placé l'appel et les fonctions dans la structure complète de ton code.

**OUZFA** · 02/08/2020, 20h38

Merci de ta réponse ProgElecT, cela me rassure.
En fait j'appelle la fonction2 sur un onclick de la manière suivant: onclick="fonction2();" mais cela ne fonctionne pas.
Lorsque je le fais avec la fonction1: onclick="fonction1(''objet1);fonction1(''objet2);fonction1(''objet3);" tout va bien.
!!!???

**ProgElecT** · 02/08/2020, 23h13

Re

Un exemple fonctionnel vérifié

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
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="fr"> <!-- ABaseHTML.html -->
 
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Minimum pour page HTML</title>
 
		<style>
                </style>
		<script>
                        'use strict'; // force la déclaration des variables
                        //********************************************************************************
                        //--------------------------------------------------------------------------------
                </script>
 
	</head> 
	<body>	<!-- ............................................................................................................. -->
 
			<div id="objet1">A que couco</div>
			<p id="objet2"> 2ém element</p>
			<h1 id="objet3"> 3ém élément</h1>
			<button type="button"  onclick="fonction2()">Go</button>
 
	<script>// ............................................................................................................. //
                        
                function fonction1(objet){
                        document.getElementById(objet).style.visibility="hidden";
                }
 
                function fonction2(){
                        fonction1('objet1');
                        fonction1('objet2');
                        fonction1('objet3');
                }
        </script><!-- ........................................................................................................... --> 
	</body>	<!-- ............................................................................................................. -->
 
</html>

**OUZFA** · 03/08/2020, 00h07

Merci beaucoup ProgElecT
Bonne continuation

Appel de fonction par une autre

JavaScript

Discussions similaires

Partager

Partager