All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Видео дня

Популярное

Реклама

Хочешь помочь проекту? Установи наш баннер!

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Авторизация


Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

Если не спиться

1. лечь спать а не сидеть за компом до 6 утра
2. утопиться
3. обкуриться
4. воды напиться
5. задолбиться
6. обмочиться
7. выпрямиться

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 1
Прохожие: 1
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100
HTML и DHTML [2] JavaScript [5]
Mootools [2] JQuery [22]
Разное [2] CSS [4]
PHP [1]
АвторАвтор: leonP4 | ДатаДата: 13.01.2011 |Голосов: 0


Черно оранжевая, всплывающая подсказка.

Это устанавливаем в CSS:



Это устанавливаем в CSS:

Code


@import url(http://winskin.ru/style/page.css);  

/* hint menu */  
.hint  
{  
background-color:#3d3d3d;  
line-height:10px;  
color:white;  
font-family:verdana,arial,helvetica;  
font-size:8pt;  
width:auto;  
border-top:1px solid Orange;  
border-right:1px solid Orange;  
border-bottom:1px solid Orange;  
border-left:2px solid Orange;  
margin:1px;  
padding:8px;  
position:absolute;  
visibility:hidden;  
}  
/* ---------------- */

Это после /head

Code


<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>

Вот и все.


Теги к статье:

| : css, JS, Хинт, JavaScript, подсказка
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Популярные файлыНовые файлы
Call of Duty 5: World at ...[ Скачали 67375 раз ]
Амфибии, Гайд по ассасина...[ Скачали 31758 раз ]
Амфибии, Гайд по шаманам.[ Скачали 30663 раз ]
cs 1.6 patch v48 full[ Скачали 29046 раз ]
Русский бот PW Alfa v 2.6[ Скачали 17192 раз ]
Огромный пак глюков и баг...[ Скачали 12745 раз ]
civilization 5 скачать бе...[ Скачали 11941 раз ]
PW MP5[ Скачали 11149 раз ]
MHS-Bot-PW 2.3 ботовод[ Скачали 10405 раз ]
Niko Bellic (нико белич) ...[ Скачали 10006 раз ]
Wallpapers Girls №1044[ Добавлен 14.04.2024 ]
Shadow Corridor 2 (2024/E...[ Добавлен 14.04.2024 ]
Inkbound (2024/En/MULTI/R...[ Добавлен 13.04.2024 ]
The Planet Crafter (2024/...[ Добавлен 13.04.2024 ]
My Life: Farm Vet (2024/R...[ Добавлен 12.04.2024 ]
Headquarters: World War I...[ Добавлен 12.04.2024 ]
Ereban: Shadow Legacy (20...[ Добавлен 11.04.2024 ]
Broken Roads (2024/Ru/En/...[ Добавлен 11.04.2024 ]
Wallpapers Girls №1042[ Добавлен 11.04.2024 ]
Children of the Sun (2024...[ Добавлен 09.04.2024 ]