📄 ss.html
字号:
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.accesskey {text-decoration: underline}
</STYLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
var MaxRecord = 12;
var numPages = 3;
var indx = 1;
function showTop() {
tblPeople.firstPage();
indx=1;cmdfirstPage.disabled=true;
cmdpreviousPage.disabled=true;
cmdnextPage.disabled=false;
cmdlastPage.disabled=false;
cmdfourPage.disabled=true;
}
function showPrev() {
tblPeople.previousPage();
indx--;if(indx<=1){
cmdfirstPage.disabled=true;
cmdpreviousPage.disabled=true;
}
cmdnextPage.disabled=false;
cmdlastPage.disabled=false;
cmdfourPage.disabled=true;
}
function showNext() {
tblPeople.nextPage();
indx++;cmdfirstPage.disabled=false;
cmdpreviousPage.disabled=false;
if(indx>=numPages){
cmdnextPage.disabled=true;
cmdlastPage.disabled=true;
}
cmdfourPage.disabled=true;
}
function showLast() {
tblPeople.lastPage();
indx=numPages;
cmdfirstPage.disabled=false;
cmdpreviousPage.disabled=false;
cmdnextPage.disabled=true;
cmdlastPage.disabled=true;
cmdfourPage.disabled=true;
}
function showAll() {
tblPeople.dataPageSize=MaxRecord;
tblPeople.firstPage();
cmdfirstPage.disabled=true;
cmdpreviousPage.disabled=true;
cmdnextPage.disabled=true;
cmdlastPage.disabled=true;
cmdallPage.disabled=true;
cmdfourPage.disabled=false;
}
function showFour() {
tblPeople.dataPageSize=4;
tblPeople.firstPage();
cmdfirstPage.disabled=true;
cmdpreviousPage.disabled=true;
cmdnextPage.disabled=false;
cmdlastPage.disabled=false;
cmdallPage.disabled=false;
cmdfourPage.disabled=true;
}
</SCRIPT>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>List of Data using XML Data Island</TITLE>
</HEAD>
<BODY onLoad="cmdfirstPage.disabled=true;cmdpreviousPage.disabled=true;cmdfourPage.disabled=true;">
<!-- XML Data Island -->
<XML ID="xmlPeople">
<?xml version="1.0" ?>
<PEOPLE>
<PERSON>
<USERID>1</USERID>
<NAME>Name 1</NAME>
<USERADDRESS>101 New Street, Apt 1, Big City, CA 90001</USERADDRESS>
<EMAIL>email1@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>2</USERID>
<NAME>Name 2</NAME>
<USERADDRESS>201 New Street, Apt 2, Big City, CA 90002</USERADDRESS>
<EMAIL>email2@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>3</USERID>
<NAME>Name 3</NAME>
<USERADDRESS>301 New Street, Apt 3, Big City, CA 90003</USERADDRESS>
<EMAIL>email3@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>4</USERID>
<NAME>Name 4</NAME>
<USERADDRESS>401 New Street, Apt 4, Big City, CA 90004</USERADDRESS>
<EMAIL>email4@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>5</USERID>
<NAME>Name 5</NAME>
<USERADDRESS>501 New Street, Apt 5, Big City, CA 90005</USERADDRESS>
<EMAIL>email5@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>6</USERID>
<NAME>Name 6</NAME>
<USERADDRESS>601 New Street, Apt 6, Big City, CA 90006</USERADDRESS>
<EMAIL>email6@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>7</USERID>
<NAME>Name 7</NAME>
<USERADDRESS>701 New Street, Apt 7, Big City, CA 90007</USERADDRESS>
<EMAIL>email7@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>8</USERID>
<NAME>Name 8</NAME>
<USERADDRESS>801 New Street, Apt 8, Big City, CA 90008</USERADDRESS>
<EMAIL>email8@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>9</USERID>
<NAME>Name 9</NAME>
<USERADDRESS>901 New Street, Apt 9, Big City, CA 90009</USERADDRESS>
<EMAIL>email9@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>10</USERID>
<NAME>Name 10</NAME>
<USERADDRESS>1001 New Street, Apt 10, Big City, CA 90010</USERADDRESS>
<EMAIL>email10@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>11</USERID>
<NAME>Name 11</NAME>
<USERADDRESS>1011 New Street, Apt 11, Big City, CA 90011</USERADDRESS>
<EMAIL>email11@coldmail.com</EMAIL>
</PERSON>
<PERSON>
<USERID>12</USERID>
<NAME>Name 12</NAME>
<USERADDRESS>1021 New Street, Apt 12, Big City, CA 90012</USERADDRESS>
<EMAIL>email12@coldmail.com</EMAIL>
</PERSON>
</PEOPLE>
</XML>
<H3>List of Data using XML Data Island</H3>
<BUTTON STYLE="WIDTH: 5em" ID="cmdfirstPage" onclick="showTop();"><<<LABEL ACCESSKEY="t" FOR="cmdfirstPage"><SPAN CLASS="accesskey">T</SPAN>op</LABEL></BUTTON>
<BUTTON STYLE="WIDTH: 5em" ID="cmdpreviousPage" onclick="showPrev();">< <LABEL ACCESSKEY="p" FOR="cmdpreviousPage"><SPAN CLASS="accesskey">P</SPAN>rev</LABEL></BUTTON>
<BUTTON STYLE="WIDTH: 5em" ID="cmdnextPage" onclick="showNext();"><LABEL ACCESSKEY="n" FOR="cmdnextPage"><SPAN CLASS="accesskey">N</SPAN>ext</LABEL>></BUTTON>
<BUTTON STYLE="WIDTH: 5em" ID="cmdlastPage" onclick="showLast();"><LABEL ACCESSKEY="l" FOR="cmdlastPage"><SPAN CLASS="accesskey">E</SPAN>nd</LABEL>>></BUTTON>
<BUTTON STYLE="WIDTH: 5em" ID="cmdallPage" onclick="showAll();"><LABEL ACCESSKEY="a" FOR="cmdallPage"><SPAN CLASS="accesskey">A</SPAN>ll</LABEL></BUTTON>
<BUTTON STYLE="WIDTH: 5em" ID="cmdfourPage" onclick="showFour();"><LABEL ACCESSKEY="f" FOR="cmdfourPage"><SPAN CLASS="accesskey">F</SPAN>our</LABEL></BUTTON>
<p>
<TABLE ID=tblPeople DATASRC='#xmlPeople' BORDER="1" CELLPADDING="0" CELLSPACING="0" DATAPAGESIZE="4" width="80%" align="left">
<THEAD style="font-family: helvetics, sans-serif; font: 10pt" bgcolor="lightgrey">
<TR>
<TH nowrap>USER ID</TH>
<TH>NAME</TH>
<TH>ADDRESS</TH>
<TH>EMAIL</TH>
</TR>
</THEAD>
<!-- XML Data Binding -->
<TR style="font-family: helvetics, sans-serif; font: 12pt">
<!-- <TD width="5%" align="center"><SPAN DATAFLD="USERID"></SPAN> </TD> -->
<TD width=5%" align="center"><BUTTON STYLE="WIDTH: 3em" DATAFLD="USERID"></BUTTON></TD>
<TD width="15%" nowrap> <SPAN DATAFLD="NAME"></SPAN> </TD>
<TD width="40%" nowrap> <TEXTAREA DATAFLD="USERADDRESS" ROWS="1" COLS="25" onFocus="this.rows=2" onBlur="this.rows=1"></TEXTAREA> </TD>
<TD width="40%"> <INPUT DATAFLD="EMAIL" size="25"></TD>
</TR>
<TR>
<TFOOT>
<TH colspan="99" align="left">
Demo table with data island binding
using XML in IE5. For more information, please visit <a href="http://msdn.microsoft.com/xml/default.asp?RLD=66">Microsoft XML Developer Center</a>.<br>
<a href="mailto:xjiang@cccea.org">xjiang@cccea.org</a>
</TH>
</TFOOT>
</TR>
</TABLE>
</p>
<P> </P>
</BODY>
</HTML>
<!-- Simba says Roar. -->
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -