Load HTML file to IFrame
<source lang="html4strict">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLe>Demo of DHTML Grid V 0.92</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Author" content="Charles Dickens">
<STYLE type="text/css">
A:link {color:#FFFFFF; font-weight: normal; text-decoration: none;}
A:visited {color:#FFFFFF; font-weight: normal; text-decoration: none;}
A:active {color:#FFFFFF; font-weight: normal; text-decoration: none;}
A:hover {color:#FFFFFF; font-weight: normal; text-decoration:underline;}
BODY {bottom-Margin:0px; background-color:#003399; left-Margin:20px;
top-Margin:0px; right-Margin:0px; color:#FFFFFF}
TD {font-family: "Verdana, Arial"; font-size: 12px;}
.bigheader {font-family: "Verdana, Arial"; font-size: 28px; font-weight: bold}
.mnuheader {font-family: "Verdana, Arial"; font-size: 16px;}
.inputBox { border-style: solid; border-width: 1px; font-family: verdana, arial,
sans-serif; font-size: 9px; padding: 0px; color:black; backgroundcolor: #FFFFEE}
</STYLE>
</HEAD>
<BODY>
|
|
|
¤
This is the test area for ver 0.92 which will be released soon.
For the latest stable release click on the download link above.
¤
|
|
<IFRAME id="frmGrid1" name="frmGrid1" scrolling="auto" frameborder="0" src="4colGrid.htm" width="601" height="150"></IFRAME>
Col 1 Col 2 Col 3 Col 4
<FORM>
<INPUT id="Col1" style="FONT-SIZE: 8pt; LEFT: 0px; WIDTH: 102px; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana, Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" type="text" maxLength="6" name="Col1">
<INPUT id="Col2" style="FONT-SIZE: 8pt; LEFT: 0px; WIDTH: 102px; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana, Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" type="text" maxLength="6" name="Col2">
<INPUT id="Col3" style="FONT-SIZE: 8pt; LEFT: 0px; WIDTH: 102px; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana, Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" type="text" maxLength="6" name="Col3">
<INPUT id="Col4" style="FONT-SIZE: 8pt; LEFT: 0px; WIDTH: 102px; BORDER-TOP-STYLE: none; FONT-FAMILY: Verdana, Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" type="text" maxLength="6" name="Col4">
<INPUT value="ADD" name="cmdAddRow" id="cmdAddRow" title="Add Row" style="FONT-WEIGHT: bold; FONT-SIZE: 8pt; LEFT: 0px; WIDTH: 102px; FONT-FAMILY: Verdana, Arial;" type="button" onclick="javascript: top.frames["frmGrid1"].addRow(Col1.value, Col2.value , Col3.value, Col4.value), Col1.value="", Col2.value="", Col3.value="", Col4.value="";" >
<INPUT value="Delete" name="cmdDeleteRow" id="cmdDeleteRow" title="Delete Last Row" style="FONT-SIZE: 8pt; LEFT: 93px; WIDTH: 102px; FONT-FAMILY: Verdana, Arial; " type="button" onclick="javascript: return top.frames["frmGrid1"].deleteLastRow()">
</FORM>
¤ The biggest feature of ver 0.92 is that it works both IE 5+ and in Netscape 6+
¤ Mouseover to select a row.
¤ Select any row and hit Delete key to delete it
¤ Click to edit.... and everything else
|
|
|
|
|
</BODY>
</HTML>
</source>
<A href="http://www.wbex.ru/Code/JavaScriptDownload/LoadHTMLIntoIFrame.zip">LoadHTMLIntoIFrame.zip( 9 k)</a>
