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