alert image .

benhsaien · 19/08/2011, 12h15

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

jreaux62 · 21/08/2011, 05h15

En jquery :

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
<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>

Bovino · 21/08/2011, 15h27

Citation:

Envoyé par benhsaien

une image au moment de chargement de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onbeforeunload="affichemondivpatientez()">

Autant dire que ça commence mal...

Eric2a · 21/08/2011, 16h15

Salut,

JQuery pour si peu

Code html :

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
<!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>

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