Comment faire disparaitre une image avec javascript?
salut ,je souhaite cr�er un syst�me de messagerie priv� , et ce que je veux c'est quand il y'a un nouveau message pour un utilisateur une image qui s'affiche indiquant qu'il y'a un nouveau message ,sinon cette image ne s'affiche pas, pour l'affichage de l'image c bon ca marche tr�s bien, mais mon probl�me est le deuxi�me ,c'est que je ne sais pas comment faire disparaitre cette image d�s quee l'utilisateur click sur le lien (mp.php) pour lire son nouveau message, alors je cherche un code qui fait disparaitre l'apparition d'une image, je crois que c'est en javascript et je ne sais pas??
le voici le code :
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
<?php
if(isset($_SESSION['login'])){
mysql_connect("localhost", "root", "");
mysql_select_db("base");
$nbr_non_vus = mysql_query("SELECT COUNT(*) AS nbre FROM mp WHERE destinataire='".$_SESSION['login']."' AND vu='0' AND (efface='0' OR efface='2')")or die(mysql_error());
$nbre_non_vus = mysql_fetch_assoc($nbr_non_vus);
if($nbre_non_vus['nbre']>=1){?>
<STYLE type=text/css>#fadeinbox {
BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: black 2px solid; PADDING-LEFT: 4px; Z-INDEX: 100; LEFT: 1px; VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: black 2px solid; WIDTH: 100px; PADDING-TOP: 4px; BORDER-BOTTOM: black 2px solid; POSITION: absolute; TOP: 1px; BACKGROUND-COLOR: lightyellow
}
</STYLE>
<!-- alerte d'un message recu -->
<SCRIPT type=text/javascript>
var displaymode="always"
var enablefade="yes"
var autohidebox=["no", 5]
var showonscroll="yes"
var IEfadelength=1
var Mozfadedegree=0.05
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left="1px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
</SCRIPT>
<DIV id=fadeinbox
style="FILTER: progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); moz-opacity: 0"><BR><B><FONT
color=red><BR>
<CENTER><IMG
src="marge/1540_cube_email.gif"></CENTER><BR><font size="1">Messagerie
interne du site<BR><BR>Vous venez de recevoir un nouveau message privé de
l'un des membres du site <BR><BR><A
href="mp.php">>> LIRE
<<</A></DIV><BR><BR><BR>
<?php }
else{
// Je ne sais pas quoi mettre comme code javascript ^^
}
}?> |
Que dois-je faire?
Merci
