Iframe et position

**onerag** · 26/10/2014, 11h21

Bonjour,

Je souhaiterai faire une remontée d'une page contenant un iframe de telle façon que, quand on clique dans un lien de cet iframe la page remonte (car iframe longue) a la manière des liens "remonter" que l'on trouve en bas de page.
Le problème avec une iframe assez longue c'est que la page est re-actualisé sans pour autant que la page contenant l'iframe ne remonte.

Je dispose de ce script, cependant je bloque. Merci de votre aide.

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
67
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
	<style>
		body { width: 80%; margin: auto;}
		#consoleDebug{position:fixed; top:30px; right:30px; z-index:9999; background:rgba(0,0,0,0.3);}
		#consoleDebug .alert{margin:20px;}
	</style>
 
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script>
	jQuery(document).ready(function($){
	// Affichage de l'élément actif (pour aider à comprendre ce qui se passe)
	setInterval(function(){
		$('#actif').text(document.activeElement.tagName);
	}, 100);
 
	// Initialisation variable
	iframe_survol = false;
 
	// Surveillance frontière
	$('.surveillance iframe').mouseover(function(){
		iframe_survol = true;
	}).mouseout(function(){
		iframe_survol = false;
	});
 
	// On donne le focus à la fenêtre au chargement
	$(window).focus();
 
	// Ecoute blur
	$(window).blur(function(e){
		$('<a>').html("Clic sur l'iframe").appendTo('#consoleDebug').delay(5000).show(200);
		window.location="#";
	});
 
	// Retour du focus sur la page au survol
	$(document).mousemove(function(e){
		if( document.activeElement.tagName == 'IFRAME' ){
			$(window).focus();
		}
	});
});
</script>
 
</head>
<body id="megat">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultrices mauris. Aliquam vel est ac enim auctor porttitor. Sed tempor fringilla enim, eget ultricies mauris elementum eu. In id consectetur justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pretium aliquet tortor et venenatis. Sed vestibulum sit amet dolor at fermentum. Sed venenatis, felis sed tincidunt dignissim, elit mauris lacinia mi, id imperdiet velit neque eget sem. Praesent sit amet nulla faucibus, porttitor tortor eu, condimentum sapien. Vivamus quis turpis commodo, mollis enim iaculis, faucibus odio.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultrices mauris. Aliquam vel est ac enim auctor porttitor. Sed tempor fringilla enim, eget ultricies mauris elementum eu. In id consectetur justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pretium aliquet tortor et venenatis. Sed vestibulum sit amet dolor at fermentum. Sed venenatis, felis sed tincidunt dignissim, elit mauris lacinia mi, id imperdiet velit neque eget sem. Praesent sit amet nulla faucibus, porttitor tortor eu, condimentum sapien. Vivamus quis turpis commodo, mollis enim iaculis, faucibus odio.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultrices mauris. Aliquam vel est ac enim auctor porttitor. Sed tempor fringilla enim, eget ultricies mauris elementum eu. In id consectetur justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pretium aliquet tortor et venenatis. Sed vestibulum sit amet dolor at fermentum. Sed venenatis, felis sed tincidunt dignissim, elit mauris lacinia mi, id imperdiet velit neque eget sem. Praesent sit amet nulla faucibus, porttitor tortor eu, condimentum sapien. Vivamus quis turpis commodo, mollis enim iaculis, faucibus odio.</p>
 
<div class="surveillance">
	<iframe
	src="http://docs.xubuntu.org/1404/"
	width="900"
	height="1100"
	scrolling="no"
	frameborder="1">
	</iframe>
</div>	
 
<div id="consoleDebug"></div>
 
</body>
</html>

**Watilin** · 28/10/2014, 03h33

Bonsoir,

l'iframe et la page parente ne peuvent interagir que si elles sont du même domaine. En l'occurence le domaine de ton iframe est docs.xubuntu.org, et j'ai comme l'intuition que ton site n'a pas le même domaine...

Pour des raisons de sécurité, aucune information ne peut circuler dans un sens ni dans l'autre, ce qui inclut les évènements comme click, mousemove, etc.

À moins que tu sois en mesure de faire exécuter du code depuis la page incluse, auquel cas tu pourrais utiliser :

si tu peux toucher au code serveur : JSONP (JSON with Padding)
si tu peux toucher au code client : l'API postMessage.

Désolé pour les liens, j'en ai pas trouvé de suffisamment bon en français

Iframe et position

jQuery

Vue hybride

Discussions similaires

Partager

Partager