.הארמה תא ריזחת הלופכ הציחלו םילעת תחא הצחל
 |
 |
|
|
DIV1הפ תויהל ךירצש המ לכ הנהו | |||
|
|
|
|
DIV 2הפ תויהל ךירצש המ לכ הנהו | |||
|
|
|
|
DIV3הפ תויהל ךירצש המ לכ הנהו | |||
|
|
|
|
DIV 4הפ תויהל ךירצש המ לכ הנהו | |||
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8">
<STYLE>.head2 {
FONT-WEIGHT: bold; FONT-SIZE: 14pt; FONT-FAMILY: verdana
}
.normal {
FONT-WEIGHT: normal; FONT-SIZE: 10pt; LEFT: 4px; FONT-FAMILY: verdana
}
.select {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: verdana
}
.div1 {
Z-INDEX: 4; LEFT: 200px; VISIBILITY: visible; WIDTH: 400px; COLOR: brown; POSITION: absolute; TOP: 120px; HEIGHT: 400px; BACKGROUND-COLOR: #cccccc
}
.div2 {
Z-INDEX: 3; LEFT: 200px; VISIBILITY: visible; WIDTH: 400px; COLOR: brown; POSITION: absolute; TOP: 120px; HEIGHT: 400px; BACKGROUND-COLOR: #eeeeee
}
.div3 {
Z-INDEX: 2; LEFT: 200px; VISIBILITY: visible; WIDTH: 400px; COLOR: brown; POSITION: absolute; TOP: 120px; HEIGHT: 400px; BACKGROUND-COLOR: #eeeeee
}
.div4 {
Z-INDEX: 1; LEFT: 200px; VISIBILITY: visible; WIDTH: 400px; COLOR: brown; POSITION: absolute; TOP: 120px; HEIGHT: 400px; BACKGROUND-COLOR: #eeeeee
}
</STYLE>
<SCRIPT language=javascript>
function div1(){
div1a.style.visibility="visible";
div2a.style.visibility="hidden";
div3a.style.visibility="hidden";
div4a.style.visibility="hidden";
}
function div2(){
div1a.style.visibility="hidden";
div2a.style.visibility="visible";
div3a.style.visibility="hidden";
div4a.style.visibility="hidden";
}
function div3(){
div1a.style.visibility="hidden";
div2a.style.visibility="hidden";
div3a.style.visibility="visible";
div4a.style.visibility="hidden";
}
function div4(){
div1a.style.visibility="hidden";
div2a.style.visibility="hidden";
div3a.style.visibility="hidden";
div4a.style.visibility="visible";
}
</SCRIPT>
<link rel="stylesheet" href="../../liora.css">
</head>
<body >
<table width="80%" border="1" cellspacing="2"
cellpadding="2" align="center" bgcolor="#ece8cf"
bordercolor="#666666" class="bord2">
<tr>
<td align="left"> </td>
<tr>
<td align="left">
<DIV class=div1 id=div1a>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD width=100 bgColor=#cccccc height=20><a href="javascript:div1()"><IMG
height=20 alt=""
src="tab.gif" width=100 border=0></a></TD>
<TD width=100 height=20><A href="javascript:div2()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div3()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div4()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
</TR>
<TR>
<TD vAlign=top align=middle width=400 bgColor=#999999 colSpan=4
height=380><H1>DIV1</H1>הפ תויהל ךירצש המ לכ הנהו</TD></TR></TBODY></TABLE></DIV>
<DIV class=div2 id=div2a>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD width=100 height=20><A href="javascript:div1()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 bgColor=#cccccc height=20><IMG height=20 alt=""
src="tab.gif" width=100 border=0></TD>
<TD width=100 height=20><A href="javascript:div3()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div4()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD></TR>
<TR>
<TD width=400 bgColor=#999999 colSpan=4 height=380>
<H1>DIV 2</H1>הפ תויהל ךירצש המ לכ הנהו</TD></TR></TBODY></TABLE></DIV>
<DIV class=div3 id=div3a>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD width=100 height=20><A href="javascript:div1()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div2()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 bgColor=#cccccc height=20><IMG height=20 alt=""
src="tab.gif" width=100 border=0></TD>
<TD width=100 height=20><A href="javascript:div4()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD></TR>
<TR>
<TD vAlign=top align=middle width=400 bgColor=#999999 colSpan=4
height=380><H1>DIV3</H1>הפ תויהל ךירצש המ לכ הנהו</TD></TR></TBODY></TABLE></DIV>
<DIV class=div4 id=div4a>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD width=100 height=20><A href="javascript:div1()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div2()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 height=20><A href="javascript:div3()"><IMG
height=20 alt=""
src="tablight.gif" width=100 border=0></A></TD>
<TD width=100 bgColor=#cccccc height=20><IMG height=20 alt=""
src="tab.gif" width=100 border=0></TD></TR>
<TR>
<TD width=400 bgColor=#999999 colSpan=4 height=380>
<H1>DIV 4</H1>הפ תויהל ךירצש המ לכ הנהו</TD></TR></TBODY></TABLE></DIV>
</td>
<tr>
<td align="left"> </td>
</table>
</body>
</html>