 Фреймы и JavaScript |
| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
  |
| lusui |
 12.2.2008, 23:29
Сообщение
#1
|
|
Прохожий  Группа: Пользователи Сообщений: 2 Регистрация: 12.2.2008 Пользователь №: 594  |
Есть три фрейма, к одному из этих фреймов подключен JavaScript который параметр alt=”Какой либо текс” выводит красиво и сразу (ну типа как при наведении на ссылку на сайте ag.ru). При этом все примечания (alt) прячутся под фреймы. Как сделать, так что бы оно выводилось по верх фрейма, а не под низ, это реально?
|
   |
 
|
| gid |
12.2.2008, 23:41
Сообщение
#2
|
|
Администратор форума Группа: Главные администраторы Сообщений: 541 Регистрация: 27.11.2006 Из: Россия Пользователь №: 1 |
Смотря с помощью каких элементов html разметки создаются подсказки... можно JavaScript код посмотреть и пример его использования?
-------------------- |__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах  | - | - | - | ICQ: 6-426-630 |
|
|
|
| lusui |
14.2.2008, 22:28
Сообщение
#3
|
|
Прохожий Группа: Пользователи Сообщений: 2 Регистрация: 12.2.2008 Пользователь №: 594 |
Цитата(gid @ 12.2.2008, 23:41)  Смотря с помощью каких элементов html разметки создаются подсказки... можно JavaScript код посмотреть и пример его использования? Это javascript.js Код 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; //15 hint.style.top = 50; //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,"<"); // komment this //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 = ['div','td']; var textmarker = ['title','alt']; 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); } это одна из страничек фрейма top.htm Код <html> <head> <LINK href="style.css" type=TEXT/CSS rel=STYLESHEET> <link href="2.css" rel="stylesheet" type="text/css"> <script language=javascript src="javascript.js" type=text/javascript></SCRIPT> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" onscroll="parent.scrollTop();"> <div style="z-index: 3" title="111111<br>222222222<br>333333333<br>44<br>55555<br>6666666<br>777777777<br>88888888" href="1">TESTED</div> </body> </html> |
|
|
|
 |
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 12.5.2008, 12:00 |
Русская версия Invision Power Board
v2.1.7 © 2008 IPS, Inc.