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

Citation:

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.

26/01/2012, 22h33	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	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 !!!!
	00

27/01/2012, 08h44	#3
sdisp+ Futur Membre du Club Inscription : septembre 2006 Messages : 84 Détails du profil Informations forums : Inscription : septembre 2006 Messages : 84 Points : 18 Points : 18	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email