Demo Dynamic HTML - Gestionar los marcos con DHTML

HTMLpoint.com

Gestionar los marcos con DHTML

Compatibilidad: Ms Internet Explorer

Esta demo se refiere a un sitio dividido en tres marcos: uno está expandido y ocupa la mayor parte de la pantalla y los otros dos están comprimidos. Haciendo clic en estos últimos la situación se invierte y el marco grande se redimensiona.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<HTML>
<HEAD>

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

<SCRIPT LANGUAGE="Javascript">
    var defSize = 25;
    var _current = null;
    function display(f) {
      var newRows = ""
      // Check if already active
      if (f==_current) return;
      _current = f;

// Determine where the first frame is in the all collection
      var startIndex = document.body.sourceIndex+1
      for (var intFrames=0; intFrames< frames.length; intFrames++) {
        var curF = frames[intFrames].document
        if (curF.body == f.document.body) {
          // Give selected frame all the space
          newRows+="*,"
          // Make the header much bigger
          curF.all.header.style.fontSize="200%"
          /* Turn on scrollbars for the active frame
             This is done by accessing the FRAME element
             in this frameset document. */
          document.all[startIndex+intFrames].scrolling="auto"
        }
        else {
          // Set to the default size
          newRows+=defSize.toString() + ","
          // Reset header font-size
          curF.all.header.style.fontSize="" 
          // Turn off scrolling
          document.all[startIndex+intFrames].scrolling="no"
        }
      }
      document.body.rows=newRows   
      // Remove Selection
//      var r =  f.document.body.createTextRange()
//      r.collapse();
//      r.select()
    }
  </SCRIPT>
  <FRAMESET ROWS="*, 25, 25">
    <FRAME SRC="1.htm" NORESIZE>
    <FRAME SRC="2.htm" NORESIZE SCROLLING="No">
    <FRAME SRC="3.htm" NORESIZE SCROLLING="No">
  </FRAMESET>
</HTML>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]