Hjælp til og ændre HTML document.
Hej alleJeg har et html dokument jeg ønsker og ændre baggrundsfarven i nogle celler og farven på skrift typerne.
Dokumentet er et skama til en test rapport.
Når det vises på skærmen er der nogle blå baggrunds farver jeg vil ændre.(der er kun her det skal ændres)
Når det udskrives er det kun sort og hvidt og sådan skal det også være.
spørgsmål.
1.Hvor skal jeg ændre farve koden?
2.Hvor kan man finde oplysninger hvis man skal vælge en anden farve, hvilket farve nummer en given farve har.
3.Der er noget tekst der står med hvid skrift på blå baggrund. hvis jeg ændre den bål til hvid, hvordan/hvor skal jeg ændre denne tekst farve til sort. (hvad er farvenummeret for sort)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FIBER END-FACE INSPECTION REPORT</title>
<meta name=vs_defaultClientScript content="JavaScript">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<style>
.storeuserData {behavior:url(#default#userData);font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #666666;}
.copy {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #666666;}
.smallCopy {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color: #333333;}
a.copy:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 17px;color: #336699;text-decoration: none;}
a.copy:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 17px;color: #CC9900;text-decoration: none;}
a.copy:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;line-height: 17px;color: #663399;text-decoration: none;}
.Headline {font-family: Times New Roman, Times, serif;font-size: 20px;color: #003366;font-weight: normal;}
.Header {font-family: Arial, Helvetica, sans-serif;font-size: 50px;color: #003366;font-weight: normal;}
.supHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #003366;
font-weight: normal;
height: 10px;
}
.address {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 16px; color: #336699;}
a.copy:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;line-height: 16px;color: #336699;text-decoration: none;}
a.address:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;line-height: 16px;color: #CC9900;text-decoration: none;}
</style>
<script id=clientEventHandlersJS language=javascript>
<!--
function DisplayObjectProperties(objDisplay)
{
var sName = objDisplay + "";
for( prop in objDisplay )
document.write(sName + "." + prop + " = " + objDisplay[prop] + "<br>");
}
// inspection result object constructor
function resultObject(ProfileName,InspectionResult,Microscope,TimeStamp,FiberKind,FailuresSummary,PassesEpoxyRing,SerialNumber,LotNumber,IL,RL)
{
this.ProfileName = ProfileName;
this.InspectionResult = InspectionResult;
this.Microscope = Microscope;
this.TimeStamp = TimeStamp;
this.FiberKind = FiberKind;
this.FailuresSummary = FailuresSummary;
this.PassesEpoxyRing = PassesEpoxyRing;
this.SerialNumber = SerialNumber;
this.LotNumber = LotNumber;
this.IL = IL;
this.RL = RL;
}
// company information object constructor
function companyObject(Name,Location,Operator,ProductType,UserField1,UserField2)
{
this.Name = Name;
this.Location = Location;
this.Operator = Operator;
this.ProductType = ProductType;
this.UserField1;
this.UserField2;
}
// zone object constructor
function zoneObject(Name,Passes,PassesDirt,PassesChips,PassesScratches,PassesDefects,InnerDiameterUM,OuterDiameterUM,DirtParticleCount,DirtParticleAreaUM2,ChipParticleCount,ChipParticleAreaUM2,ScratchCount)
{
this.Name = Name;
this.Passes = Passes;
this.PassesDirt = PassesDirt;
this.PassesChips = PassesChips;
this.PassesScratches = PassesScratches;
this.PassesDefects = PassesDefects;
this.InnerDiameterUM = InnerDiameterUM;
this.OuterDiameterUM = OuterDiameterUM;
this.DirtParticleCount = DirtParticleCount;
this.DirtParticleAreaUM2 = DirtParticleAreaUM2;
this.ChipParticleCount = ChipParticleCount;
this.ChipParticleAreaUM2 = ChipParticleAreaUM2;
if ( ScratchCount )
this.ScratchCount = ScratchCount;
else
this.ScratchCount = 0;
}
// scratch object constructor
function scratchObject(Polarity,
MinRadiusUM,
MaxRadiusUM,
X1UM,
Y1UM,
X2UM,
Y2UM,
LengthUM,
Quality,
IntersectsCore,
Passes,
Zones)
{
this.Polarity = Polarity;
this.MinRadiusUM = MinRadiusUM;
this.MaxRadiusUM = MaxRadiusUM;
this.X1UM = X1UM;
this.Y1UM = Y1UM;
this.X2UM = X2UM;
this.Y2UM = Y2UM;
this.LengthUM = LengthUM;
this.Quality = Quality;
this.IntersectsCore = IntersectsCore;
this.Passes = Passes;
this.Zones = Zones;
}
// image information object constructor
function infoObject(XGlassPix,YGlassPix,HoleDiameterUM,UMPerPixel,CoreDiameterUM)
{
this.XGlassPix = XGlassPix;
this.YGlassPix = YGlassPix;
this.HoleDiameterUM = HoleDiameterUM;
this.UMPerPixel = UMPerPixel;
this.CoreDiameterUM = CoreDiameterUM;
this.HoleDiameterPix = HoleDiameterUM / UMPerPixel;
}
function powerMeterReadingObject(Reading, Wavelength, Frequency, Notes)
{
this.Reading = Reading;
this.Wavelength = Wavelength;
this.Frequency = Frequency;
this.Notes = Notes;
}
// particle object constructor
function particleObject(Kind,
MinRadiusUM,
MaxRadiusUM,
DiameterUM,
AreaUM2,
XCentroidUM,
YCentroidUM,
Contrast)
{
this.Kind = Kind;
this.MinRadiusUM = MinRadiusUM;
this.MaxRadiusUM = MaxRadiusUM;
this.DiameterUM = DiameterUM;
this.AreaUM2 = AreaUM2;
this.XCentroidUM = XCentroidUM;
this.YCentroidUM = YCentroidUM;
this.Contrast = Contrast;
}
function BoolToString(Passes)
{
if ( Passes=="true" )
return "PASS";
else
return "FAIL";
}
function OnClickLowMagOverlaysCheckbox()
{
if ( document.getElementById("LowMagOverlaysCheckbox").checked )
document.getElementById("LowMagImageView").ShowOverlays = 1;
else
document.getElementById("LowMagImageView").ShowOverlays = 0;
}
function OnClickHighMagOverlaysCheckbox()
{
if ( document.getElementById("HighMagOverlaysCheckbox").checked )
document.getElementById("HighMagImageView").ShowOverlays = 1;
else
document.getElementById("HighMagImageView").ShowOverlays = 0;
}
var sPath;// path to where files are located
function OnClickScratchViewCheckbox()
{
if ( document.getElementById("ScratchViewCheckbox").checked )
document.getElementById("HighMagImageView").PictureData = sHighMagScratchView;
else
document.getElementById("HighMagImageView").PictureData = sHighMagFile;
}
function GetTag(objParser,sTagName)
{
var sTag = "";
if ( objParser &&
objParser.getElementsByTagName(sTagName) &&
objParser.getElementsByTagName(sTagName)[0] &&
objParser.getElementsByTagName(sTagName)[0].childNodes &&
objParser.getElementsByTagName(sTagName)[0].childNodes[0] &&
objParser.getElementsByTagName(sTagName)[0].childNodes[0].nodeValue )
sTag = objParser.getElementsByTagName(sTagName)[0].childNodes[0].nodeValue;
return sTag;
}
function SetCookie(sName, sValue)
{
var objExpires = new Date();
objExpires.setTime( objExpires.getTime() + 365*24*60*60*1000 ); // cookie expires one year from now
var sExpires = objExpires.toGMTString();
document.cookie = sName + "=" + sValue + "; expires=" + sExpires;
}
function GetCookie(sName)
{
// cookies are separated by semicolons
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{
// a name/value pair (a crumb) is separated by an equal sign
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
// a cookie with the requested name does not exist
return null;
}
var sHighMagFile = "HIGH_MAG_BASE64";
var sLowMagFile = "LOW_MAG_BASE64";
var sHighMagScratchView = "HIGH_MAG_SCRATCH_BASE64";
var sXmlDataIsland = "XML_DATA_ISLAND";
function OnLoad()
{
if ( document.getElementById("HighMagImg")) document.getElementById("HighMagImg").src = "data:image/png;base64," + sHighMagScratchView;
if ( document.getElementById("LowMagImg")) document.getElementById("LowMagImg").src = "data:image/png;base64," + sLowMagFile;
// assign global path variable based on document location
var sLocation = new String( unescape(document.location) );
var iLastSlash = sLocation.lastIndexOf("/");
var iStart = 5; // skip over "file:"
if ( sLocation.indexOf("///") >= 0 )
iStart += 3; // skip over additional backslashes which are sometimes present
sPath = new String( sLocation.substr(iStart,iLastSlash - iStart + 1) );
// alert( sPath );
// check for running in a browser that doesn't support active x controls
var bHaveLowMagImageView = false;
if ( document.getElementById("LowMagImageView") &&
typeof(document.getElementById("LowMagImageView"))=="object" &&
typeof(document.getElementById("LowMagImageView").ShowOverlays)=="number")
bHaveLowMagImageView = true;
var bHaveHighMagImageView = false;
if ( document.getElementById("HighMagImageView") &&
typeof(document.getElementById("HighMagImageView"))=="object" &&
typeof(document.getElementById("HighMagImageView").ShowOverlays)=="number")
bHaveHighMagImageView = true;
// show checkboxes if they can be toggled
if ( bHaveLowMagImageView )
{
document.getElementById("LowMagOverlaysCheckboxForm").style.visibility = 'visible';
document.getElementById("LowMagImageView").PictureData = sLowMagFile;
OnClickLowMagOverlaysCheckbox(); // update overlays according to current state
}
if ( bHaveHighMagImageView )
{
document.getElementById("HighMagOverlaysCheckboxForm").style.visibility = 'visible';
document.getElementById("HighMagImageView").PictureData = sHighMagFile;
OnClickHighMagOverlaysCheckbox(); // update overlays according to current state
OnClickScratchViewCheckbox(); // display either scratch view or ordinary image
}
// determine if the last row should be deleted altogether
var bDeleteLastImagesTableRow = false;
if ( !(bHaveLowMagImageView || bHaveHighMagImageView) )
{
// don't have either image view
bDeleteLastImagesTableRow = true;
}
// first part: load objects from xml file...
// results of inspection
var objResult=null; // basic information about the inspection
var objCompany=null; // company information
var aZones=null; // array of inspection zones
var aScratches=null; // array of scratches
var objLowMagInfo=null; // information about the low magnification image
var objHighMagInfo=null; // information about the high magnification image
var objArchivingFormat=null;// information about the format of this archive
var objPowerMeterReading=null; // information about the powermeter reading
// uncomment the corresponding lines in the low mag and high mag sections to build these potentially large arrays...
var aLowMagParticles=null; // array of particles found on the low magnication image
var aHighMagParticles=null;// array of particles found on the high magnification image
var objParser;
if ( window.ActiveXObject )
{
// are running under Microsoft
objParser = new ActiveXObject("Microsoft.XMLDOM");
bLoad = objParser.loadXML(sXmlDataIsland);
}
else if ( document.implementation && document.implementation.createDocument )
{
// are running under Mozilla
var domParser = new DOMParser();
//document.write(document.getElementById("myisland").childNodes[0].text);
objParser = domParser.parseFromString(sXmlDataIsland, "text/xml");
bLoad = true;
}
if ( objParser )
{
// have an xml parser available
objParser.async = false;
if ( !bLoad )
{
// problems loading the xml file
if ( typeof(objParser.parseError)=="object" && objParser.parseError.errorCode != 0)
{
// an error occurred while running under internet explorer
alert("The " + sXmlFile + " file could not be loaded into the parser, sorry. \n\nError details:\n" +
"filepos: " + objParser.parseError.filepos + "\n" +
"line: " + objParser.parseError.line + "\n" +
"linepos: " + objParser.parseError.linepos + "\n" +
"reason: " + objParser.parseError.reason + // "\n" +
"srcText: " + objParser.parseError.srcText + "\n" +
"url: " + objParser.parseError.url);
}
else if ( typeof(objParser.documentElement)=="object" && objParser.documentElement.tagName=="parsererror" )
{
// an error occurred while running under mozilla
alert("The " + sXmlFile + " file could not be loaded into the parser, sorry. \n\nError details:\n" +
GetTag(objParser,"parsererror") );
}
else
{
// unable to pick up a specific error message
alert("The " + sXmlFile + " file could not be loaded into the parser, sorry.");
}
}
// inspection result
objResult = new resultObject(
GetTag(objParser,"ProfileName"),
GetTag(objParser,"InspectionResult"),
GetTag(objParser,"Microscope"),
GetTag(objParser,"TimeStamp"),
GetTag(objParser,"FiberKind"),
GetTag(objParser,"FailuresSummary"),
GetTag(objParser,"PassesEpoxyRing"),
GetTag(objParser,"SerialNumber"),
GetTag(objParser,"LotNumber"),
GetTag(objParser,"IL"),
GetTag(objParser,"RL")
);
// company information
objCompany = new companyObject(
GetTag(objParser,"CompanyName"),
GetTag(objParser,"Location"),
GetTag(objParser,"Operator"),
GetTag(objParser,"ProductType"),
GetTag(objParser,"FiberKind"),
GetTag(objParser,"UserField1"),
GetTag(objParser,"UserField2")
);
var objPower = objParser.getElementsByTagName("PowerMeterReading");
// if(objPower && objPower.length > 0)
// {
// objPowerMeterReading = new powerMeterReadingObject(
// GetTag(objPower[0], "Reading"),
// GetTag(objPower[0], "Wavelength"),
// GetTag(objPower[0], "Frequency"),
// GetTag(objPower[0], "Notes")
// );
// var objPowerMeterTable = document.getElementById("PowerMeterTable");
// // stuff PowerMeterTable
// objPowerMeterTable.rows[3].cells[0].innerHTML = objPowerMeterReading.Reading;
// objPowerMeterTable.rows[3].cells[1].innerHTML = objPowerMeterReading.Wavelength;
// objPowerMeterTable.rows[3].cells[2].innerHTML = objPowerMeterReading.Frequency;
// objPowerMeterTable.rows[3].cells[3].innerHTML = objPowerMeterReading.Notes;
// }
// else
// {
document.getElementById("PowerMeterTable").style.display = 'none';
// }
// zones array
var objZones = objParser.getElementsByTagName("InspectionZone");
var iZonesLength = 0;
if ( objZones && objZones.length )
iZonesLength = objZones.length;
aZones = new Array( iZonesLength );
var nZone;
for(nZone=0; nZone < aZones.length; nZone++)
{
var objZone = objZones[nZone];
aZones[nZone] = new zoneObject(
objZone.getAttribute("ZoneName"),
GetTag(objZone,"Passes"),
GetTag(objZone,"PassesDirt"),
GetTag(objZone,"PassesChips"),
GetTag(objZone,"PassesScratches"),
GetTag(objZone,"PassesDefects"),
GetTag(objZone,"InnerDiameterUM"),
GetTag(objZone,"OuterDiameterUM"),
GetTag(objZone,"DirtParticleCount"),
GetTag(objZone,"DirtParticleAreaUM2"),
GetTag(objZone,"ChipParticleCount"),
GetTag(objZone,"ChipParticleAreaUM2"),
GetTag(objZone,"ScratchCount")
);
}
// scratches array
var objScratches = objParser.getElementsByTagName("Scratch");
var iScratchesLength = 0;
if ( objScratches && objScratches.length )
iScratchesLength = objScratches.length;
aScratches = new Array( iScratchesLength );
var nScratch;
for(nScratch=0; nScratch < aScratches.length; nScratch++)
{
var objScratch = objScratches[nScratch];
aScratches[nScratch] = new scratchObject(
objScratch.getAttribute("Polarity"),
GetTag(objScratch,"MinRadiusUM"),
GetTag(objScratch,"MaxRadiusUM"),
GetTag(objScratch,"X1UM"),
GetTag(objScratch,"Y1UM"),
GetTag(objScratch,"X2UM"),
GetTag(objScratch,"Y2UM"),
GetTag(objScratch,"LengthUM"),
GetTag(objScratch,"Quality"),
GetTag(objScratch,"IntersectsCore"),
GetTag(objScratch,"Passes"),
GetTag(objScratch,"Zones")
);
}
// low magnification image
var objRawResults = objParser.getElementsByTagName("RawInspectionResult");
var iRawResultsLength = 0;
if ( objRawResults && objRawResults.length )
iRawResultsLength = objRawResults.length;
var nRawResult;
for(nRawResult=0; nRawResult < iRawResultsLength; nRawResult++)
{
var objRawResult = objRawResults[nRawResult];
if ( objRawResult.getAttribute("Magnification")=="Low" )
{
// got low mag
objLowMagInfo = new infoObject(GetTag(objRawResult,"XGlassPix"),
GetTag(objRawResult,"YGlassPix"),
GetTag(objRawResult,"HoleDiameterUM"),
GetTag(objRawResult,"UMPerPixel"),
GetTag(objRawResult,"CoreDiameterUM")
);
// read low mag particles...
// var objLowMagParticles = objRawResult.getElementsByTagName("Particle");
// var iLowMagParticlesLength = 0;
// if ( objLowMagParticles && objLowMagParticles.length )
// iLowMagParticlesLength = objLowMagParticles.length;
// aLowMagParticles = new Array( iLowMagParticlesLength );
// var nParticles;
// for(nParticle=0; nParticle < aLowMagParticles.length; nParticle++)
// {
// var objParticle = objLowMagParticles[nParticle];
// aLowMagParticles[nParticle] = new particleObject(
// objParticle.getAttribute("Kind"),
// GetTag(objParticle,"MinRadiusUM"),
// GetTag(objParticle,"MaxRadiusUM"),
// GetTag(objParticle,"DiameterUM"),
// GetTag(objParticle,"AreaUM2"),
// GetTag(objParticle,"X2UM"),
// GetTag(objParticle,"Y2UM"),
// GetTag(objParticle,"XCentroidUM"),
// GetTag(objParticle,"YCentroidUM"),
// GetTag(objParticle,"Contrast")
// );
// }
}
else if ( objRawResult.getAttribute("Magnification")=="High" )
{
// got high mag
objHighMagInfo = new infoObject(GetTag(objRawResult,"XGlassPix"),
GetTag(objRawResult,"YGlassPix"),
GetTag(objRawResult,"HoleDiameterUM"),
GetTag(objRawResult,"UMPerPixel"),
GetTag(objRawResult,"CoreDiameterUM")
);
// read high mag particles...
// var objHighMagParticles = objRawResult.getElementsByTagName("Particle");
// var iHighMagParticlesLength = 0;
// if ( objHighMagParticles && objHighMagParticles.length )
// iHighMagParticlesLength = objHighMagParticles.length;
// aHighMagParticles = new Array( iHighMagParticlesLength );
// var nParticles;
// for(nParticle=0; nParticle < aHighMagParticles.length; nParticle++)
// {
// var objParticle = objHighMagParticles[nParticle];
// aHighMagParticles[nParticle] = new particleObject(
// objParticle.getAttribute("Kind"),
// GetTag(objParticle,"MinRadiusUM"),
// GetTag(objParticle,"MaxRadiusUM"),
// GetTag(objParticle,"DiameterUM"),
// GetTag(objParticle,"AreaUM2"),
// GetTag(objParticle,"X2UM"),
// GetTag(objParticle,"Y2UM"),
// GetTag(objParticle,"XCentroidUM"),
// GetTag(objParticle,"YCentroidUM"),
// GetTag(objParticle,"Contrast")
// );
// }
}
}
// format of this archive
objArchivingFormat = GetTag(objParser,"ArchivingFormat");
} // end have an xml parser available
// second part: display objects on the page...
if ( bHaveHighMagImageView &&
(objResult.FiberKind=="Lens Element" || objResult.FiberKind=="Ball Lens" || objResult.FiberKind=="Flat Lens") )
{
// have a high mag image view, are displaying a lens image (no scratch view image is available)
document.getElementById("ScratchViewCheckbox").checked = false; // display
OnClickScratchViewCheckbox(); // ordinary image
OnClickHighMagOverlaysCheckbox(); // update overlays according to current state
}
// If no scratch view available at all then hide the scratch view checkbox
if(sHighMagScratchView == "")
{
document.getElementById("ScratchViewCheckbox").style.display = 'none';
document.getElementById("ScratchViewCheckBoxText").style.display = 'none';
document.getElementById("ScratchViewCheckbox").checked = false; // display
}
if ( objCompany )
{
// company information object exists
document.getElementById("CompanyName").innerHTML = objCompany.Name;
var sOperatorAndProductType = objCompany.Operator;
if ( objCompany.ProductType )
sOperatorAndProductType += " , " + objCompany.ProductType;
document.getElementById("OperatorAndProductType").innerHTML = sOperatorAndProductType;
}
if ( objCompany && objResult )
{
// company and result objects exists
var sCompanyLocation = new String( objCompany.Location );
if ( sCompanyLocation.length > 0 )
sCompanyLocation += " , "; // have a company location
var sLocationAndDateTime = sCompanyLocation + objResult.TimeStamp;
document.getElementById("LocationAndDateTime").innerHTML = sLocationAndDateTime;
}
document.getElementById("PassFail").innerHTML = ""; // reset overall pass fail result
if ( objResult )
{
// result object exists
// serial number
var sSerialNumber = ' ';
if ( objResult.SerialNumber )
sSerialNumber = objResult.SerialNumber;
document.getElementById("SerialNumber").innerHTML = sSerialNumber;
// lot number
var sLotNumber = ' ';
if ( objResult.LotNumber )
sLotNumber = objResult.LotNumber;
document.getElementById("LotNumber").innerHTML = sLotNumber;
// il
var sIL = ' ';
if ( objResult.IL )
sIL = objResult.IL;
document.getElementById("IL").innerHTML = sIL;
// rl
var sRL = ' ';
if ( objResult.RL )
sRL = objResult.RL;
document.getElementById("RL").innerHTML = sRL;
// profile
var sProfileName = ' ';
if ( objResult.ProfileName )
sProfileName = objResult.ProfileName;
document.getElementById("ProfileName").innerHTML = sProfileName;
if ( objResult.InspectionResult=="PASS" )
{
document.getElementById("PassFail").innerHTML = "**PASS**";
// prefer the original shade of green
// document.getElementById("PassFail").color = 'green';
}
else if ( objResult.InspectionResult=="FAIL" )
{
document.getElementById("PassFail").innerHTML = "**FAIL**";
document.getElementById("PassFail").color = 'red';
}
else
{
// problems loading the inspection result from the .xml file
document.getElementById("PassFail").innerHTML = "InspectionResult: na";
document.getElementById("PassFail").color = 'gray';
document.getElementById("PassFail").size = 3;
document.getElementById("PassFail").style.fontStyle = 'italic';
}
if ( objResult.PassesEpoxyRing )
document.getElementById("EpoxyGap").innerHTML = BoolToString(objResult.PassesEpoxyRing);
document.getElementById("FiberType").innerHTML = objResult.FiberKind;
}
if ( objLowMagInfo )
{
// have low magnification image information
document.getElementById("CoreSize").innerHTML = objLowMagInfo.CoreDiameterUM;
}
else if ( objHighMagInfo )
{
// have high magnification image information
document.getElementById("CoreSize").innerHTML = objHighMagInfo.CoreDiameterUM;
}
if ( aZones )
{
// inspection zones array exists
var objZonesTable = document.getElementById("ZonesTable");
var iTableRows = objZonesTable.rows.length - 4;
var iNumberOfZones = aZones.length;
var iMaxStuffRows = Math.min(iTableRows,iNumberOfZones);
// stuff ZonesTable
var nZone;
for(nZone=0; nZone < iMaxStuffRows; nZone++)
{
var objRow = objZonesTable.rows[3+nZone];
objRow.cells[0].innerHTML = aZones[nZone].Name;
objRow.cells[1].innerHTML = aZones[nZone].InnerDiameterUM;
objRow.cells[2].innerHTML = aZones[nZone].OuterDiameterUM;
objRow.cells[3].innerHTML = BoolToString(aZones[nZone].PassesDirt);
objRow.cells[4].innerHTML = aZones[nZone].DirtParticleCount;
objRow.cells[5].innerHTML = aZones[nZone].DirtParticleAreaUM2;
objRow.cells[6].innerHTML = BoolToString(aZones[nZone].PassesScratches);
objRow.cells[7].innerHTML = aZones[nZone].ScratchCount;
objRow.cells[8].innerHTML = BoolToString(aZones[nZone].PassesChips);
}
// append new rows to ZonesTable as necessary
var objFirstRow = objZonesTable.rows[3];
for(; nZone < iNumberOfZones; nZone++)
{
var objRow = objZonesTable.insertRow(3+nZone);
objRow.insertCell(0).innerHTML = aZones[nZone].Name;
objRow.insertCell(1).innerHTML = aZones[nZone].InnerDiameterUM;
objRow.insertCell(2).innerHTML = aZones[nZone].OuterDiameterUM;
objRow.insertCell(3).innerHTML = BoolToString(aZones[nZone].PassesDirt);
objRow.insertCell(4).innerHTML = aZones[nZone].DirtParticleCount;
objRow.insertCell(5).innerHTML = aZones[nZone].DirtParticleAreaUM2;
objRow.insertCell(6).innerHTML = BoolToString(aZones[nZone].PassesScratches);
objRow.insertCell(7).innerHTML = aZones[nZone].ScratchCount;
objRow.insertCell(8).innerHTML = BoolToString(aZones[nZone].PassesChips);
// mimic style of built-in rows
var nCell;
for(nCell=0; nCell < objRow.cells.length;nCell++)
{
var objCell = objRow.cells[nCell];
var objCopyCell = objFirstRow.cells[nCell];
objCell.width = objCopyCell.width;
objCell.style.textAlign = objCopyCell.style.textAlign;
objCell.style.verticalAlign = objCopyCell.style.verticalAlign;
}
}
}
// display particle counts if computed
if ( aLowMagParticles )
alert( "Low Mag particle count: " + aLowMagParticles.length );
if ( aHighMagParticles )
alert( "High Mag particle count: " + aHighMagParticles.length );
// if ( document.getElementById("LowMagImageView") &&
// typeof( document.getElementById("LowMagImageView") )=="object" &&
// document.getElementById("LowMagImageView").Picture &&
// typeof( document.getElementById("LowMagImageView").Picture )=="object" &&
// objLowMagInfo &&
// objHighMagInfo )
// {
//// are displaying the low magnification image in an ImageView, have placement information about the image
//
//// fix up the zoom...
// var objPicture = document.getElementById("LowMagImageView").Picture;
// objPicture.ZoomCenterX = objLowMagInfo.XGlassPix;
// objPicture.ZoomCenterY = objLowMagInfo.YGlassPix;
// var dZoomFactor = objHighMagInfo.HoleDiameterPix / objLowMagInfo.HoleDiameterPix;
// objPicture.ZoomFactor = dZoomFactor;
// document.getElementById("LowMagImageView").Refresh();
// }
if ( objArchivingFormat && objArchivingFormat==1 )
{
// this html file is going to be converted into a pdf archive
// don't bother showing the last row if are in a pdf file
bDeleteLastImagesTableRow = true;
}
if ( bDeleteLastImagesTableRow )
{
// delete the last row if requested
var objImagesTable = document.getElementById("ImagesTable");
objImagesTable.deleteRow(2);
}
}
function OnUnload()
{
// alert("OnUnload");
}
function OnError()
{
alert("An error occurred, sorry");
}
// wrap OnLoad in try/catch/finally block
function OnLoadTC()
{
try
{
OnLoad();
}
catch(e)
{
var sError = "\"" + e.message + "\"";
alert("An exception occurred in OnLoad ( " + sError + " ), sorry");
}
finally
{
}
}
// wrap OnUnload in try/catch/finally block
function OnUnloadTC()
{
try
{
OnUnload();
}
catch(e)
{
var sError = "\"" + e.message + "\"";
alert("An exception occurred in OnUnload ( " + sError + " ), sorry");
}
finally
{
}
}
-->
</script>
</head>
<body language=javascript onload="return OnLoadTC()" onunload="return OnUnload()" onerror="return OnError()">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000080" height="153" style="border-width: 0px">
<tr>
<td valign="top" colspan="3" height="55" style="border-style: none; border-width: medium">
<p align="center"><font face="Arial Black" size="5" color="#FFFFFF"><b>
VISUAL INSPECTION SUMMARY REPORT</b></font></td>
</tr>
<tr>
<td width="45" valign="top" style="border-style: none; border-width: medium">
</td>
<td width="560" valign="top" style="border-style: none; border-width: medium">
<p style="margin-bottom: 10px"><b>
<font id="CompanyName" face="Arial" size="6" color="#FFFFFF">
</font></b></p>
<p style="margin-top: 0; margin-bottom: 0">
<font id="LocationAndDateTime" face="Arial" color="#FFFFFF" size="2">[Location], [date/time] </font>
</p>
<p style="margin-top: 0; margin-bottom: 0">
<font id="OperatorAndProductType" face="Arial" color="#FFFFFF" size="2">[Operator], [Product Type]</font>
</td>
<td valign="top" width="240" style="border-style: none; border-width: medium">
<p style="margin-top: 0; margin-bottom: 10px"><b>
<font face="Arial" size="6" color="#FFFFFF">FiberChek2</font><sup><font face="Arial" color="#FFFFFF">TM</font></sup></b></p>
<p style="margin-top: 0; margin-bottom: 0">
<span class="address">
<font color="#FFFFFF">© 2008 Westover Scientific, Inc.<br>
</font><u>
<a href="http://www.westoverfiber.com" class="address">
<font color="#FFFFFF">http://www.westoverfiber.com</font></a></u></span></td>
</tr>
</table>
<table border="1" cellspacing="0" bordercolor="#003366" id="FiberTable" width="100%">
<tr>
<td style="vertical-align: middle" width="831" height="29" colspan="3" bgcolor="#0000FF">
<b><font face="Arial" size="3" color="#FFFFFF">Inspection Result / Fiber
Name:</font></b></td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">File Name: </font>
</td>
<td style="font-weight: bold; vertical-align: middle; width: 565px;"> FILE_NAME </td>
<td style="vertical-align: middle" width="379" rowspan="6" align="center">
<b><font id="PassFail" color="#00FF00" size="7">[**PASS**]</font></b><br>
</td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">Serial Number:</font>
</td>
<td id="SerialNumber" style="vertical-align: middle; width: 565px;"> </td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">Lot Number:</font>
</td>
<td id="LotNumber" style="vertical-align: middle; width: 565px;"> </td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">IL:</font>
</td>
<td id="IL" style="vertical-align: middle; width: 565px;"> </td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">RL:</font>
</td>
<td id="RL" style="vertical-align: middle; width: 565px;"> </td>
</tr>
<tr>
<td style="vertical-align: middle; width: 173px;">
<font face="Arial" size="2">Profile:</font>
</td>
<td id="ProfileName" style="vertical-align: middle; width: 565px;"> </td>
</tr>
</table>
<table border="1" cellpadding="5" cellspacing="0" bordercolor="#000080" class="copy" id="ZonesTable" style="text-align: left; font-family:Arial; font-size:10pt" width="100%" height="222">
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; " height="29" colspan="9">
<font size="3" color="#FFFFFF"><b>Inspection Summary:</b></font></td>
</tr>
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; width: 113px;" rowspan="2">
<font color="#FFFFFF"><b>Zone Name</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" colspan="2">
<b><font color="#FFFFFF">Diameter (µ)</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="268" colspan="3">
<font color="#FFFFFF"><b>Contamination</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="168" colspan="2">
<font color="#FFFFFF"><b>Scratches</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="102">
<font color="#FFFFFF"><b>Pit / Chip</b></font></td>
</tr>
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="73">
<b><font color="#FFFFFF">Inner</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="68">
<b><font color="#FFFFFF">Outer</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; width: 103px;">
<b><font color="#FFFFFF">Result</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="83">
<b><font color="#FFFFFF">Count</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="83">
<b><font color="#FFFFFF">Area (µ<sup>2</sup>)</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; width: 108px;">
<font color="#FFFFFF"><b>Result</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="78">
<font color="#FFFFFF"><b>Count</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center" width="102">
<b><font color="#FFFFFF">Result</font></b></td>
</tr>
<tr>
<td style="vertical-align: middle; text-align:center; width: 113px;">
</td>
<td style="vertical-align: middle; text-align:center" width="73">
</td>
<td style="vertical-align: middle; text-align:center" width="68">
</td>
<td style="vertical-align: middle; text-align:center; width: 103px;">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center; width: 108px;">
</td>
<td style="vertical-align: middle; text-align:center" width="78">
</td>
<td style="vertical-align: middle; text-align:center" width="102">
</td>
</tr>
<tr>
<td style="vertical-align: middle; text-align:center; width: 113px;">
</td>
<td style="vertical-align: middle; text-align:center" width="73">
</td>
<td style="vertical-align: middle; text-align:center" width="68">
</td>
<td style="vertical-align: middle; text-align:center; width: 103px;">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center; width: 108px;">
</td>
<td style="vertical-align: middle; text-align:center" width="78">
</td>
<td style="vertical-align: middle; text-align:center" width="102">
</td>
</tr>
<tr>
<td style="vertical-align: middle; text-align:center; width: 113px;">
</td>
<td style="vertical-align: middle; text-align:center" width="73">
</td>
<td style="vertical-align: middle; text-align:center" width="68">
</td>
<td style="vertical-align: middle; text-align:center; width: 103px;">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center; width: 108px;">
</td>
<td style="vertical-align: middle; text-align:center" width="78">
</td>
<td style="vertical-align: middle; text-align:center" width="102">
</td>
</tr>
<tr>
<td style="vertical-align: middle; text-align:center; width: 113px;">
</td>
<td style="vertical-align: middle; text-align:center" width="73">
</td>
<td style="vertical-align: middle; text-align:center" width="68">
</td>
<td style="vertical-align: middle; text-align:center; width: 103px;">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center" width="83">
</td>
<td style="vertical-align: middle; text-align:center; width: 108px;">
</td>
<td style="vertical-align: middle; text-align:center" width="78">
</td>
<td style="vertical-align: middle; text-align:center" width="102">
</td>
</tr>
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; width: 113px;">
<font color="#FFFFFF"><b>Epoxy Gap:</b></font></td>
<td id="EpoxyGap" style="vertical-align: middle; text-align:center" width="141" colspan="2">
</td>
<td bgcolor="#0000FF" style="vertical-align: middle; width: 103px;">
<font color="#FFFFFF"><b>Fiber Type:</b></font></td>
<td id="FiberType" style="vertical-align: middle; " width="166" colspan="2">
</td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; width: 108px;">
<p style="text-align: left"><font color="#FFFFFF"><b>Core Size:</b></font></td>
<td id="CoreSize" style="vertical-align: middle; text-align:center" width="180" colspan="2">
</td>
</tr>
<tfoot>
</tfoot>
</table>
<table border="1" cellpadding="5" cellspacing="0" bordercolor="#000080" class="copy" id="PowerMeterTable" style="text-align: left; font-family:Arial; font-size:10pt" width="100%" height="100">
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; " height="29" colspan="9">
<font size="3" color="#FFFFFF"><b>Power Meter Summary:</b></font></td>
</tr>
<tr>
<td bgcolor="#0000FF" style="vertical-align: middle; width: 81px; height: 46px;" colspan="1">
<font color="#FFFFFF"><b>Reading(dBm)</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; width: 14px; height: 46px;" colspan="1">
<b><font color="#FFFFFF">Wavelength</font></b></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; width: 50px; height: 46px;" colspan="1">
<font color="#FFFFFF"><b>Frequency</b></font></td>
<td bgcolor="#0000FF" style="vertical-align: middle; text-align:center; height: 46px; width: 533px;" colspan="1">
<font color="#FFFFFF"><b>Notes</b></font></td>
</tr>
<tr>
<tr>
<td style="vertical-align: middle; text-align:left; height: 35px; width: 81px;">
</td>
<td style="vertical-align: middle; text-align:left; height: 35px; width: 14px;">
</td>
<td style="vertical-align: middle; text-align:left; height: 35px; width: 50px;">
</td>
<td style="vertical-align: middle; text-align:left; height: 35px; width: 533px;">
</td>
</tr>
<tfoot>
</tfoot>
</table>
<!-- images table - display low and high magnification images -->
<table border="1" cellpadding="5" cellspacing="0" class="copy" id=ImagesTable style="width: 100%; text-align: left" bordercolor="#000080">
<tbody>
<!-- top row displays titles -->
<tr>
<td style="vertical-align: top; text-align: center" width="50%" bgcolor="#0000FF">
<span class="Headline"><font face="Arial" size="3" color="#FFFFFF"><b>Low Magnification</b></font></span><b><font face="Arial" size="3" color="#FFFFFF">
</font></b>
</td>
<td style="vertical-align: top; text-align: center" bgcolor="#0000FF">
<span class="Headline"><font face="Arial" size="3" color="#FFFFFF"><b>High Magnification</b></font></span><b><font face="Arial" size="3" color="#FFFFFF">
</font></b>
</td>
</tr>
<!-- second row displays low and high mag images -->
<tr>
<td style="vertical-align: top; text-align: center">
<object id=LowMagImageView height=240 width=320 classid=clsid:C35E3781-66F8-4DEE-B487-451882355339 noexternaldata="true" VIEWASTEXT>
<param name="_cx" value="6773">
<param name="_cy" value="5080">
<param name="Enabled" value="-1">
<param name="Appearance" value="0">
<param name="BackColor" value="16777215">
<param name="BorderStyle" value="1">
<param name="ShowStatusBar" value="0">
<param name="PictureFilename" value="">
<param name="ShowOverlays" value="1">
<!-- problems displaying low mag image in an ImageView ActiveX control, drop down to ordinary image display -->
<img id="LowMagImg" alt="low magnification image" width=320 height=240 src=""> </img>
</object><br><br>
</td>
<td style="vertical-align: top; text-align: center">
<object id=HighMagImageView height=240 width=320 classid=clsid:C35E3781-66F8-4DEE-B487-451882355339 noexternaldata="true" VIEWASTEXT>
<param name="_cy" VALUE="6350">
<param name="Enabled" VALUE="-1">
<param name="Appearance" VALUE="0">
<param name="BackColor" VALUE="16777215">
<param name="BorderStyle" VALUE="1">
<param name="ShowStatusBar" VALUE="0">
<param name="PictureFilename" VALUE="">
<param name="ShowOverlays" VALUE="1">
<!-- problems displaying high mag image in an ImageView ActiveX control, drop down to ordinary image display -->
<img id="HighMagImg" alt="high magnification image" width=320 height=240 src=""></img>
</object><br><br>
</td>
</tr>
<!-- third row display checkboxes -->
<tr>
<td style="vertical-align: top; text-align: center">
<form id=LowMagOverlaysCheckboxForm style="visibility: hidden">
<input type="checkbox" id="LowMagOverlaysCheckbox" checked onclick="return OnClickLowMagOverlaysCheckbox()"><label for="LowMagOverlaysCheckbox"> Show Overlays</label>
</form>
</td>
<td style="vertical-align: top; text-align: center">
<form id=HighMagOverlaysCheckboxForm style="visibility: hidden">
<input type="checkbox" id="HighMagOverlaysCheckbox" checked onclick="return OnClickHighMagOverlaysCheckbox()"><label for="HighMagOverlaysCheckbox"> Show Overlays</label>
<input type="checkbox" id="ScratchViewCheckbox" checked onclick="return OnClickScratchViewCheckbox()"><label for="ScratchViewCheckbox"> Scratch View </label>
</form>
</td>
</tr>
</tbody>
</table>
<!-- try and work around ie7 problems -->
<script Language="VBScript" src="iefix.vbs"> </script>
</body>
</html>
MVH
Petert
