Charger un fichier 3D en xhtml dans une page Wordpress
Bonjour à tous,... au secours, je tourne en rond depuis 2 jours!
Je cherche à afficher un fichier XHTML dans une page Wordpress, il s'agit d'un modèle 3D.
Lorsque je l'ouvre directement dans Firefox ou Edge, il fonctionne parfaitement.
J'ai donc positionné le fichier sur mon serveur et je l’insère dans une page Wordpress avec le script suivant :
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
| <script>
function includeHTMLSnippet() {
// Traverse the collection of
// all HTML elements
id = document.getElementsByTagName("*");
for (i = 0; i < id.length; i++) {
element = id[i];
// Search for elements with
// specific attributes
file = element.getAttribute(
"GFG-include-html-snippet");
if (file) {
// Create an HTTP request with the
// attribute value as the file name
xmlRequest = new XMLHttpRequest();
xmlRequest.onreadystatechange = function () {
if (this.readyState == 4) {
if (this.status == 200) {
element.innerHTML = this.responseText;
}
if (this.status == 404) {
element.innerHTML = "Page not found.";
}
// Delete the attribute and
// call this function again
element.removeAttribute(
"GFG-include-html-snippet");
includeHTMLSnippet();
}
}
xmlRequest.open("GET", file, true);
xmlRequest.send();
return; // Exit function.
}
}
};
</script>
<div GFG-include-html-snippet="http://arsouinmarine.com/wp-content/uploads/2022/02/Double-vitrage.xhtml"></div>
<script>
includeHTMLSnippet();
</script> |
Et j'ai désigné les librairies suivantes dans le head :
Code:
1
2
3
4
5
| <head>
<meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta>
<link rel='stylesheet' type='text/css' href='http://www.x3dom.org/x3dom/release/x3dom.css'></link>
<script type='text/javascript' src='http://www.x3dom.org/x3dom/release/x3dom.js'></script>
</head> |
Et j'ai aussi essayé de les mettre en fichiers sur mon serveur, idem...
Voila le problème : tout s'affiche correctement sous Edge, malgré ces messages dont il ne tient pas compte :
Citation:
Mixed Content: The page at 'https://arsouinmarine.com/essai-panoramas' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.x3dom.org/download/x3dom.css'. This request has been blocked; the content must be served over HTTPS.
xmlRequest.onreadystatechange @ essai-panoramas:758
essai-panoramas:1
Mixed Content: The page at 'https://arsouinmarine.com/essai-panoramas' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.x3dom.org/download/x3dom.css'. This request has been blocked; the content must be served over HTTPS.
Mais avec Firefox, il n'affiche que les boutons de contrôle mais pas le modèle 3D,avec ce message :
La ligne du script où ça bloque est element.innerHTML = this.responseText;.
Donc, Firefox bloque les contenus mixtes, alors que Edge ne fait qu'informer.
Y-a-t-il une autre méthode pour insérer ce fichier ? ou pour contourner le blocage ?
Merci d'avance
Jean-Pierre
