| |
|
|
| | Здравствуйте!
[url]
http://www.webdesign.vadimtur.com.ua/
[/url]
при наводке на картинки внизу должны появляться увеличенные картинки, но скрипт не работает в Лисе. При этом этот браузер выдает про ошибку в файле vadim1.js в функции
function get_mouse(e) первая строчка.
html код:
<DIV ID="topdeck" CLASS="popper"> </DIV>
<SCRIPT
src="js/vadim1.js"
type=text/javascript></SCRIPT>
<IMG SRC="1.jpg" WIDTH=100 ONMOUSEOVER="pop('2.jpg')" ONMOUSEOUT="kill()" style="cursor: hand;">
|
файл vadim1.js:
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(img)
{
var content = "<TABLE CELLPADDING=2 CELLSPACING=0 style='border-width: 1px; border-color: black; border-style: solid; background-color: ffffff'><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD>";
if (img != "") {content = content + "<img src=\"" + img + "\" align=center>";}
content = content + "</TD></TR></TABLE></TD></TR></TABLE>";
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x+0;
skn.top = y-300;
}
function kill()
{
skn.visibility = "hidden";
}
|
css код:
body{overflow:scroll;overflow-x:hidden}
.popper{position : absolute;visibility : hidden;
z-index:1000;
}
|
| |
| |
|
|
| |
|
|
| |
для: ronin
(10.07.2008 в 13:53)
| | | Так вы не даете ему работать ни в FireFox, ни в Opera.
Ваш средневековый скрипт (и где только вы его откопали?) рассчитан только на браузеры Netscape (которого уже не существует в природе) и MSIE:
var nav = (document.layers);
var iex = (document.all);
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(10.07.2008 в 14:17)
| | | Не подскажите, ЧТО изменить или сразу искать новый скрипт? | |
| |
|
|
| |
|
|
| |
для: ronin
(10.07.2008 в 14:30)
| | | Нарыл скриптик на єтом форуме добавил <div id=foto >
<div id=foto >
<div class=agbartip id=t2>
<div class=agbard1><b>Портфолио</b></div>
<div class=agbard2><img src="images/ski.jpg" border=0> </div>
</div></div>
|
<a onmousemove="ts(event,'t2')" title="" onmouseout="tc('t2');" href="http://www.ski.vadimtur.com.ua" target=_blank><img src=images/ski1.jpg border=0></a>
|
файл js:
function auto_tag(tag_name)
{
if (window.attachEvent)
{
window.attachEvent("onload", function()
{
var el = document.getElementsByTagName(tag_name);
set_auto_tag(el);
});
}}
function set_auto_tag (el)
{
for (var i=0; i<el.length; i++)
{
if (el[i].target == '_blank')
{
el[i].className+=" onw";
}}}
isDOM=document.getElementById //DOM1 browser (MSIE 5+, Netscape 6, Opera 5+)
isMSIE=document.all && document.all.item //Microsoft Internet Explorer 4+
isNetscape4=document.layers //Netscape 4.*
isOpera=window.opera //Opera
isOpera5=isOpera && isDOM //Opera 5+
isMSIE5=isDOM && isMSIE && !isOpera //MSIE 5+
isMozilla=isNetscape6=isDOM && !isMSIE && !isOpera
var obj;
function getLayer(layerName, parentLayerName)
{
if(isDOM){ return document.getElementById(layerName);
}
if(isMSIE){ return document.all[layerName];
}
if(isNetscape4){ return eval('document.layers[layerName]');
}
return false;
}
function ts(e,what)
{
mousex = e.clientX;
mousey = e.clientY;
pagexoff = 0;
pageyoff = 0;
if(isMSIE5)
{
pagexoff = document.body.scrollLeft;
pageyoff = document.body.scrollTop;
}
else{
pagexoff = window.pageXOffset;
pageyoff = window.pageYOffset;
}
if(getLayer(what))
{
if(isNetscape4)
obj = getLayer(what);
else
obj = getLayer(what).style;
c_width = getLayer(what).offsetWidth;
oCanvas = document.getElementsByTagName(
(document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY")[0];
w_width = oCanvas.clientWidth ? oCanvas.clientWidth + oCanvas.scrollLeft : window.innerWidth + window.pageXOffset;
if(obj)
{
leftoff = mousex-pagexoff;
obj.left = (mousex+pagexoff);
if (mousex + pagexoff + c_width > w_width) obj.left = w_width - c_width + "px";
topoff = mousey-pageyoff;
if(isOpera && topoff <= 30)
obj.top = mousey + 20;
else
if( mousey <= 30)
obj.top = (mousey+pageyoff) + 20;
else
if (isOpera)
obj.top = mousey + 20;
else
obj.top = (mousey+pageyoff) + 20;
if(isNetscape4)
obj.visibility = 'show';
else
obj.visibility = 'visible';
}}
return true;
}
function tc()
{
if(obj){
if(isNetscape4)
obj.visibility = 'hide';
else
obj.visibility='hidden';
}
return true
}
var win = null;
function nwin(mypage,myname,w,h,scroll){LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;TopPosition = (screen.height) ? (screen.height-h)/2 : 0;settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
|
файл css:
#foto {POSITION: absolute;
TOP: -400px;
LEFT: 90px;
visibility : hidden;
z-index:1000;
}
.agbartip {POSITION: absolute;
TOP: -200px;
LEFT: 90px;
BORDER-RIGHT: #e2e0e0 1px solid;
BORDER-TOP: #e2e0e0 1px solid;
BORDER-LEFT: #e2e0e0 1px solid;
BORDER-BOTTOM: #e2e0e0 1px solid;
PADDING-TOP: 3px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-SIZE: 10px;
Z-INDEX: 555;
VISIBILITY: hidden;
COLOR: black;
FONT-FAMILY: verdana,sans-serif;
BACKGROUND-COLOR: #1d1f1f;
TEXT-ALIGN: left
}
.agbard1 {
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
BACKGROUND-COLOR: #556677;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
FONT-SIZE: 10px;
COLOR: black;
}
.agbard2 {
MARGIN-TOP: 20px;
MARGIN-LEFT: 20px;
MARGIN-RIGHT: 20px;
MARGIN-bottom: 20px;
FONT-SIZE: 10px;
COLOR: #ffffff
}
|
| |
| |
|
|
