|
ru.website
- RU.WEBSITE -------------------------------------------------------------------
From : Anton Babenko 2:461/1024.37 09 Oct 2000 20:06:32
To : Abrasha Shapirus
Subject : layers and js
--------------------------------------------------------------------------------
...Я подумал и ответил... не смог не вмешаться...
> намучился тут..
> подскажите, пожалуйста, как посредством javascript изменять свойства layer'а
> так, чтобы это работало и в ie, и в nn. а по возможности и в остальных
> броузерах :). в моем случае надо при наведении крысы на ссылку показывать
> layer, при убирании - скрывать. я делал так:
>
> <html>
> <head>
> <script language=javascript>
> function show()
> {
> document.layer1.style.visibility="visible";
> };
> function hide()
> {
> document.layer1.style.visibility="hidden";
> };
> </script>
> </head>
> <body>
> <div id=layer1
> style="position:absolute;top:250;left:250;height:100;width:100;visibility:hi
> dd e n"> <img src=img1.gif height=100 width=100> </div> <a href=#
> onmouseover="show()" onmouseout="hide()">the test link</a>
> </body> </html> это работает в нецкапе, но отказывается работать в ie. если
> же в функциях document.layer1.style.visibility заменить
> на layer1.style.visibility, то ситуация обратная. как быть?
Вот тебе примерчик... сам сегодня мучался и домучался :)
PS: Как в Corel'е сделать прозрачный gif... (offtopic, sorry :()
=== Cut ===
<P><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//3.2">
<HTML>
<HEAD>
<TITLE>Firma Intercom</TITLE>
<script language="JavaScript">
var iversion = -1;
var ImagesLoaded = 0;
var lav = 0;
var ipass = 0;
function version() {
if (iversion != -1) return iversion;
if(navigator.appName.indexOf("Netscape") != -1){
if (navigator.userAgent.indexOf("Mozilla/2.0") != -1)
iversion = 2;
else
if (navigator.userAgent.indexOf("Mozilla/3") != -1)
iversion = 3;
else
if (navigator.userAgent.indexOf("Mozilla/4") != -1){
iversion = 4;
lav = 1;
} else
iversion = 1;
} else { // Not netscape.
if(navigator.appName.indexOf("Internet Explorer") != -1){
if (navigator.userAgent.indexOf("Mozilla/4") != -1){
iversion = 4;
lav = 1;
} else
iversion = 1;
} else
iversion = 1;
}
return iversion;
}
function init() {
if (3<=version()) {
if(document.images) {
I01On=new Image();
I01Off=new Image();
I01On.src="img/firma_2.gif"
I01Off.src="img/firma_1.gif"
I02On=new Image();
I02Off=new Image();
I02On.src="img/2.gif"
I02Off.src="img/1.gif"
I03On=new Image();
I03Off=new Image();
I03On.src="img/2.gif"
I03Off.src="img/1.gif"
I04On=new Image();
I04Off=new Image();
I04On.src="img/2.gif"
I04Off.src="img/1.gif"
I05On=new Image();
I05Off=new Image();
I05On.src="img/2.gif"
I05Off.src="img/1.gif"
I06On=new Image();
I06Off=new Image();
I06On.src="img/2.gif"
I06Off.src="img/1.gif"
ImagesLoaded=1;
}
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="" ;
ipass = 1;
} else {
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style" ;
ipass = 1;
}
}
}
function showLayer(layerName) {
if (lav && ipass)
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName) {
if (lav && ipass)
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
function MouseOver(ImageName) {
if (3<=version()) {
if( ImagesLoaded== 0 ) return;
document[ImageName].src=eval(ImageName + "On.src");
}
}
function MouseOut(ImageName) {
if (3<=version()) {
if( ImagesLoaded== 0 ) return;
document[ImageName].src=eval(ImageName + "Off.src");
}
}
</script>
<style type="text/css">
#l01 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:55px; WIDTH: 800px; HEIGHT: 150px}
#l02 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:155px; WIDTH: 800px; HEIGHT: 45px}
#l03 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:155px; WIDTH: 800px; HEIGHT: 45px}
#l04 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:155px; WIDTH: 800px; HEIGHT: 45px}
#l05 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:155px; WIDTH: 800px; HEIGHT: 45px}
#l06 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: hidden; LEFT: 220px;
TOP:155px; WIDTH: 800px; HEIGHT: 45px}
</style>
</HEAD>
<body onload="init()" marginwidth=8 marginheight=8 leftmargin=8 topmargin=8
bgcolor="white">
<TABLE>
<TR>
<TD VALIGN="top">
<TABLE Width=100% CelLSpacing=0 CellPadding=5 Border=1 BorderColor=Black >
<TR>
<TD BGCOLOR="#336699"> <Font Face="Verdana,Arial" Size=-1 Color=White>
<center> <B>Нршш ёхЁтшёы</B></center>
</TD>
</TR>
<TR>
<TD>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I01');showLayer('l01');window.status='1'; return true"
onMouseOut="MouseOut('I01');hideLayer('l01');window.status=''; return true"><IMG
ALT="Нютюётш" SRC="img/firma_1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I01"></a><br>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I02');showLayer('l02');window.status='2'; return true"
onMouseOut="MouseOut('I02');hideLayer('l02');window.status=''; return true"><IMG
ALT="Уёыууш" SRC="img/1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I02"></a><br>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I03');showLayer('l03');window.status='3'; return true"
onMouseOut="MouseOut('I03');hideLayer('l03');window.status=''; return true"><IMG
ALT="О ъюьярэшш" SRC="img/1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I03"></a><br>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I04');showLayer('l04');window.status='4'; return true"
onMouseOut="MouseOut('I04');hideLayer('l04');window.status=''; return true"><IMG
ALT="РхёуЁёы ёхтш" SRC="img/1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I04"></a><br>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I05');showLayer('l05');window.status='5'; return true"
onMouseOut="MouseOut('I05');hideLayer('l05');window.status=''; return true"><IMG
ALT="Нршшь рсюэхэтрь" SRC="img/1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I05"></a><br>
<a href="http://www.cgi.ru"
onMouseOver="MouseOver('I06');showLayer('l06');window.status='6'; return true"
onMouseOut="MouseOut('I06');hideLayer('l06');window.status=''; return true"><IMG
ALT="Пюшёъ эр ёхЁтхЁх" SRC="img/1.gif" HEIGHT=20 WIDTH=100 BORDER="0" border="0"
name="I06"></a>
</TD>
</TR>
</TABLE>
</TD>
<TD VALIGN="top">
<TABLE Width=100% CelLSpacing=0 CellPadding=5 Border=1 BorderColor=Black >
<TR><TD BGCOLOR="#336699"><Font Face="Verdana,Arial" Size=-1 Color=White>
<center><B>КюьятьютхЁэых эютюётш</B></center>
</TD></TR>
</table>
</TD>
<!-- divs and maps -->
<div id="l01" BGCOLOR="#80FFFF">КюьяьютхЁэря фшЁьр
шэтхЁъюь</div>
<div id="l02">И чфхёь ьюцхт сыть ыюсющ трш тхъёт</div>
<div id="l03">Ну ш чфхёь ьюцхт сыть ыюсющ трш тхъёт</div>
<div id="l04">А тръцх чфхёь</div>
<div id="l05">Тут тюцх ьюцэю тхъёт тётртшть</div>
<div id="l06">И хётхёттхээю чфхёь</div>
<TD VALIGN="top">
<TABLE Width=100% CelLSpacing=0 CellPadding=5 Border=1 BorderColor=Black >
<TR><TD BGCOLOR="#336699"><B>ОяЁюё</b>
</TD></TR>
</table>
</td>
</TR>
</TABLE>
</BODY>
</HTML>
=== Cut ===
С уважением, BOB (Bob@sky.net.ua)
Игровой сервер TERMINATOR - HTTP://QUAKE.SKY.NET.UA
Игровые новости, обзоры, чат, форум, ссылки и другое. Ежедневное обновление.
--- [Team Halyava][Tornado-97] - ОДЮСШ-Yachting - {I love _Yachting_&_Surf_}
* Origin: Место клизмы изменить нельзя. (FidoNet 2:461/1024.37)
Вернуться к списку тем, сортированных по: возрастание даты уменьшение даты тема автор
| Тема: |
Автор: |
Дата: |
|
layers and js |
Abrasha Shapirus |
08 Oct 2000 15:38:03 |
 layers and js |
Anton Babenko |
09 Oct 2000 20:06:32 |
|
|
