Hi - I'm seeking someone who can look at some javascript slide show
code and alter it a bit to meet my needs.
I'd like to alter the following code so that text box size and
location can vary depending on the page in the slide show. (At
present, the size and the location of the box is the same on every
page).
Here is the code: (Note: I can send a zip file to someone who is
interested in working on this as well.
<html>
<head>
<title>How to Send Files Demo</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" href="../../styles/ClientVLC.css">
<script language="JavaScript"
src="../../javascript/ClientVlc.js"></script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="500" border="1" height="341" cellspacing="3">
<tr valign="top">
<td height="25" bgcolor="9999cc">
<table width="100%" border="0">
<tr>
<td width="41%" class="locator"><font color="#FFFFFF"
face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>
How to Send Files</b></font></td>
<td width="51%"> </td>
<td width="4%"> </td>
<td width="4%"> </td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td height="256" valign="top">
<table width="94%" border="0" align="center" height="171">
<tr>
<td colspan="5" width="654" height="145" valign="top">
<div align="center">
<!--webbot bot="HTMLMarkup" startspan -->
</div>
<table align="left" width="678" border="0">
<tr>
<td width="374" valign="top"> <img name="_Ath_Slide"
onload="OnImgLoad()" align="middle">
<script language="JavaScript1.2" event="onload"
for="window">
main();
</script>
<script language="JavaScript1.2">
g_fPlayMode = 0;
g_iimg = 0;
g_imax = 0;
g_ImageTable = new Array();
function ChangeImage(fFwd)
{
if (fFwd)
{
if (++g_iimg==g_imax)
g_iimg=0;
}
else
{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}
Update();
}
function Update(){
document.all._Ath_Slide.src = g_ImageTable[g_iimg][0];
document.all._Ath_FileName.innerHTML = g_ImageTable[g_iimg][1];
document.all._Ath_Img_X.innerHTML = g_iimg + 1;
document.all._Ath_Img_N.innerHTML = g_imax;
document.all.Layer1.scrollTop=0;
}
function Play()
{
g_fPlayMode = !g_fPlayMode;
if (g_fPlayMode)
{
btnPrev.disabled = btnNext.disabled = true;
Next();
}
else
{
btnPrev.disabled = btnNext.disabled = false;
}
}
function OnImgLoad()
{
if (g_fPlayMode)
window.setTimeout("Tick()", g_dwTimeOutSec*1000);
}
function Tick()
{
if (g_fPlayMode)
Next();
}
function Prev()
{
ChangeImage(false);
}
function Next()
{
ChangeImage(true);
}
function main()
{
Update();
}
////enter images and descriptions below/////////////////////////////
//configure the below images and description to your own.
g_ImageTable[g_imax++] = new Array ("homepage.gif", "<B>BEGINNING OF
DEMO:</B><br><br>This demo will take you through the process for
sending files to the eCommerce data center. <BR> <BR>");
g_ImageTable[g_imax++] = new Array ("filetransferselected.gif",
"<b>Access File Transfer</b><br><br>To begin the file submission
process you would access the Send option. <BR> <BR> The Send option is
available via the File Transfer tab or through the Send link on the
homepage. In this demonstration, the Send option is accessed via the
File Transfer tab.");
g_ImageTable[g_imax++] = new Array ("options.gif", "<b>File Transfer
Options</b><br><br>There are three options available from the File
Transfer tab: Send, Receive, and File Report. The system defaults to
select the Send option. You would switch options by clicking the
appropriate link. <BR><BR> This demo uses the Send option.");
g_ImageTable[g_imax++] = new Array ("claimstosend.gif", "<b>Files
Available for Submission</b><br><br>The Select Files screen
displays.<br><br>The Select Files screen shows a list of files
available for submission, the file type, the group, and the date and
time the file was produced in the practice management system. <BR><BR>
Files available for submission can include both electronic and paper
claims and, if contracted for this with IDX, statements. ");
g_ImageTable[g_imax++] = new Array ("claimstosend.gif", "<b>Review the
List of Files</b><br><br>It is a good practice to review the list of
files displayed and verify that all files that were generated in your
practice management system are listed. <BR><BR>If files generated are
not listed in the list of files available for submission, call IDX
eCommerce support.");
g_ImageTable[g_imax++] = new Array ("selectfiles.gif", "<b>Select
Files to Submit</b><br><br>Next, you would select the files to submit.
eCommerce defaults to automatically select all files displayed. You
can unselect files by clicking the checkbox next to the appropriate
file. <BR> <BR> For this demo, all files will be submitted.");
g_ImageTable[g_imax++] = new Array ("submit.gif", "<b>Submit
Files</b><br><br>The files are ready to be submitted. This would be
done by clicking the <b>Submit</b> button at the top of the screen.");
g_ImageTable[g_imax++] = new Array ("upload.gif", "<b>File Upload
Summary</b><br><br> eCommerce displays the File Upload Summary. The
summary lists the files submitted and also displays an upload status
message. <BR><BR>You should see a message of <I>File queued for
upload</I> or<I> File Uploaded OK</I>. If you see any other messages,
an error has occurred and you should contact IDX eCommerce support.
<br><br> After sending files, you should access File Report. File
Report will indicate dates and times for all the steps in the file
transfer process. A date listed in the Uploaded field indicates that
the eCommerce data center received the files you sent. Note: For more
information on File Report and the information it shows, please view
the <I>How to Use File Report</I> demonstration.<br><br><br><br><B>END
OF DEMO</B>");
//extend the above list as desired
g_dwTimeOutSec=2
////End configuration/////////////////////////////
window.onload=Play
</script>
</td>
</tr>
</table>
<div id="Layer1" style="position:absolute; width:257px;
height:234px; z-index:1; left: 510px; top: 240px; background-color:
#FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000;
overflow: auto; visibility: visible">
<table height="234" width="241" border="1"
cellpadding="1" cellspacing="1">
<tr>
<td height="198" valign="top">
<div align="left">
<p align="left"><font face="Verdana"><font
size="2" color="#000000">
<span
id="_Ath_FileName"></span></font></font></p>
<p align="left"> <font face="Verdana"><font
size="2" color="#000000">
<b>Page: </b><span id="_Ath_Img_X">2</span>
<strong>of</strong>
<span id="_Ath_Img_N">4</span></font></font>
</p>
</div>
</td>
</tr>
</table>
</div>
</table>
<div align="right" class="ScreenInstruction"></div>
<tr valign="top">
<td height="33" bgcolor="#FFFFFF">
<table width="100%" border="0" bordercolor="9999cc">
<tr bgcolor="#FFFFFF" bordercolor="#FFFFFF">
<td colspan="4" height="25">
<div align="right"><font face="Verdana, Arial, Helvetica,
sans-serif" size="2" color="#000000">Always
click the right arrow to move forward or the left arrow
to go back.</font></div>
</td>
</tr>
<tr>
<td width="86%" height="25" bgcolor="9999cc"><font
face="Verdana, Arial, Helvetica, sans-serif" size="1"
color="ffffff">Copyright
© 2001 IDX Systems Corporation. All rights
reserved.</font> </td>
<td width="5%" height="25" bgcolor="9999cc">
<div align="center"><a
href="HowtoSendFilesstepsummaryESD.htm" target="_blank"><img
src="stepsicon.gif" width="26" height="26" border="0"></a>
</div>
</td>
<td width="4%" height="25" bgcolor="9999cc">
<div align="center"><img name="image5" src="LeftBT.GIF"
width="12" height="12" alt="Previous" value="<< Previous"
onclick="Prev();"></div>
</td>
<td width="4%" height="25" bgcolor="9999cc">
<div align="center"><img name="RightArrow"
src="RightBT.GIF" width="12" height="12" border="0" alt="Next" value="
Next >> " onclick="Next();"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |
