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>