Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как сделать чтобы калькулятор считал автоматически без нажатия на кнопку (https://javascript.ru/forum/misc/33939-kak-sdelat-chtoby-kalkulyator-schital-avtomaticheski-bez-nazhatiya-na-knopku.html)

станислав123 14.12.2012 16:04

как сделать чтобы калькулятор считал автоматически без нажатия на кнопку
 
помогите кто может.как сделать чтобы калькулятор считал автоматически без нажатия на кнопку расчитать. у меня сайт на народе там будет несколько таких калькуляторов,а в конце общий итог.посмотреть все это можно здесь http://tutdveri.narod2.ru/verda/verd...ovannie_dveri/

<Script lang="JavaScript">
function calculator(form) {
c1 = eval(form.c1.value);k1 = eval(form.k1.value);c2 = eval(form.c2.value);
k2= eval(form.k2.value);c3 = eval(form.c3.value);k3 = eval(form.k3.value);
c4 = eval(form.c4.value);k4 = eval(form.k4.value);c5 = eval(form.c5.value);
k5 = eval(form.k5.value);c6 = eval(form.c6.value);k6 = eval(form.k6.value);
c7 = eval(form.c7.value);k7 = eval(form.k7.value);c8 = eval(form.c8.value);
k8 = eval(form.k8.value);c9 = eval(form.c9.value);k9 = eval(form.k9.value);
c10 = eval(form.c10.value);k10 = eval(form.k10.value);
c11 = eval(form.c11.value);k11= eval(form.k11.value);
c12 = eval(form.c12.value);k12 = eval(form.k12.value);
c13 = eval(form.c13.value);k13 = eval(form.k13.value);
c14 = eval(form.c14.value);k14 = eval(form.k14.value);
s=c1*k1+c2*k2+c3*k3+c4*k4+c5*k5+c6*k6+c7*k7+c8*k8+ c9*k9+c10*k10+c11*k11
+c12*k12+c13*k13+c14*k14;
form.total.value = s;
}
</script>


<form>
<table style="font-size: 13px; line-height: 4px; font-family: Verdana, Arial, sans-serif;" height="251" width="855">
<tbody>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c1"> <option>1945</option> </select> * кол-во<select id="k1"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c2"> <option>500</option> </select> * кол-во<select id="k2"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c3"> <option>600</option> </select> * кол-во<select id="k3"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c4"> <option>250</option> </select> * кол-во<select id="k4"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c5"> <option>300</option> </select> * кол-во<select id="k5"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c6"> <option>500</option> </select> * кол-во<select id="k6"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c7"> <option>600</option> </select> * кол-во<select id="k7"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
<td><span style="color: #ffff00;"><input onclick="calculator(this.form)" value="Рассчитать" type="button"></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c8"> <option>700</option> </select> * кол-во<select id="k8"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
<td style="text-align: left;"><span style="color: #ffff00;"><em><strong>Результат</strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c9"> <option>800</option> </select> * кол-во<select id="k9"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
<td><span style="color: #ffff00;"><strong><input name="total" type="text"> </strong></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c10"> <option>600</option> </select> * кол-во<select id="k10"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
<td><span style="color: #ffff00;"><input value="Сброс" type="reset"></span><br><br><span style="color: #ffff00;"><em>&nbsp;</em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c11"> <option>720</option> </select> * кол-во<select id="k11"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c12"> <option>840</option> </select> * кол-во<select id="k12"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c13"> <option>960</option> </select> * кол-во<select id="k13"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
<tr>

<td><span style="color: #ffff00;"><em><strong><select id="c14"> <option>150</option> </select> * кол-во<select id="k14"> <option>0</option> <option>1</option> <option>2</option><option>3</option> <option>4</option> <option>5</option><option>6</option> <option>7</option> <option>8</option><option>9</option> <option>10</option> <option>11</option></select></strong></em></span></td>
</tr>
</tbody>
</table>
</form>

Последний раз редактировалось KOPOJI; Сегодня в 12:28. Пр

Gozar 14.12.2012 17:54

Читать до прояснения в голове. http://learn.javascript.ru/events-ch...8%D0%B5-change

И просьба, смените герлянду разноцветного текста на один. Пользователи будут в ужасе убегать с вашего сайта. Я не смог прочитать текст на нем. Убрать блик на паркете и сделать хотя бы одним желтым с заголовками красным и может быть хоть кто-нибудь прочтет что там написано. Хотя не уверен, что это спасет утопающего.


Часовой пояс GMT +3, время: 13:39.