-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathiframe_without_js.html
45 lines (44 loc) · 1.72 KB
/
iframe_without_js.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>IFrame test : QFDMO</title>
<meta name="description" content="IFrame test : QFDMO">
<script
src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.min.js"
integrity="sha512-f0wd6UIvZbsjPNebGx+uMzHmg6KXr1jWvumJDYSEDmwYJYOptZ0dTka/wBJu7Tj80tnCYMKoKicqvZiIc9GJgw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
</head>
<body>
<div>
<h1>Page d'affichage dynamique de l'iframe de l'application</h1>
<p>Ci-dessous s'affiche l'iframe de l'application</p>
</div>
<iframe
src="https://lvao.ademe.fr?iframe=1&direction=jai&first_dir=jai&action_list=reparer|echanger|mettreenlocation|revendre"
id="myiframe"
frameborder="0"
scrolling="yes"
allow="geolocation; clipboard-write"
style="width: 100%; overflow: hidden; max-width: 800px; height: 579px;"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true"
></iframe>
<div>
<p>Fin de l'affichage de l'iframe de l'application</p>
</div>
<script>
document.getElementById('myiframe').addEventListener('load', function () {
iFrameResize({
heightCalculationMethod: 'bodyScroll',
maxWidth: 800,
}, '#myiframe')
})
</script>
</body>
</html>