[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Хинт для сайта!
DimoNДата: Вторник, 04.05.2010, 16:39 | Сообщение # 1

Dar[k] S.
Сообщений: 207
Медали:
За создание сайта За хорошию репутации За 50 постов За 100 Постов За 150 Постов За 200 Постов
[ 38 ]
Нету на сайте

Создаем файл hint.js и вставляем в него вот этот код:

Code
//Hint Start           
// CLASS : MW_System_Load           
// Init           
function MW_System_Load(){           
this.wib = screen.width;           
this.heb = screen.height;           
this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;           
this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;           
this.types = 'load';           
}           
MW_System_Load.prototype.addsevent = function(func){           
if(this.objects.addEventListener){           
this.objects.addEventListener(this.types,func,false);           
return true;           
} else if (this.objects.attachEvent){           
this.objects.attachEvent("on" + this.types,func);           
} else {           
return false;           
}           
}           
MW_System_Load.prototype.browser = function(){           
this.ver = navigator.appVersion;           
this.agent = navigator.userAgent.toLowerCase();           
this.dom = document.getElementById ? 1:0;           
this.all = document.all ? 1:0;           
this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;           
this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;           
this.ie4 = (document.all && !this.dom) ? 1:0;           
this.ie = this.ie4 || this.ie5 || this.ie6;           
this.opera = this.agent.indexOf("opera")>-1;           
this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;           
this.bw = (this.ie || this.opera || this.gecko);           
return this;           
}           
MW_System_Load.prototype.findobj = function(obj){           
this.parent = window.document;           
if(this.parent[obj]){ return this.parent[obj]; }           
if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }           
if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }           
if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }           
return null;           
}           
var MW = new MW_System_Load();           
function MW_System_Hint(){}           
MW_System_Hint.prototype.show = function(obj,str){           
var hint = MW.findobj('hint');           
if(!obj){ return; }           
if(!MW.documes){ return; }           
if(!hint){ return; }           
hint.className = 'hint';           
hint.style.left = 15;           
hint.style.top = 50;           

obj.onmouseout = function(advance){           
hint.style.width = '';           
hint.style.visibility = 'hidden';           
if(hint.firstChild) hint.removeChild(hint.firstChild);           
hint.appendChild(document.createTextNode(str));           
};           
obj.onmousemove = function(advance){           
//str = str.replace(/</g,"<");           
//str = str.replace(/>/g,">");           
hint.style.width = '';           
hint.innerHTML = str;           
vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];           
x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;           
y = window.event ? event.clientY + vc.scrollTop : advance.pageY;           
vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;           
vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;           
                if(hint.offsetWidth>500){ hint.style.width = '200'; }           
                if((x + hint.offsetWidth + 15) > vcwidth){           
                 hint.style.left = x - hint.offsetWidth - 4;           
                } else {           
                 hint.style.left = x + 15;           
                }           
                if((y + hint.offsetHeight + 19) > vcheight){           
                 hint.style.top = y - hint.offsetHeight;           
                } else {           
                 hint.style.top = y + 25;           
                }           
                //if(typeof(hint.style.MozOpacity)!="undefined"){           
                hint.style.opacity = '.91';           
                hint.style.filter = "alpha(opacity:91)";           
                //}           
                hint.style.visibility = 'visible';           
};           
}           
MW_System_Hint.prototype.initialize = function(){           
var hint = document.createElement("DIV");           
hint.setAttribute('id','hint');           
document.getElementsByTagName('body')[0].appendChild(hint);           
hint.style.visibility = 'hidden';           
var hintmarker = ['a','img','img','input','span','div','textarea'];           
var textmarker = ['title','alt','title','title','title','title','title'];           
var lenmarker = hintmarker.length;           
for(var i=0; i<lenmarker; i++) {           
atr = document.getElementsByTagName(hintmarker[i]);           
for(var j=0; j<atr.length; j++)           
if(viewhint=atr[j].getAttribute(textmarker[i])){           
                atr[j].removeAttribute(textmarker[i]);           
                HINT.show(atr[j],viewhint);           
}      

И Заливаем его в корень сайта!

Далее:
На любой странице вставляем между </head> и <head>

Code
<script type="text/javascript" src="Ваш сайт/hint.js"></script>

В CSS вставляем в любое место:

Code
.hint        
{        
background-color:#505050;        
line-height:10px;        
color:ffffff;        
font-family:verdana;        
font-size:11px;        
width:auto;        
border-top:1px dashed #0fb4fd;        
border-right:1px dashed #0fb4fd;        
border-bottom:1px dashed #0fb4fd;        
border-left:1px dashed #0fb4fd;        
margin:0px;        
padding:8px;        
position:absolute;        
visibility:hidden;        
}       

Подстраиваем цветовую гамму под свой дизайн и пользуемся!


  • Страница 1 из 1
  • 1
Поиск: