Форум

SunYang · #21 (**permalink**) 06.02.2010, 22:49

А вот так внешне выглядит реально то, для чего я это делаю:

Начало....

<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100">Месяц:</td>
    <td width="200"><input type="text" id="month"  /></td>
    <td width="100"><input type="button" value="Ввести" id="month_input" onclick="month()" /></td>
  </tr>
  <tr>
    <td>Год:</td>
    <td><input type="text" id="year" value=""/></td>
    <td><input type="button" value="Ввести" id="year_input" onclick="year()" /></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="600" border="0" cellspacing="0" cellpadding="0" >
  <tr>
    <td width="198" class="text1">Введите номер квартиры</td>
    <td width="402"><input type="text" id="kv" value="" /></td>
  </tr>
  <tr>
    <td class="text1">Стоят ли счетчики на ГВС/ХВС/Канализацию<strong></strong></td>
    <td><input type="button" value="есть" id="chYes" onclick="ch(1)" />&nbsp;&nbsp;
<input type="button" value="нет" id="chYes" onclick="ch(0)" />
</td>
  </tr>
  <tr>
    <td class="text1">Площадь квартиры</td>
    <td><span class="text1">
      <input type="text" value="" id="Ss" />
    </span></td>
  </tr>
  <tr>
    <td class="text1">Проживает, чел</td>
    <td><span class="text1">
      <input type="text" id="Xx" value=""/>
    </span></td>
  </tr>
  <tr>
    <td class="text1">Временно зарегестрированные, чел</td>
    <td><span class="text1">
      <input type="text"  id="Yy" value="" />
    </span></td>
  </tr>
  <tr>
    <td class="text1">Временно отсутствует</td>
    <td><span class="text1">
      <input type="text" id="Zz" value="" />
    </span></td>
  </tr>
  <tr>
    <td class="text1">Ф.И.О плательщика</td>
    <td><span class="text1">
      <input type="text" id="fio" value="" />
    </span></td>
  </tr>
  <tr>
    <td class="text1">&nbsp;</td>
    <td><input type="button" value="Ввести" id="kv_data" onclick="DataKv()" /></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="60%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td class="text1" ><strong>Наименование тарифа</strong></td>
    <td class="text1" >Новый тариф</td>
    <td align="center" class="text1" >Заменить в платежках</td>
    <td align="center" class="text1" >Расчитать с новым тарифом</td>
  </tr>
  <tr>
    <td width="41%" ><span class="text1">Содержание и текущий ремонт</span></td>
    <td width="12%" ><input type="text" value="" id="a0"/></td>
    <td width="21%" align="center" ><input type="button" id="b0" value="Заменить" onclick="re0()"/></td>
    <td width="26%" align="center" ><input type="button" id="c0" value="Расчитать" /></td>
  </tr>
  <tr>
    <td ><span class="text1">Вывоз ТБО</span></td>
    <td ><input type="text" value="" id="a1"/></td>
    <td align="center" ><input type="button" id="b1" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c1" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >ВДГО</td>
    <td ><input type="text" value="" id="a2"/></td>
    <td align="center" ><input type="button" id="b2" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c2" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >Отопление</td>
    <td ><input type="text" value="" id="a3"/></td>
    <td align="center" ><input type="button" id="b3" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c3" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >ГВС</td>
    <td ><input type="text" value="" id="a4"/></td>
    <td align="center" ><input type="button" id="b4" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c4" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >Холодная вода</td>
    <td ><input type="text" value="" id="a5"/></td>
    <td align="center" ><input type="button" id="b5" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c5" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >Канализация</td>
    <td ><input type="text" value="" id="a6"/></td>
    <td align="center" ><input type="button" id="b6" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c6" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >Лифт</td>
    <td ><input type="text" value="" id="a7"/></td>
    <td align="center" ><input type="button" id="b7" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c7" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >Кап. ремонт</td>
    <td ><input type="text" value="" id="a8"/></td>
    <td align="center" ><input type="button" id="b8" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c8" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" > Электроэнергия</td>
    <td ><input type="text" value="" id="a9"/></td>
    <td align="center" ><input type="button" id="b9" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c9" value="Расчитать" /></td>
  </tr>
  <tr>
    <td class="text1" >ТО индивидуал. газ оборудован.</td>
    <td ><input type="text" value="" id="a10"/></td>
    <td align="center" ><input type="button" id="b10" value="Заменить" /></td>
    <td align="center" ><input type="button" id="c10" value="Расчитать" /></td>
  </tr>
</table>
<p>&nbsp;</p>

...это откуда вводятся данные в квитанцию

SunYang · #22 (**permalink**) 06.02.2010, 22:50

продолжение...
А это сам образец квитанции, поля и ячейки которой нужно сохранять

<table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%" style=" padding:30px; border-right:#000000 solid 2px;" valign="top"><p>Извещение</p>
    <p>&nbsp;</p></td>
    <td width="80%" style=" padding:10px; border-bottom:#000000 solid 2px;"><p><strong>Лицевой счет № <span id="kv1">1</span></strong><br />
