Форум программистов [Powered by Invision Power Board]

Код

<html>
<head>

  <style type="text/css">
    body { margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #96d7ff }
    table { font-size: 15px}
    a { text-decoration: none; font-size: 13px }
    a:link { color: #3E6ACD; text-decoration: none }
    a:visited { color: #3E6ACD; text-decoration: none }
    a:hover{ color: #3E6ACD; text-decoration: underline }
    #copyrights { color: #96d7ff; font-weight: 700; letter-spacing: 2px; font-size: 10px }
   
    .navlink{text-align: center; border-color: black; border-style: solid; border-width: 1px; background-color: #FA8072;    cursor: hand}
    

  </style>
  
  <title>Школа №12</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   <script type="text/javascript" language="javascript">
         
    function sel(nam){
        var ob=window.event.srcElement;
            ob.style.backgroundColor="#FFFACD";
    }
    
    function desel(nam){
        var ob=window.event.srcElement;
            ob.style.backgroundColor="#FA8072";
    }
                                       
    function makeRequest(url) {
        var http_request = false;
        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            document.all.mainfr.innerHTML='Не удалось получить содержимое страницы. Возможно, Ваш браузер не поддерживает AJAX.';
            return false;
        }

        
        http_request.onreadystatechange = function() { alertContents(http_request); };
        http_request.open('GET', url, true);
        http_request.send(null);
    }
    
    function alertContents(http_request) {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                document.all.mainfr.innerHTML=http_request.responseText;
            } else {
                document.all.mainfr.innerHTML='Не удалось получить содержимое страницы с помощью AJAX.';
            }
        }
    }
  </script>

</head>
<body onload="makeRequest('main.html')">

    
  <table width="100%" border=1 style="height: 100%">
  
    <tr style="height: 15%">
      <td style="background-image: url(); background-repeat: repeat-y;" bgcolor="#ff68a6" colspan=2></td>
    </tr>                 
    
    <tr valign=top>
      <td width="15%" bgcolor="#e06295">
           
           <!--Навигация-->
           
           <table width="100%">
               <tr>
                   <td id='main' class="navlink" onmouseover="sel('main')" onmouseout="desel('main')" class="navlink" onclick="makeRequest('main.html')">
                       Главная
                   </td>
               </tr>
               <tr>
                   <td id='school' class="navlink" onmouseover="sel('school')" onmouseout="desel('school')" class="navlink" onclick="makeRequest('school.html')">
                       О школе
                   </td>
               </tr>
               
               <tr>
                   <td id='kids' class="navlink" onmouseover="sel('kids')" onmouseout="desel('kids')" class="navlink" onclick="makeRequest('kids.html')">
                       Ученикам
                   </td>
               </tr>
               <tr>
                    <td id='parents' class="navlink" onmouseover="sel('parents')" onmouseout="desel('parents')" class="navlink" onclick="makeRequest('parents.html')">
                   Родителям
                   </td>               
               </tr>
               <tr>
               
               </tr>
           </table>
      </td>
      <td>
        <div id="mainfr" style="background-color: #96d7ff; background: url(fon3.jpg); background-attachment: fixed; padding: 10px; height: 100%; overflow-y: scroll;
          scrollbar-base-color: #FF89C3;
    scrollbar-face-color: #FFCEC3;
    scrollbar-darkshadow-color: #9D1E51;
    scrollbar-highlight-color: White;
    scrollbar-shadow-color: Black;
    scrollbar-track-color: #9D1E51;">
        </div>
      </td>
    </tr>
    
                                               
  </table>
  
</body>
</html>