Echec Appel à une fonction via une première fonction

**GuyMH** · 16/07/2025, 08h38

Bonjour,
Sauriez-vous m'expliquer pourquoi l'appel à la fonction dénommée "maFonctionAppelee" ne s'opère pas lorsque l'appel se fait depuis la seconde fonction dénommée "maFonctionAppelante" ?
Je vous remercie beaucoup de votre aide.
Voici le script :

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
<html>
<head>
<script type="text/javascript">
function maFonctionAppelee(a){
        alert(a);
        }
</script>
</head>
<body>
<a href="javascript:onclick=maFonctionAppelante();">Test VIA maFonctionAppelante</a><br><br>
<a href="javascript:onclick=maFonctionAppelee('test par lien SANS passer par fonction Appelante');">Test par lien SANS passer par maFonctionAppelante</a><br>
 
<script type="text/javascript">
function maFonctionAppelante(){
let lien = '► <a href="javascript:onclick=maFonctionAppelee(\'test_lien\');">Tester par lien vers maFonctionAppelee</a>';
let alerte = '► <a href="javascript:onclick=alert(\'test_alert\');">Afficher alert</a>';
nouvelle=window.open("","_blank","width=800px,height=600px,scrollbars=yes");
nouvelle.document.write("<center><h2><b>Page test</b></h2>");
nouvelle.document.write("<table style='width:450px;'><tr><th style='width:300px;'></th><th style='width:450px;'></th></tr>");
nouvelle.document.write("<tr><td>lien (ne fonctionne pas)</td><td>" + lien + "</td></tr>");
nouvelle.document.write("<tr><td>alert (fonctionne)</td><td>" + alerte + "</td></tr>");
nouvelle.document.write("</table></center>");
}
</script>
</body>
</html>

**SpaceFrog** · 16/07/2025, 09h32

Tu as un souci de chronologie...
Tu appelles la fonction avant qu'elle ne soit déclarée

**GuyMH** · 16/07/2025, 09h59

Je vous remercie de votre réponse.
La fonction appelée se trouve dans le head. Elle a été mal placée ?

**NoSmoking** · 16/07/2025, 11h11

Bonjour,
si l'on regarde le code qui se trouve dans ta fenêtre on a quelque chose comme :

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
<center>
  <h2>
    <b>Page test</b>
  </h2>
  <table style="width:450px;">
    <tbody>
      <tr>
        <th style="width:300px;"></th>
        <th style="width:450px;"></th>
      </tr>
      <tr>
        <td>lien (ne fonctionne pas)</td>
        <td>► <a href="javascript:onclick=maFonctionAppelee('test_lien');">Tester par lien vers maFonctionAppelee</a>
        </td>
      </tr>
      <tr>
        <td>alert (fonctionne)</td>
        <td>► <a href="javascript:onclick=alert('test_alert');">Afficher alert</a>
        </td>
      </tr>
    </tbody>
  </table>
</center>

a aucun moment la fonction maFonctionAppelee est définie, celle de la fenêtre parent n'est pas utilisable directement.

PS : oubli de préciser

voir Window.opener

**mathieu** · 16/07/2025, 12h22

après avoir répondu à NoSmoking, je me demandais si vous avez déjà une idée de l'utilisation que vous allez faire de l'ouverture d'une nouvelle fenêtre ?
c'est une ancienne technique qui est souvent remplacée par l'utilisation de javascript pour écrire dans une balise de la page.

**GuyMH** · 16/07/2025, 19h46

Merci Mathieu pour votre suggestion que j'étudierai à la suite de la proposition de NoSmoking concernant "opener".
Cette propriété rend le lien opérant. J'avance et je vous remercie.
Mais je me demande d'où sort cette fenêtre qui vient recouvrir la "Page test" ? Et comment s'en débarrasser ?

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
<html>
<head>
<script type="text/javascript">
function maFonctionAppelee(a){
        alert(a);
        }
</script>
<script type="text/javascript">
function maFonctionAppelante(){
let lien = '► <a href="javascript:onclick=maFonctionAppelee(\'test_lien réussi\');">Tester par lien vers maFonctionAppelee</a>';
nouvelle=window.open("","_blank","width=800px,height=600px,scrollbars=yes");
nouvelle.opener.document.write("<center><h2><b>Page test</b></h2>");
nouvelle.opener.document.write("<table style='width:450px;'><tr><th style='width:300px;'></th><th style='width:450px;'></th></tr>");
nouvelle.opener.document.write("<tr><td>lien</td><td>" + lien + "</td></tr>");
nouvelle.opener.document.write("</table></center>");
}
</script>
</head>
<body>
<a href="javascript:onclick=maFonctionAppelante();">Test VIA maFonctionAppelante</a><br><br>
</body>
</html>

Ajout :
J'ai testé l'exemple proposé sur le site de W3Schools. Je vois ce même phénomène : l'écriture se fait sur la fenêtre appelante et une fenêtre vide s'affiche. Quelle est l'utilité de cette fenêtre vide et gênante ? A quoi peut-elle bien servir ?
J'ai trouvé la solution target _self pour éviter l'affichage de cette fenêtre inutile.
Je crois être arrivé au bout de mes peines.
Merci à tous trois qui avez pris du temps pour moi.

Echec Appel à une fonction via une première fonction

JavaScript

Vue hybride

Discussions similaires

Partager

Partager