Firefox et opener.document.getElementById

Version imprimable

07/12/2020, 12h09
Mzr

Firefox et opener.document.getElementById

Bonjour à tous,

Depuis la dernière ou l'avant-dernière version, Firefox ne veut plus accepter mon code "opener.document.getElementById". Le but est d'ouvrir une fenêtre via un target ='_blank' puis en cliquant sur une image le champs spécifié est rempli en fonction du nom de l'image via un opener.document.getElementById.

Ca fonctionne encore sous IE, EDGE et Chrome.

Auriez-vous des pistes pour résoudre ce dysfonctionnement ?

Merci.
07/12/2020, 13h36
javatwister

Bonjour,

Le dialogue entre fenêtre n'a plus le vent en poupe depuis une quinzaine d'années; pas étonnant que Fox se détourne de la propriété opener; surtout si tes 2 fenêtres ne sont pas sur le même domaine;
Il vaut mieux charger dans ta fenêtre unique les données dont tu as besoin (Ajax est ton ami);
07/12/2020, 14h31
Mzr

En tant que pas développeur, je m'étais dirigé vers le plus simple... Tu aurais un exemple simple avec AJAX ?

Merci.
07/12/2020, 15h04
javatwister

Ben il faudrait déjà que tu donnes plus de contexte: tu vas chercher tes images où? pourquoi? (code? lien?)

J'ai une page ouvre en _blank une autre page PHP avec ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// affiche les fichiers par ordre alphabetique decroissant
  	$i=0;
  	while ( $i < count($ListFiles))
  	{
      	echo '<a id="' ,$ListFiles[$i], '" href="#" onclick="parent.window.opener.document.getElementById(\'Field_Collection\').value = \'' ,$ListFiles[$i], '\'; parent.window.opener.document.getElementById(\'Field_Collection\').focus(); parent.window.opener.document.getElementById(\'Field_Reference\').value = \'n&deg; \'; javascript:window.close();">';				
		//'<a href="#" ', $urlphoto, '/',$Fichier, '">'; 
        echo '<img src="', $urlphoto, '/',$ListFiles[$i], '">'; 
		//echo $urlphoto; 
        //echo "width='$l_vign' height='$h_vign'>"; 
        echo "</a>";
 
		//echo $ListFiles[$i];
      	$i++;
  	}
 
   }

Ce code :

Liste les images du répertoire images
Récupère le nom des images
Rempli le champs Field_Reference de la page référence en cliquant sur ladite image

Sur cette page, par exemple, je vais chercher les images d'un dossier en cliquant sur le bouton; et quand je clique sur une des images, son adresse s'affiche dans le champ;
http://javatwist.imingo.net/repimg.php

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"> 
<title>...</title>
 
<style>
#cadre{
        background:gray;
        height:100px;
        overflow:auto;
        margin:10px;
}
#cadre img{
        margin:5px;
        cursor:pointer;
}
</style>
 
 
</head>
<body>
 
<div id="cadre"></div>
 
<p>
<input type="text" id="champ" size="40" />
</p>
<button id="b">Cliquez pour afficher les images.</button>
<script>
document.getElementById("b").addEventListener("click",(e)=>{
        if(!document.getElementById("cadre").lastChild){
                e.target.textContent="Cliquez pour cacher les images.";
                const xhr = new XMLHttpRequest();
                xhr.open("GET", "lecture.inc.php", true);
                xhr.onload = function () {
                        if (xhr.readyState === 4) {
                                if (xhr.status === 200) {
                                        const tab=xhr.responseText.split("*");
                                        tab.forEach(v=>{
                                                let im=document.createElement("img");
                                                im.src=v;
                                                im.alt=v;
                                                document.getElementById("cadre").appendChild(im);
                                                im.addEventListener("click",(e)=>{document.getElementById("champ").value=e.target.src})
                                        })
                                }
                        }
                };
                xhr.send(null);
        }
        else{
                document.getElementById("cadre").innerHTML="";
                e.target.textContent="Cliquez pour afficher les images.";
        }
})              
</script>
 
</body>
</html>