IFrame

Por razão desconhecida certos indivíduos nascem com uma alergia a quadros.
O exemplo abaixo serve como um antialérgico aos vilões frames.
Mostra como carregar dinamicamente um iframe.

Nem todos navegadores aceitam a instrução Window.Frames.IDENTIFICADORDOIFRAME.Location.
Então a estrutura

try { BlocoASerTentadoDeInstruções } catch (e) { BlocoAlternativoDeInstruções }

serve pra, se der erro, utilizar Window.Frames[INDICEDOIFRAME].Location (aceita pela maioria).



<html>
   <head>
      <script type="text/javascript">
         function Carregar (Pagina)

         {
            try {
               window.frames.Principal.location= Pagina;
            }
            catch (e) {
               window.frames[0].location= Pagina;
            }
            return false;
         }
      </script>
   </head>
   <body>
      <table width="100%" height="100%" cellpadding="0" cellspacing="0">
         <tr><td style="width: 20%; background-color: Silver">
            Clique nos links abaixo:<br>
            <ul>
               <li><a href="temporizador.1.htm" 
                   onclick="javascript: return Carregar ('temporizador.1.htm');">Temporizador</a></li>
               <li><a href="listagem.1.htm" 
                   onclick="javascript: return Carregar ('listagem.1.htm');">Listagem 1</a></li>
               <li><a href="listagem.2.htm" 
                   onclick="javascript: return Carregar ('listagem.2.htm');">Listagem 2</a></li>
               <li><a href="listagem.3.htm" 
                   onclick="javascript: return Carregar ('listagem.3.htm');">Listagem 3</a></li>
               <li><a href="listagem.4.htm" 
                   onclick="javascript: return Carregar ('listagem.4.htm');">Listagem 4</a></li>
               <li><a href="listagem.5.htm" 
                   onclick="javascript: return Carregar ('listagem.5.htm');">Listagem 5</a></li>
            </ul>
            </td><td style="width: 80%">
<iframe id="Principal" src="temporizador.1.htm" width="100%" height="100%" frameborder="0"></iframe>
            </td>
         </tr>
      </table>
   </body>
</html>
Clique aqui pra abrir no navegador





http://transeberiano.brinkster.net