Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.12.2012, 16:04
Новичок на форуме
Отправить личное сообщение для станислав123 Посмотреть профиль Найти все сообщения от станислав123
 
Регистрация: 06.03.2012
Сообщений: 7

как сделать чтобы калькулятор считал автоматически без нажатия на кнопку
помогите кто может.как сделать чтобы калькулятор считал автоматически без нажатия на кнопку расчитать. у меня сайт на народе там будет несколько таких калькуляторов,а в конце общий итог.посмотреть все это можно здесь 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. Пр
Ответить с цитированием
  #2 (permalink)  
Старый 14.12.2012, 17:54
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать, чтобы при удалении div браузер не перепрыгивал наверх станицы EvgeniyRRU Events/DOM/Window 4 02.10.2011 12:42
Как сделать чтобы ссылка двоилась? ДимМмкА Я не знаю javascript 18 24.05.2009 12:58
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 01:33
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24
Как сделать смену картинки, типа "до" и "после", без перезагрузки страницы? btstudio Events/DOM/Window 2 23.02.2009 20:43