Contenu Iframe à la taille de l'Ecran

**sdisp+** · 25/01/2012, 09h14

Bonjour.

J'ai un script qui fait la rotation de différentes page dans une iFrame.

Ces pages sont des liens sur des maps Nagvis (outil de supervision qui affiche des cartes représentant le réseau avec les problèmes détectés).

Mes maps ont toutes une taille différentes et je voudrais qu'elles occupent tout l’écran de mon PC de supervision qui a une résolution de 1360*768.
Mais je n'arrive pas à faire cela!

Mon script:

Code :

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
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
61
62
63
64
65
66
 
<!DOCTYPE html>
<html>
<head>
<title>...</title>
 
<style>
html,
body,
iframe {
	margin: 0;
	width: 100%;
	height: 100%;
}
iframe {	
	display: block;
	border: 0;
	-moz-transition:    all .4s;
	-webkit-transition: all .4s;
	-ms-transition:     all .4s;
	-o-transition:      all .4s;
	transition:         all .4s;
}
iframe.fade {
	opacity: 0;
}
</style>
<script>
var iframe;
var i = 0;
var delay = 5;   // Delay in seconds
var url = [
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau1",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau2",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau3",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau4",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau5",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau6",
	"http://nagios.xxx.fr/nagvis/index.php?map=plan-reseau7"
];
 
function recursive_change_url() {
	i++;
	i %= url.length;
	iframe.className = "fade";
	iframe.onload = function() {
		iframe.className = "";
		window.setTimeout(recursive_change_url, delay * 1000);
	}
	iframe.src = url[i];
 
}
 
window.onload = function() {
	iframe = document.getElementById("iframe");
	iframe.src = url[0];
	window.setTimeout(recursive_change_url, delay * 1000);
 
}
</script>
</head>
 
<body>
	<iframe id="iframe"></iframe>
</body>
</html>

J'ai également voulu jouer sur le zoom de la page dynamiquement mais n'y suis pas arrivé!
Je suis sous FireFox et n'ai pas besoin que ça fonctionne sous d'autre navigateur.

Avez-vous une idée?

Merci.
Stef.

**NoSmoking** · 26/01/2012, 22h33

Bonsoir,
si il s'agit du contenu des documents inclus dans l'IFRAME, c'est dans ces documents qu'il faut gérer les largeurs !!!!

**sdisp+** · 27/01/2012, 08h44

Bonjour.

Il s'agit bien du doc inclus dans l'iframe, mais je n'ai pas la mains pour faire ces modifications à ce niveau!

Dans l'état, mon iframe s'adapte a la taille de mon contenu et en zoomant/de-zoomant sous Firefox, j'obtiens ce que je souhaite.

Puis-je alors modifier dynamiquement la valeur de zoom du navigateur a chaque modification du contenu de l'iframe? De quel façon?

Merci.
Stef.

**NoSmoking** · 28/01/2012, 11h17

Envoyé par sdisp+

Puis-je alors modifier dynamiquement la valeur de zoom du navigateur a chaque modification du contenu de l'iframe? De quel façon?

je ne me suis jamais posé la question, mais j'espère que NON.
Laissons l'internaute décider de comment il veut visualiser ses pages.

Revois peut être la conception de ton document pour afficher au mieux sans forcément utiliser la fullWidth du navigateur.

Contenu Iframe à la taille de l'Ecran

JavaScript

Discussions similaires

Partager

Partager