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

Код


<Form Name="CommEdit" Action="<?=$_SERVER["PHP_SELF"]?>?action=PrixodAdd" Method="POST" >
<style>
.tabv { border-top: 1px solid #778; border-right: 1px solid #778; border-bottom: 1px solid white; border-left: 1px solid #778; position:absolute; top: 0px; width:70px; height:25px  float:left;}

.telo {border: #778 solid 1px; position:absolute; left:0px; top: 26px; width:90%; height:200px }
</style>

Код



<script>
var objtab;
var objbd;

function Change(id) {
for (var i=1;i<=2;i++) {
objtab=document.getElementById("tab"+i);
objbd=document.getElementById("bd"+i);
if(id=="tab"+i) {
objtab.style.borderLeftColor="#778";
objtab.style.borderTopColor="#778";
objtab.style.borderRightColor="#778";
objbd.style.visibility="visible";
} else {
objtab.style.borderLeftColor="#448";
objtab.style.borderTopColor="#448";
objtab.style.borderRightColor="#448";
objbd.style.visibility="hidden";
}
}
}

function add()
{
var o=document.getElementById('t');
var tr = o.appendChild(document.createElement("TR"));
var td = tr.appendChild(document.createElement("TD"));

  var i=document.createElement('INPUT');
  i.TYPE="text";
  i.id="in";
  i.NAME="in";
  i.value="fvvg";   
  td.appendChild(i);
}

Код


<div style="position:relative; top:0px;left:0px">

<div id="tab1" class="tabv" style="left:3px; cursor:pointer" onClick="Change('tab1')" >
&nbsp;Анкета
</div>
<div id="tab2" class="tabv" style="left:78px; cursor:pointer" onClick="Change('tab2')">
&nbsp;Товар
</div>

<!-- тело первой закладки Анкета-->
<div id="bd1" class=telo style="visibility:visible">
<table width="100%"  border="1">

  <tr>
    <td>Дата прихода*</td>
    <td><input type="text" name="date_prixod"></td>
  </tr>
  <tr>
    <td>Клиент</td>
    <td>
      <input type="text" name="name_company">
    </td>
  </tr>
  <tr>
    <td>Город</td>
    <td><input type="text" name="town"></td>
  </tr>
  </table>
</div>
  <!-- конец тела первой закладки-->
   <!--  тело второй закладки Товар--> 
<div id="bd2" class=telo style="visibility:hidden">
<table border=1 width="100%">
<tr>
<td colspan=5>
Однофазные стабилизаторы
</td>
</tr>
<tr>
<td width="20%">
Серия &nbsp;&nbsp;<select name="seriya_odn" id="seriya_odn">
 <option value="SQ">SQ</option> 
      <option value="W">W</option>
      <option value="SW1">SW1</option>
      <option value="RW">RW</option>
      </select>
</td>
<td width="20%">
Мощность &nbsp;&nbsp;<select name="power_odn" id="power_odn">
 <option value=1000>1000</option> 
      <option value=2000>2000</option>
      <option value=3000>3000</option>
      <option value=5000>5000</option>
      </select>
      </td>
      <td width="20%">
Диапазон &nbsp;&nbsp;<select name="range_odn" id="range_odn">
 <option value=1000>1000</option> 
      <option value=2000>2000</option>
      <option value=3000>3000</option>
      <option value=5000>5000</option>
      </select>
      </td>
       <td width="20%"><input type="text" id="store_odn"  ></td>
      <td width="20%"><input type="button" OnClick="add();" value="Добавить"></td>
      
</tr>
<tr>
    <td colspan=5> 
   <table ><tbody id="t"> 
  <!-- Вот сюда вставляется новый элемент INPUT, с помощью функции add()-->
    </tbody></table>
    <input type="submit" name="Sbm" value="Добавить">
    </td>
  </tr>
</table>                                            
   </td>
      </tr>
   </table> 
</div>
  <!-- конец  тела второй закладки--> 
</div>        
</form>