в 10:00, 26 мая 2010

2010-05-26T10:00:42Z

Admin: 1 версия

2010-05-26T07:22:18Z

1 версия

Новая страница

==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>
<TABLE width ="600" align="center" cellpadding="0px" cellspacing="1px">
<TR><TD align="center">
<U><FONT class="bigheader" color="#FF9933">THE </FONT>
<FONT class="bigheader" color="#FFFFFF"><DHTML> </FONT>
<FONT class="bigheader" color="#FF9933">Grid</FONT></U>
</TD></TR>
<TR><TD align="center">
</TD></TR>
<TR><TD align="center">
<TABLE cellpadding="1px" cellspacing="0px" bgcolor="#FFFFFF" width="596px">
<TR><TD>
<TABLE cellpadding="1px" cellspacing="1px" bgcolor="#003399" width="100%">
<TR><TD>
<TABLE cellpadding="1px" cellspacing="2px" bgcolor="#FFFFFF" width="100%">
<TR><TD>
<TABLE cellpadding="8px" cellspacing="1px" bgcolor="#000000" width="100%">
<TR><TD>
<BR><FONT color="#FF9933">¤</FONT>
This is the test area for ver 0.92 which will be released soon.
For the latest <i>stable</i> release click on the download link above.
<FONT color="#FF9933">¤</FONT>
</TD></TR>
</TABLE>
</TD></TR>
<TR><TD>
<TABLE cellpadding="8px" cellspacing="1px" bgcolor="#000000" width="100%">
<TR><TD>
<IFRAME id="frmGrid1" name="frmGrid1" scrolling="auto" frameborder="0" src="4colGrid.htm" width="601" height="150"></IFRAME>
<FONT color="#FFFFFF">Col 1                   Col 2                   Col 3                   Col 4</FONT><BR>
<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"><BR>
<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>
<BR><BR>
<FONT color="#FF9933">¤</FONT> The biggest feature of ver 0.92 is that it works both IE 5+ and in Netscape 6+ <BR>
<FONT color="#FF9933">¤</FONT> Mouseover to select a row. <BR>
<FONT color="#FF9933">¤</FONT> Select any row and hit Delete key to delete it <BR>
<FONT color="#FF9933">¤</FONT> Click to edit.... and everything else
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</BODY>
</HTML>

</source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/LoadHTMLIntoIFrame.zip">LoadHTMLIntoIFrame.zip( 9 k)</a>

← Предыдущая	Версия 10:00, 26 мая 2010
(нет различий)

JavaScript DHTML/GUI Components/IFrame - История изменений

в 10:00, 26 мая 2010

Admin: 1 версия