Currently i have information being selected from an Oracle database and displayed to an HTML page with JavaScript presentation techniques. The code is like so....
<TABLE BORDER="0" WIDTH="100%" CELLPADDING="0" CELLSPACING="0" class="RegionNoBorder">
<TR><TD class="RegionHeaderColor" WIDTH="100%"><html>
<head>
<title>Untitled</title>
</head>
<body>
<form id="hiddenOracleForm">
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="RIGHT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="RIGHT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset1" value="information from the portal database"> </TD>
</TR>
</TABLE>
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="LEFT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="LEFT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset2" value="line 2 from the portal database"> </TD>
</TR>
</TABLE>
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="LEFT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="LEFT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset3" value="matthew lines 3"> </TD>
</TR>
</TABLE>
</form>
<!-- START OF SCRIPT -->
<HTML>
<HEAD>
<TITLE>4 Line Scroller</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080" ALINK="FF0000">
<head>
<script language="JavaScript">
<!-- begin
var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this=textlist.arguments;
}
var rs1 = document.forms['hiddenOracleForm'].recordset1.value;
var rs2 = document.forms['hiddenOracleForm'].recordset2.value;
var rs3 = document.forms['hiddenOracleForm'].recordset3.value;
tl=new textlist
(
rs1,rs2,rs3
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
if(x==max) x=0; l=tl[x].length; } else
setTimeout("textticker()",50);
}
// end -->
</script>
<head>
<body onLoad="textticker()" >
<center>
<form name="tickform"><input type=text name="tickfield" size=40></form>
</BODY>
</HTML>
In order to get the information from the database, i have to selected the data from a form called 'hiddenOracleForm', and a number of hidden elements. The information within this form is created dynamically and i have very little control over it.
If you cut and paste the code into a browser, you will see that i have tree blocks at the top of the page. This is because the data is outputted in the form of three tables, the elements are hidden, but the overall tables are not!
I have to wrap these three tables in this form, in order to populate the scolling text thing. Is there anyway of getting rid of these blocks at the top of the page, remembering i cannot mess with any of the elements within the hiddenOracleForm????
Thanks, Nunners
<TABLE BORDER="0" WIDTH="100%" CELLPADDING="0" CELLSPACING="0" class="RegionNoBorder">
<TR><TD class="RegionHeaderColor" WIDTH="100%"><html>
<head>
<title>Untitled</title>
</head>
<body>
<form id="hiddenOracleForm">
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="RIGHT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="RIGHT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset1" value="information from the portal database"> </TD>
</TR>
</TABLE>
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="LEFT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="LEFT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset2" value="line 2 from the portal database"> </TD>
</TR>
</TABLE>
<TABLE border="0" cellspacing=0 cellpadding=0>
<TR>
<TH ALIGN="LEFT" style="background-color:#C0C0A0"> </TH>
</TR>
<TR style="background-color: #E0E0D0">
<TD ALIGN="LEFT" valign="TOP" WIDTH="0"><input type = "hidden" name="recordset3" value="matthew lines 3"> </TD>
</TR>
</TABLE>
</form>
<!-- START OF SCRIPT -->
<HTML>
<HEAD>
<TITLE>4 Line Scroller</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080" ALINK="FF0000">
<head>
<script language="JavaScript">
<!-- begin
var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this=textlist.arguments;
}
var rs1 = document.forms['hiddenOracleForm'].recordset1.value;
var rs2 = document.forms['hiddenOracleForm'].recordset2.value;
var rs3 = document.forms['hiddenOracleForm'].recordset3.value;
tl=new textlist
(
rs1,rs2,rs3
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
if(x==max) x=0; l=tl[x].length; } else
setTimeout("textticker()",50);
}
// end -->
</script>
<head>
<body onLoad="textticker()" >
<center>
<form name="tickform"><input type=text name="tickfield" size=40></form>
</BODY>
</HTML>
In order to get the information from the database, i have to selected the data from a form called 'hiddenOracleForm', and a number of hidden elements. The information within this form is created dynamically and i have very little control over it.
If you cut and paste the code into a browser, you will see that i have tree blocks at the top of the page. This is because the data is outputted in the form of three tables, the elements are hidden, but the overall tables are not!
I have to wrap these three tables in this form, in order to populate the scolling text thing. Is there anyway of getting rid of these blocks at the top of the page, remembering i cannot mess with any of the elements within the hiddenOracleForm????
Thanks, Nunners
