DHTML默认行为

一 savehistory 

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head >
     < META NAME = " save "  CONTENT = " history " ><!-- must has it -->
     < title > Untitled Page </ title >
      < STYLE >
      .sHistory  ... {behavior:url(#default#savehistory);}
     </ STYLE >
</ head >
< body >
< input type = " text "  id = " t1 "    class = " sHistory "   />
< br  />
< input type = " text "  id = " t2 "    />
</ body >
</ html >

二 savefavorite

< HTML >
< HEAD >
< STYLE >
   .sFavorite  ... {behavior:url(#default#savefavorite);}
</ STYLE >
< SCRIPT >
   function fnSaveInput() ... {
      oPersistInput.setAttribute("sPersistValue",oPersistInput.value);
   }
   function fnLoadInput() ... {
      oPersistInput.value=oPersistInput.getAttribute("sPersistValue");
   }
</ SCRIPT >
</ HEAD >
< BODY >
< INPUT  class = sFavorite onsave = " fnSaveInput() "  onload = " fnLoadInput() "  type = text id = oPersistInput >
</ BODY >
</ HTML >

三 openfile

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
   
</ head >
< body >
< A  STYLE ="behavior:url('#default#AnchorClick')"   href ="openfile.htm"  folder  = "d:"   >
open
</ A >
</ body >
</ html >

四 userdata

< HTML >
< HEAD >
< STYLE > ...
   .storeuserData {...}{behavior:url(#default#userData);}
</ STYLE >
< SCRIPT > ...
function fnSaveInput()...{
   var oPersist=oPersistForm.oPersistInput;
   oPersist.setAttribute("sPersist",oPersist.value);
   oPersist.save("oXML");
}
function fnLoadInput()...{
   var oPersist=oPersistForm.oPersistInput;
   oPersist.load("oXML");
   oPersist.value=oPersist.getAttribute("sPersist");
}
</ SCRIPT >
</ HEAD >
< BODY >
< FORM  ID ="oPersistForm" >
< INPUT  CLASS ="storeuserData"  TYPE ="text"  ID ="oPersistInput" >
< INPUT  TYPE ="button"  VALUE ="Load"  onclick ="fnLoadInput()" >
< INPUT  TYPE ="button"  VALUE ="Save"  onclick ="fnSaveInput()" >
</ FORM >
</ BODY >
</ HTML >

五 savesnapshot

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
     < META  NAME ="save"  CONTENT ="snapshot" >
     < title > Untitled Page </ title >
     < STYLE > ...
     .saveSnapshot {...}{behavior:url(#default#savesnapshot);}
     </ STYLE >
</ head >
< body >
< INPUT  TYPE =text   ID =Text1 >
</ body >
</ html >

 

< HTML >
< HEAD >
< META  NAME ="save"  CONTENT ="snapshot" >
< STYLE > ...
   .sSnapshot {...}{behavior:url(#default#savesnapshot);}
</ STYLE >
< SCRIPT  CLASS ="sSnapshot"  id =oPersistScript > ...
  var sData="";
</ SCRIPT >
< SCRIPT > ...
   //var s;
function PersistArray()...{
   var sData="";
   for(var i=0;i<oPersistForm.elements.length;i++)...{
      if(oPersistForm.elements[i].type == "text")...{
         sData+=oPersistForm.elements[i].value + "|";
         oPersistForm.elements[i].value="";
      }
      if(oPersistForm.elements[i].tagName == "SELECT")...{
         sData+="spamtype=" + oPersistForm.elements[i].selectedIndex;
         oPersistForm.oSelSpam.selected=-1;
      }
   }
  s=sData;
}
 
function RestoreArray()...{
   if(typeof(s)!="undefined")...{
      collData=s.split("|");
      for(var i=0;i<collData.length;i++)...{
         if(collData[i].indexOf("spamtype=")==-1)...{
            oPersistForm.elements[i].value=collData[i];
         }
         if(collData[i].indexOf("spamtype=")>=0)...{
            oPersistForm.oSelSpam.selectedIndex=
               collData[i].substring(
                  collData[i].indexOf("=")+1,collData[i].length
               );
         }
      }
   }
}
</ SCRIPT >
</ HEAD >
< BODY >
< FORM  ID ="oPersistForm" >
< TABLE >
< TR >< TD >< LABEL  > First Name: </ LABEL ></ TD >
< TD >< INPUT  CLASS ="sSnapshot"  TYPE ="text"  ID ="oFirstName"  SIZE =15 ></ TD ></ TR >
< TR >< TD >< LABEL > Select Method of Spam: </ LABEL ></ TD >
< TD >
< SELECT  ID ="oSelSpam" >
< OPTION > E-mail < OPTION > Postal Mail < OPTION > Telemarketing
</ SELECT ></ TD ></ TR >
:
</ TABLE >
< INPUT  TYPE ="button"
   VALUE ="Save form data in script"
   onclick ="PersistArray()"
>
< INPUT  TYPE ="button"
   VALUE ="Restore data from script"
   onclick ="RestoreArray()"
>
</ FORM >
</ BODY >
</ HTML >