alert image .

Version imprimable

alert image .

Bonjour,
j'aimerait afficher une alert mais pas une boite mais une image au moment de chargement de la page :
Code:

1 2 3 4 5 6 7 8 9 <html> <head> <SCRIPT LANGUAGE="JavaScript"> function affichemondivpatientez(){  } </SCRIPT> </head> <body onbeforeunload="affichemondivpatientez()">

En jquery :

Code:

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
<html>
<head>
 
	<!-- Scripts Google : initialisation jquery -->
	<script charset="utf-8" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
	$(function() {	
		$('#divpatientez').hide();
		$(window).bind('beforeunload', function() 
		{ 
			$('#divpatientez').show();
		});
	});
	</script>
 
	<style type="text/css">
#divpatientez {	
	display:none; position:absolute; 
	width:220px; height:40px; left:50%; top:50%; margin:-20px 0 0 -110px;
	background:url('http://location-voiture.lastminute.com/FRA/aff/lmn/images/patientez.png') center center no-repeat;
}
	</style>
	<script type="text/javascript">
	</script>
 
</head>
 
<body>
 
<div id="divpatientez" style=""></div>
 
</body>
</html>

21/08/2011, 15h27
Bovino

Citation:

Envoyé par benhsaien

une image au moment de chargement de la page

Code:

<body onbeforeunload="affichemondivpatientez()">

Autant dire que ça commence mal... :koi:

Salut,

JQuery pour si peu :?

Code:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<style type="text/css" media="screen">
			#loading{
				display:block;position:absolute;
				width:220px;height:40px;
				left:50%;top:50%;
				margin:-20px 0 0 -110px;
				background:url('http://location-voiture.lastminute.com/FRA/aff/lmn/images/patientez.png') center center no-repeat;
			}
		</style>
		<script type="text/javascript">//<![CDATA[
                        function hideLoadBox(){
                                var box=document.getElementById('loading');
                                if(box)box.style.display='none';
                        }
                        window.onload=function(){
                                hideLoadBox();
                        }
                        //]]>
                </script>
	</head>
	<body>
		<div id="loading"></div>
	</body>
</html>