Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<html>  <TITLE>Блоки изменяются через кнопки</TITLE><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><link rel=stylesheet type=text/css href="hs.css"><style type="text/css"></STYLE>  <SCRIPT LANGUAGE="JavaScript" tye="text/javascript">  // This code can be reused and modified as long as the copyright  // notice and URL are maintained.  // This code is copyright 1998 InsideDHTML.com, LLC.  // http://www.insideDHTML.com  // and modified for this page by  // Jim Stiles Web Master  // http://www.jdstiles.com  function getElement(elName) {        // Get an element from its ID    if (allSupport)           return document.all[elName]        else      return document.layers[elName]    }  function setVisibility(el, bDisplay) {        // Hide or show to tip    if (bDisplay)            if (allSupport)                el.style.visibility = "visible"       else                el.visibility = "show";          else              if (allSupport)          el.style.visibility = "hidden"              else                  el.visibility = "hidden"  }  function movePage(what) {   if ((allSupport) || (layersSupport))     for (var i=1; i <=4; i++)        setVisibility(getElement("page"+i),what==i)  }// --></script><script type="text/javascript"></script><BODY><DIV ID=page1><TABLE width=400><TR><TD>  <P class=start>This demonstrates a multi-page CSS-Positioned form. On the last page, thereis a submit button for combining all the user's input and submitting it to the server.No information is submitted to the server in this example.     <P>This page is functional in JavaScript aware browser prior to Navigator and Explorer 4.0. In downlevel browsers, the concept of pages is lost. The next and previous page buttons do nothing but they can be enhanced to automatically navigate you to the next area of the page.    </TD></TR><TR><TD colspan=2 align=right><FORM>    <INPUT TYPE="Button" VALUE="Next Page" ONCLICK="movePage(2)"></FORM></TD></TR></TABLE> </DIV>  <DIV ID=page2 STYLE="visibility: hidden">  <FORM NAME="userInfo" ONSUBMIT="return false">  <TABLE WIDTH=400><TR><TD COLSPAN=2><H3>User Information</H3></TD></TR><TR><TD>    Name:</TD><TD><INPUT TYPE="text" NAME="userName"></TD></TR><TR><TD>    Address</TD><TD><TEXTAREA ROWS=5 NAME="address">

City State Country

Newsletter

Submit Information

Submit Information
Click the submit button to simulate the form submission. The fields below will represent the data you entered: