Discussion :

[jvoile]

Bonjour,

J'ai installé un script sur ma page d'accueil qui permet l'ouverture d'une fenêtre modale en cliquant sur un lien.
Or je tente désespérément de changer le code pour permettre l'ouverture de la fenêtre automatiquement à l'ouverture de la page (ou par exemple dès que l'internaute touche sa souris...). Si vous pouvez m'aider sur ce problème, je vous serais très reconnaissant !

Le code est le suivant :

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
<!--Popup 1-->
<div class="container">
<div id="content">
<div class="post">
<a href="#" data-width="700" data-rel="popup1" class="poplight">En savoir plus...</a>
</div>
<div id="popup1" class="popup_block">
<script src="jquery-1.9.1.min.js"></script>
 
<script>
jQuery(function($){
 
		$('a.poplight').on('click', function() {
		var popID = $(this).data('rel');
		var popWidth = $(this).data('width');
 
		$('#' + popID).fadeIn().css({ 'width': popWidth}).prepend('<a href="#" class="close"><img src="img/close_pop.png" class="btn_close" title="Fermer" alt="Close" /></a>');
 
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
 
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
 
 
		$('body').append('<div id="fade"></div>');
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
 
		return false;
	});
 
 
	$('body').on('click', 'a.close, #fade', function() {
		$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	});
 
		return false;
	});
 
});
 
<!--END POPUP-->
 
</script>
</div>
</div>

[danielhagnoul]

Bonsoir

Dialogue modal à l'ouverture de la page :

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
jQuery(function($){
 
		$('a.poplight').on('click', function() {
		var popID = $(this).data('rel');
		var popWidth = $(this).data('width');
 
		$('#' + popID).fadeIn().css({ 'width': popWidth}).prepend('<a href="#" class="close"><img src="img/close_pop.png" class="btn_close" title="Fermer" alt="Close" /></a>');
 
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
 
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
 
 
		$('body').append('<div id="fade"></div>');
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
 
		return false;
	});
 
 
	$('body').on('click', 'a.close, #fade', function() {
		$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	});
 
		return false;
	});
 
    // popup à ouverture de la page
    $('a.poplight').trigger('click');
});

[jvoile]

Un grand merci !!