Членские взносы на ремонт и содержание жилья за <strong><span id="month_1">{МЕСЯЦ}</span> <span id="year_1">{ГОД}</span></strong><br />
Получатель платежа: ТСЖ &quot;Галкина-8&quot;<br />
<font class="text1">ИНН/КПП 5249098240/524901001 Р/сч 40703810008260000050 К/сч 30101810700000000826 БИК 04227<br />
Банк получателя платежа: ОАО "АКБ Саровбизнесбанк Нижегородская обл. г. Дзержинск"</font><br />
<strong>ПЛАТЕЛЬЩИК: <span id="fio_1">{ПЛАТЕЛЬЩИК}</span></strong><br />
<strong>АДРЕС: г. ДЗЕРЖИНСК, ГАЛКИНА 8, кв. <span id="kv_1">1</span></strong></p>
      <p>&nbsp;</p>
      <table width="80%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50%" align="left"> <p><em><strong>сумма к оплате</strong></em> <font class="summa"><strong> {сумма} </strong></font></p></td>
          <td width="50%" align="right" class="text1">Подпись плательщика _______________</td>
        </tr>
      </table>
   </td>
  </tr>
  <tr>
    <td  style=" padding:30px; border:#000000 solid 2px; border-bottom:none; border-left:none;" valign="top">Квитанция</td>
    <td style=" padding:10px;"><p>&nbsp;</p>
      <p><strong>Лицевой счет № 1</strong><br />
        Членские взносы на ремонт и содержание жилья за <strong><span id="month_2">{МЕСЯЦ}</span> <span id="year_2">{ГОД}</span></strong><br />
        Получатель платежа: ТСЖ &quot;Галкина-8&quot;<br />
        <font class="text1">ИНН/КПП 5249098240/524901001 Р/сч 40703810008260000050 К/сч 30101810700000000826 БИК 04227<br />
        Банк получателя платежа: ОАО &quot;АКБ Саровбизнесбанк Нижегородская обл. г. Дзержинск&quot;</font><br />
        <strong>ПЛАТЕЛЬЩИК: <span id="fio2_1">{ПЛАТЕЛЬЩИК}</span></strong><br />
        <strong>АДРЕС: г. ДЗЕРЖИНСК, ГАЛКИНА 8, кв. 1</strong></p>
      <p class="text1">Прожиает <strong><span id="Xx_1">{Xx}</span></strong> чел, врем зарегистр. <strong><span id="Yy_1">{Yy}</span></strong> чел, врем. отсутств. <strong><span id="Zz_1">{Zz}</span></strong> чел, площадь общая <strong><span id="Ss_1">{Ss}</span></strong> кв.м.</p>
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TDone" style="border-collapse:collapse;">
        <tr>
          <td colspan="7" style="padding-left:10px; border:#000000 solid 2px;"><font class="text1">Счетчик</font></td>
        </tr>
        <tr>
          <td width="28%" align="center" class="text1"><strong>Наименование Услуги</strong></td>
          <td width="12%" align="center" class="text1">Размеры платы руб/кв.м руб/чел</td>
          <td width="12%" align="center" class="text1">КОЛ-ВО</td>
          <td width="12%" align="center" class="text1">Стоимость по тарифу, руб.</td>
          <td width="12%" align="center" class="text1">Перерасчет услуг, руб</td>
          <td width="12%" align="center" class="text1"><strong>Начислено</strong>, руб</td>
        </tr>
        <tr>
          <td class="text1">Содержание и текущий ремонт</td>
          <td align="center">&nbsp;</td>
          <td align="center" id="kolSs_1_1">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">Вывоз ТБО</td>
          <td align="center" id="1_a1">&nbsp;</td>
          <td align="center" id="kolSs_1_2">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">ВДГО</td>
          <td align="center" id="1_a2">&nbsp;</td>
          <td align="center" id="kolSs_1_3">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">Отопление</td>
          <td align="center" id="1_a3">&nbsp;</td>
          <td align="center" id="kolSs_1_4">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr id="gvs_1">
          <td class="text1">ГВС</td>
          <td align="center" id="1_a4">&nbsp;</td>
          <td align="center" id="kolXx_1_1">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr id="hvs_1">
          <td class="text1">Холодная вода</td>
          <td align="center" id="1_a5">&nbsp;</td>
          <td align="center" id="kolXx_1_2">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr id="kan_1">
          <td class="text1">Канализация</td>
          <td align="center" id="1_a6">&nbsp;</td>
          <td align="center" id="kolXx_1_3">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">Лифт</td>
          <td align="center" id="1_a7">&nbsp;</td>
          <td align="center" id="kolSs_1_5">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">Кап. ремонт</td>
          <td align="center" id="1_a8">&nbsp;</td>
          <td align="center" id="kolSs_1_6">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1"> Электроэнергия</td>
          <td align="center" id="1_a9">&nbsp;</td>
          <td align="center" id="kolXx_1_4">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td class="text1">ТО индивидуал. газ оборудован.</td>
          <td align="center" id="1_a10">&nbsp;</td>
          <td align="center" id="kolSs_1_7">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
        <tr>
          <td align="right"><strong>ИТОГО:</strong></td>
          <td colspan="2" style="border:none;">&nbsp;</td>
          <td>&nbsp;</td>
          <td colspan="2" align="right"> <strong>{сумма}</strong></td>
        </tr>
        <tr>
          <td colspan="7" style="border:none;" align="right">Итого к оплате: <strong>{сумма}</strong></td>
        </tr>
      </table>      
    <p class="text1">&nbsp;</p></td>
  </tr>
</table>

Все расчеты вроде сделал, осталось дописать только функцию сохранения. А исключить id-шники полей ввода, хочу, т.к. данные из базы будут подставляться только в образец квитанции.

Помогите плиииз))

Форум

Справочник

Discord чат

Курсы javascript