Database Reference
In-Depth Information
6.
Double-click the
HTML item
and add the following code to display Tab1 if you click
on the word Crosstab:
<span style=”font-weight: bold;cursor: hand;”
onclick=”javascript:document.all['Tab1'].style.visibility=
'visible';document.all['Tab2'].style.visibility='hidden';”>
Crosstab </span>
7.
Click
OK
to close the dialog box.
8.
Drag an
HTML item
into the second inner block (which is gray).
9.
Double-click the
HTML item
and add the following code to display Tab2 if you click
on the word Chart:
<span style=”font-weight: bold;cursor: hand;” onclick=
“javascript:document.all['Tab1'].style.visibility='hidden';
document.all['Tab2'].style.visibility='visible';”>Chart</span>
10.
Drag an
HTML item
below the fourth large inner block.
11.
Double-click the
HTML item
and add the following code to mark the end of Tab1 and
the start of Tab2:
</div><DIV ID=”Tab2”
STYLE=”visibility:hidden;position:absolute;
height:480px;width:800px;”>
12.
Drag an
HTML item
inside the first inner block of Tab2 (which is gray).
13.
Double-click the
HTML item
and add the following code to display Tab1 if you click
on the word Crosstab:
<span style=”font-weight: bold;cursor: hand;”
onclick=”javascript:document.all['Tab1'].style.visibility=
'visible';document.all['Tab2'].style.visibility='hidden';”>
Crosstab</span>
14.
Click
OK
to close the dialog box.
15.
Drag an
HTML item
into the second inner block of Tab2 (which is white).
16.
Double-click the
HTML item
and add the following code to display Tab2 if you click
on the word Chart:
<span style=”font-weight: bold;cursor: hand;” onclick=
“javascript:document.all['Tab1'].style.visibility='hidden';
document.all['Tab2'].style.visibility='visible';”>Chart</span>
17.
Drag an
HTML item
below the last large inner block.
18.
Double-click the
HTML item
and add the following code to mark the end of Tab2:
</div>
