Hi guys?
The script am talking about is Cut & Paste Animated Information Bar, by Javascript kit.
http://javascriptkit.com/script/script2/infobar.shtml
It's doing basically everything I wanted to except its showing more than once every session. I want the info bar to only display once per session.
Here's the code am using. I'm not that good but am hoping someone can give me some guidelines on how to fix this.
Code:
<script type="text/javascript">
/***********************************************
* Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()"><img src="templates/ethiojobs/main/images/close-button.png" style="border: 0 none; height: 15px; margin: 0 810px; position: absolute; width: 15px;" /></a>'
}
informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
}
informationbar.prototype.animatetoview=function(){
var barinstance=this
if (parseInt(this.barref.style.top)<0){
this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
setTimeout(function(){barinstance.animatetoview()}, 50)
}
else{
if (document.all && !window.XMLHttpRequest)
this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')
else
this.barref.style.top=0
}
}
informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}
informationbar.prototype.setfrequency=function(type){
this.displayfreq="session"
}
informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
this.barheight=parseInt(this.barref.offsetHeight)
this.barref.style.top=this.barheight*(-1)+"px"
this.animatetoview()
}
}
window.onunload=function(){
this.barref=null
}
</script>
<script type="text/javascript">
var infobar=new informationbar()
infobar.setContent('Welcome to the new ethiojobs website. For registered users, please reset your password <a href="#"> Here</a>. New users can create an account: <a href="#">Register here</a>')
infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()
</script>