בניית אתרים - שכבת הודעות עילית

סקריפטים לבניית אתרים

בניית אתרים

עיצוב אתרים

קידום אתרים

תיק עבודות

צרו קשר

שכבת הודעות עילית

תאור: שכבה עילית אשר התצוגה שלה דוה לחוסם פופ-אפים של קפדפן אינטרנט אקספלורר, השכבה יכולה לשמש לכל מטרה. התראות, הודעות חשבות וכו'.. ניתן אף להוסיף ממנה קישורים כפי שמופיע בדוגמה.

הדגמה:
הסתכלו בראש הדף לתצוגה ויזואלךית של הסקריפט

הקוד היוצר את הסקריפט:
* הערה: יש להוסיף את הקוד הנ"ל בחלק ה-HEAD של האתר
יש גם להוריד את הכפתור הבא ולהעלות או לשרת -

#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
direction: rtl;
padding: 5px 0;
background-color: lightyellow;
border-bottom: 1px solid black;
font: bold 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}

</style>

/***********************************************

* 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="close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></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=type
}

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>

var infobar=new informationbar()
infobar.setContent('ברוכים הבאים לאתר י.ב.פ מדיה, נסו גם את הבלוג שלנו <a href="http://www.ybpmedia.com/blog">לחצו כאן</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()

</script>

חזרה למאגר הסקריפטים >>

צרו קשר

מלאו את פרטיכם בטופס הבא ונציג יצור עמכם קשר בתוך 24 שעות.

שם:
מייל:
טלפון:
הודעה:

תיק עבודות

צפיה בתיק עבודות >>

בלוג בניית אתרים

הבלוג סוקר את כל מה שחם העולם האינטרנט ומביא לכם מגוון עצום של חומר מקצועי בנושאי: בניית אתרים, קידום אתרים ושיווק באינטרנט

כניסה לבלוג >>

פורום בניית אתרים

פורום בניית אתרים נועד על מנת לשתף, לדבר ולחלוק מידע בכל הנוגע לבניית וקישום אתרים ברשת, גרפיקה, חדשות חמות מהאינטרנט ועוד. תוכלו אף להשאיר שאלות לוקבל תשובות מהמומחים

כניסה לפורום >>

מאמרים וכלים

מאגר מאמרים וכלים לבניית אתרים איכותיים שאספנו עבורכם על מנת לתת ערך מוסף לאתרכם וכדי לשמש מדריך לאלו המעוניינים לקדם את אתרם ברשת האינטרנט

כניסה למאמרים וכלים >>

	בניית אתרים - ראשי
	עיצוב אתרים
	קידום אתרים
	מערכות לניהול תוכן
	גרפיקה לכל מטרה
	עיצוב לוגו
	דפי נחיתה ובאנרים
	הקמת פורטל
	תחזוקת אתרי אינטרנט
	ניהול פרוייקטים
	כתיבת תכנים
	עיצוב ממשק משתמש UI
	יעוץ והדרכה
	מאגר פטנטים
	מבצעים
	תיק עבודות
	צרו קשר