fenetre en bas a droite

Version imprimable

07/03/2008, 20h26
blackspark

fenetre en bas a droite

Bonjour,
j'aimerais faire quelques chose pour mon site, mais je vois pas comment...
sur msn, lorsque quelqu'un se connecte, il y a un petit truc en bas a droite de l'ecran en disant "Maurice s'est connecté"
ben je voudrais faire pareil sur mon site, mais avec écrit un truc du genre "vous avez x messages"
si vous pouvez pas me faire un petit script, dite moi comment ca s'appelle ou éclairez moi, s'il vous plais : )
merci :D

PS: j'ai eu du mal a trouver un bon titre^^

Bonsoir,

Dans ce genre là ?

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
34
35
36
37
38
39
40
41
 
<html>
<head>
<style type="text/css">
#nouveauMessage
{
	visibility:hidden;
 
	background-color: #66CC99;
	color: black;
	font-variant: small-caps;
	font-family: Arial, "Arial Black", sans-serif;
	text-align: center;
	width: 165px;
	height: 80px;
	right: 10px;
	bottom: 10px;
	position: fixed;
}
</style>
 
<script type="text/javascript">
function afficher() {
	var nouveau = document.getElementById("nouveauMessage");
 
	nouveau.style.visibility = "visible";
 
	setTimeout(function() { nouveau.style.visibility = "hidden";},5000); // tempo de 5 secondes
 
}
</script>
 
</head>
<body>
<input type="button" id="btNouveau" value="Nouveau message !" onclick="afficher()" />
<div id="nouveauMessage">
	Vous-avez un nouveau message.<br />
	<a href="mp.php">Voir</a>
</div>
</body>
</html>

10/03/2008, 20h34
blackspark

oui c'est exactement ca!!
et pourrais tu m'aider pour faire en sorte qu'il s'execute au chargement de la page?
j'ai essayé <body onLoad="onLoad">, je sais pas si c'est ca mais ca marche pas...
et merci beaucoups : )
10/03/2008, 20h39
Cornholio

C'est presque ça.

Dans mon exemple, on modifierait la balise body comme ceci :

Code:

<body onload="afficher()">

;)
10/03/2008, 21h05
blackspark

oh nan je crois pas que j'ai pu mettre <body onLoad="onLoad"> xD
on va dire que c'est la fatigue :D
sinon merci beaucoup!!