Здравствуйте, Гость | Четверг, 24.7.2025, 22:00 | RSS | Контакты
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Хинт (подсказка при наведении)
wa1BДата: Пятница, 08.06.2012, 19:48 | Сообщение # 1
Сообщений: 134
Награды: 1
Репутация: 40

Данный хинт очень простой и настраивается под ваш дизайн. Не нужно нечего качать.

Просто нужно вставить этот код перед </head>:
Code
<style>    
    /* hint menu */    
    .hint    
    {    
    background-color:#ff731b;    
    line-height:10px;    
    color:white;    
    font-family:verdana,arial,helvetica;    
    font-size:8pt;    
    width:auto;    
    border-top:1px solid white;    
    border-right:1px solid white;    
    border-bottom:1px solid white;    
    border-left:1px solid white;    
    margin:1px;    
    padding:8px;    
    position:absolute;    
    visibility:hidden;    
    }    
    /* ---------------- */    
    </style>    

    <script>    
    //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);    
    }    
    }    
    }    
    var HINT = new MW_System_Hint();    
    if(MW.objects){ MW.addsevent(HINT.initialize); }    
    //Hint End    
    </script>

background-color:#ff731b; - Цвет хинта
Прикрепления: 3232973.png (3.7 Kb)


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