layout/html/tests/TestInline2.html
author benjamin@smedbergs.us
Wed, 18 Apr 2007 10:06:30 -0700
changeset 624 2de413d9b1b2dbfb9ace95e72f153d05e9b8beaf
parent 1 9b2a99adc05e53cd4010de512f50118594756650
permissions -rw-r--r--
Bug 377409 - Create toplevel targets to create packages (tarballs) and installers, r=preed

<BODY>
 <STYLE>
  DIV { border: 2px solid khaki; }
 </STYLE>
 <SCRIPT>
  var nextID = 1;
  function getIndex()
  {
    var it = document.getElementById("getid");
    var index = it.value;
    if (index == "") index = 0;
    return index;
  }
  function makeInline()
  {
    var image = document.createElement("IMG");
    image.setAttribute("SRC", "bluedot.gif");
    image.setAttribute("WIDTH", "100");
    image.setAttribute("HEIGHT", "40");
    image.setAttribute("BORDER", "2");
    image.setAttribute("ID", "obj" + nextID);
    nextID++;
    return image;
  }
  function makeBlock()
  {
    var block = document.createElement("DIV");
    var text = document.createTextNode("Block Text");
    block.appendChild(text);
    block.setAttribute("ID", "obj" + nextID);
    nextID++;
    return block;
  }
  function appendInline()
  {
    var i = makeInline();
    var it = document.getElementById("it");
    it.appendChild(i);
  }
  function insertInline()
  {
    var i = makeInline();
    var it = document.getElementById("it");
    var kids = it.childNodes;
    var index = getIndex();
    if ((index < 0) || (index > kids.length)) index = 0;
    var before = kids[index];
    it.insertBefore(i, before);
  }
  function appendBlock()
  {
    var b = makeBlock();
    var it = document.getElementById("it");
    it.appendChild(b);
  }
  function insertBlock()
  {
    var b = makeBlock();
    var it = document.getElementById("it");
    var kids = it.childNodes;
    var index = getIndex();
    if ((index < 0) || (index > kids.length)) index = 0;
    var before = kids[index];
    it.insertBefore(b, before);
  }
 </SCRIPT>
 <FORM>
  <INPUT TYPE=button ONCLICK="appendInline();" value="Append Inline">
  <INPUT TYPE=button ONCLICK="insertInline();" value="Insert Inline">
  <INPUT TYPE=button ONCLICK="appendBlock();" value="Append Block">
  <INPUT TYPE=button ONCLICK="insertBlock();" value="Insert Block"><BR>
  <INPUT TYPE=text value="" ID="getid">
 </FORM>
 <HR>
 <B ID=it></B>
</BODY>