📄 userdata.htm

📁 Windows Web脚本开发指南/(美) Dan Heflin, Todd Ney著的源码
💻 HTM
字号:
<html XMLNS:IE>

<head>
<title>userData Default Behavior</title>
</head>

<script language="JavaScript">
function LoadData(){
var objUD;
var objDDSingle;
var objDDMultiple;
var data;
var value = new Array();
var i;
var j;

	objUD = document.all.objUserData;
	objUD.load("userDataDemo");
	document.all.txtItem1.value = objUD.getAttribute(document.all.txtItem1.id);
	document.all.txtScrolling.innerText = objUD.getAttribute(document.all.txtScrolling.id);
	if (objUD.getAttribute(document.all.chkItem.id) == "true")
		document.all.chkItem.checked = true;
	else
		document.all.chkItem.checked = false;
	document.all.optButton(0).checked = objUD.getAttribute(document.all.optButton(0).id + "0");
	document.all.optButton(1).checked = objUD.getAttribute(document.all.optButton(1).id + "1");

	value.length = 1;
	value[0] = objUD.getAttribute(document.all.ddSingle.id);
	objDDSingle = document.all.ddSingle;
	if (value[0] != null){
		for (i =0; i < objDDSingle.length; ++i){
			if (objDDSingle.options(i).value == value[0]){
				objDDSingle.options(i).selected = true;
				break;
			}
		}
	}
	
	objDDMultiple = document.all.ddMultiple;
	data = objUD.getAttribute(objDDMultiple.id);

	for (j=0; j < objDDMultiple.options.length; j++){
		objDDMultiple.options[j].selected = false;
	}

	value = data.split(",");
	for (i=0; i < value.length; i++){
		for (j=0; j < objDDMultiple.options.length; j++){
			if (objDDMultiple.options[j].value == value[i]){
				objDDMultiple.options[j].selected = true;
				break;
			}
		}
	}
}
function SaveData(){
var objUD;
var objDDSingle;
var objDDMultiple;
var value  = new Array()
var i;

	objUD = document.all.objUserData;
	objUD.setAttribute(document.all.txtItem1.id, document.all.txtItem1.value);
	objUD.setAttribute(document.all.txtScrolling.id, document.all.txtScrolling.innerText);
	objUD.setAttribute(document.all.chkItem.id, document.all.chkItem.checked)
	objUD.setAttribute(document.all.optButton(0).id + "0", document.all.optButton(0).checked)
	objUD.setAttribute(document.all.optButton(1).id + "1", document.all.optButton(1).checked)

	value.length++;
	objDDSingle = document.all.ddSingle;
	if (objDDSingle.selectedIndex != null)
		value[0] = objDDSingle.options(objDDSingle.selectedIndex).value;
	else
		value[0] = null;
	objUD.setAttribute(document.all.ddSingle.id, value);

	value.length = 0;
	objDDMultiple = document.all.ddMultiple;
	for (i = 0; i < objDDMultiple.length; ++i){
		if (objDDMultiple.options(i).selected == true){
			value.length++;
			value[value.length - 1] = objDDMultiple.options(i).value;
		}
	}	
	objUD.setAttribute(document.all.ddMultiple.id, value.toString());

	objUD.save("userDataDemo")

}
</script>

<body bgcolor="#FFFFFF">
<IE:userData id="objUserData" style="behavior:url(#default#userData)" />
<table border="0" width="100%">
  <tr>
    <td width="12%"><img border="0" src="userData.gif" width="64" height="64"></td>
    <td width="88%">
      <p align="center"><font size="5"><b>userData DHTML Default Behavior Demo</b></font></td>
  </tr>
</table>
<font size="3"><br>
<b>
The following data item will be saved to a userData if the
&quot;Save&quot; button is pressed. When this page is loaded again the saved
data will be displayed.</b><br>
</font><form>
  <table border="0" width="99%">
    <tr>
      <td width="38%">Textbox:</td>
      <td width="67%"><input type="text" id="txtItem1" size="20"></td>
    </tr>
    <tr>
      <td width="38%">Scrolling Textbox:</td>
      <td width="67%"><textarea rows="3" id="txtScrolling" cols="32"></textarea></td>
    </tr>
    <tr>
      <td width="38%">Checkbox:</td>
      <td width="67%"><input type="checkbox" id="chkItem" value="ON"></td>
    </tr>
    <tr>
      <td width="38%">Radio Buttons</td>
      <td width="67%"><input type="radio" checked name="optButton" id="optButton">One&nbsp;&nbsp;&nbsp;
        <input type="radio" name="optButton" id="optButton" >Two</td>
    </tr>
    <tr>
      <td width="38%">Single Item Drop Down:</td>
      <td width="67%"><select size="1" id="ddSingle">
          <option selected value="1">Item 1</option>
          <option value="2">Item 2</option>
          <option value="3">Item 3</option>
          <option value="4">Item 4</option>
          <option value="5">Item 5</option>
        </select></td>
    </tr>
    <tr>
      <td width="38%">Multiple Item Drop Down:</td>
      <td width="67%"><select size="3" id="ddMultiple" multiple name="ddMultiple">
          <option value="1">Item 1</option>
          <option value="2">Item 2</option>
          <option value="3">Item 3</option>
          <option value="4">Item 4</option>
          <option value="5">Item 5</option>
        </select></td>
    </tr>
  </table>
  <p align="center">
  <input type="button" value="Load Data" id="btnLoad" onclick="LoadData()">
  <input type="submit" value="Save Data" name="btnSave" onclick="SaveData()">
  </p>
</form>

</body>

</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -