Faire une notification

**Coubo** · 26/03/2008, 10h24

bonjour, je voudrais savoir si y'avait moyen de faire un encadré de notification avec javascript,
par exemple sur je vais une de mes pages web, et la un simple encadré apparait en avant plan (mais pas de nouvelles fenêtres).
et tant qu'on ne clique pas sur la notification, celle ci ne part pas.

**le_chomeur** · 26/03/2008, 10h58

cela s'appel une alert

essaye :

Code :

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

alert("attention");

**Coubo** · 26/03/2008, 11h16

en fait je voudrais faire quelque chose de plus complexe qu'un alert :
dans ma notification il y a aura une question/réponse, avec réponse personnalisée, lien intégré.
je voudrais aussi que cela s'intégre de façon transparente dans la page, et non une fenetre qui apparait, un peu comme les alertes gmail lorsqu'on reçoit un nouveau mail...

**le_chomeur** · 26/03/2008, 11h25

oui , tu peux te créer une boite personnalisée de ce type , va faire un petit tour dans les contributions :

http://www.developpez.net/forums/sho...d.php?t=338493

**htr999** · 26/03/2008, 11h31

essaie ceci

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
<head>
<script>
function $(id){return document.getElementById(id);}
 
function warning(txt){
	if($('warning')){
		$('warning').innerHTML=txt;
		$('warning').style.display='block';
	}else{
		var w=document.createElement('div');
		w.id='warning';
		w.style.position='absolute';
		w.style.left=200+'px';
		w.style.top=100+'px';
		w.style.width=500+'px';
		w.style.textAlign='center';
		w.style.padding=10+'px';
		w.style.backgroundColor='#FFFFFF';
		w.style.color='#242424';
		w.style.border='1px solid #000000';
		w.style.zIndex=50;
		w.style.display='block';
		document.body.appendChild(w);
		$('warning').innerHTML=txt;
	}
 
	wDiv = document.getElementById('warning');
	wDiv.innerHTML+="<img id='close' src='close.gif' style='position:absolute; top:2px; left:504px;'/>";
	wClose = document.getElementById('close');
	wClose.setAttribute("onClick","wDiv.style.display='none';");
}
</script>
</head>
 
<body>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
sg dg ff fg qsl JL LRJ GLRg r gmrjgmjrgmjsfk jsqgmjqfgj qij giqjmgjqg qrgj ieqg jerg qrjgmqjgjrmg rqj gmrj g<br>
 
<script type="text/javascript">
text="";
text+="<table>";
text+="<tr><td>Nom:</td><td><input type='text'/></td></tr>";
text+="<tr><td>Prenom:</td><td><input type='text'/></td></tr>";
text+="</table>";
warning(text);
</script>
 
</body>

**le_chomeur** · 26/03/2008, 11h47

bouhhh les tableaux c'est moche

effectivement c'est une autre solution mais je pencherais pour l'autre ...

Faire une notification

JavaScript

Vue hybride

Discussions similaires

Partager

Partager