Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 22.01.2015, 10:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Navilsor,
трудно судить по обрывку кода, делайте полноценный макет как в примерах выше
Ответить с цитированием
  #12 (permalink)  
Старый 22.01.2015, 11:21
Аватар для Navilsor
Интересующийся
Отправить личное сообщение для Navilsor Посмотреть профиль Найти все сообщения от Navilsor
 
Регистрация: 15.01.2015
Сообщений: 16

Вот:

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script type="text/javascript">

 var base = { 1 : {src : "images/picture1.jpg", price : 5900}, 2 : {src : "images/picture2.jpg", price : 6900}, 3 : {src : "images/picture2.jpg", price : 7900}};

 function changeImage(form) {
     document.images["pic"].src = base[form.value].src;
     document.getElementById("mydiv").innerHTML = base[form.value].price;
     form.value = 0
 };
 
 function calc() { 
 
 var type_widht = document.getElementById("type_widht"); 
 var type_height = document.getElementById("type_height");
 var type_area = document.getElementById("type_area");
 var type_money = document.getElementById("type_money");
 var type_mydiv = document.getElementById("mydiv");

 var result = document.getElementById("result_widht"); 
 var result = document.getElementById("result_height");
 var result = document.getElementById("result_area");
 var result = document.getElementById("result_money");
 var result = document.getElementById("result");
 
 var price_widht = 0;
 var price_height = 0; 
 var price_area = 0; 
 var price_money = 0;
 var pricex = 0;
 
 price_widht += parseInt(type_widht.value);
 price_height += parseInt(type_height.value);
 
 price_area += parseInt(type_widht.value*type_height.value)/1000000;
 
 price_money += parseInt(type_widht.value*type_height.value*type_mydiv.value)/1000;
 
 pricex = price_area;
 
 result_area.innerHTML = price_area; 
 
 result_money.innerHTML = price_money; 
 
 result.innerHTML = pricex;
 
  };

</script>

</head>

<body>

<form>
<table>
<tr>
<td width="200"></td>
<td><img name="pic" src="images/picture1.jpg" alt=""></td>
</tr>
<tr>
<td width="200">Укажите Параметр:</td>
<td width="200"><select size=1 name="imagename" onChange="changeImage(this)" id="price">
 <option value="0">Выбрать</option>
 <option value="1">Параметр 1</option>
 <option value="2">Параметр 2</option>
 <option value="3">Параметр 3</option>
 </select>
 </td>
 <td width="200"><span id="mydiv">0</span> Ед.изм.</td>
</tr> 

<tr>
<td width="200"></td>
</tr> 

</table>
 
</form>

<table>

<tr>
 <td width="200">Укажите значение widht:</td>
 <td width="100"><input type="text" id="type_widht" value="0" onchange="calc()" /></td>
 <td width="200">Результат деления на миллион:<span id="result_area">0</span> Ед.изм.</td>
</tr>
 
 <tr>
 <td width="200">Укажите значение height:</td>
 <td width="100"><input type="text" id="type_height" value="0" onchange="calc()" /></td>
 <td width="200">Результат деления на тысячу:<span id="result_money">0</span> Ед.изм.</td>
 </tr>

 <tr style="background-color:#eeeeee;border:1px solid #c6c6c6">
 <td width="200" class="td_result">ИТОГО:</td>

 <td width="100"></td>
 <td class="td_result"><span id="result">0</span> Ед.изм.</td>
 </tr>
</table>

</body>

</html>
Ответить с цитированием
  #13 (permalink)  
Старый 22.01.2015, 11:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Navilsor
var result = document.getElementById("result_widht");
var result = document.getElementById("result_height");
var result = document.getElementById("result_area");
var result = document.getElementById("result_money");
var result = document.getElementById("result");
это какой-то праздник!!! в результате только последняя строка значима
Ответить с цитированием
  #14 (permalink)  
Старый 22.01.2015, 11:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Navilsor
price_money += parseInt(type_widht.value*type_height.value*type_mydiv.value)/1000;
нету value у div -- а есть что-то иное
Ответить с цитированием
  #15 (permalink)  
Старый 22.01.2015, 18:28
Аватар для Navilsor
Интересующийся
Отправить личное сообщение для Navilsor Посмотреть профиль Найти все сообщения от Navilsor
 
Регистрация: 15.01.2015
Сообщений: 16

Что-то я не дружу с dataset. Подскажите плиз?
var dollar = $(selector).data('myValue');

<div id="mydiv" data-my-value="mydiv">0</div>
Ответить с цитированием
  #16 (permalink)  
Старый 22.01.2015, 18:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Navilsor,
вы не это ищите?
document.getElementById("mydiv").innerHTML

по дата
http://learn.javascript.ru/dataset-api
Ответить с цитированием
  #17 (permalink)  
Старый 23.01.2015, 08:22
Аватар для Navilsor
Интересующийся
Отправить личное сообщение для Navilsor Посмотреть профиль Найти все сообщения от Navilsor
 
Регистрация: 15.01.2015
Сообщений: 16

Беру переменную. и опять NaN
var type_mydiv = document.getElementById("mydiv").innerHTML;

Последний раз редактировалось Navilsor, 23.01.2015 в 08:26.
Ответить с цитированием
  #18 (permalink)  
Старый 23.01.2015, 09:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Navilsor,
строка 40
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script type="text/javascript">

 var base = { 1 : {src : "images/picture1.jpg", price : 5900}, 2 : {src : "images/picture2.jpg", price : 6900}, 3 : {src : "images/picture2.jpg", price : 7900}};

 function changeImage(form) {
     document.images["pic"].src = base[form.value].src;
     document.getElementById("mydiv").innerHTML = base[form.value].price;
     form.value = 0
 };

 function calc() {

 var type_widht = document.getElementById("type_widht");
 var type_height = document.getElementById("type_height");
 var type_area = document.getElementById("type_area");
 var type_money = document.getElementById("type_money");
 var type_mydiv = document.getElementById("mydiv");


 var result = document.getElementById("result");

 var price_widht = 0;
 var price_height = 0;
 var price_area = 0;
 var price_money = 0;
 var pricex = 0;

 price_widht += parseInt(type_widht.value)||0;
 price_height += parseInt(type_height.value)||0;

 price_area += parseInt(type_widht.value*type_height.value)/1000000;

 price_money += parseInt(type_widht.value*type_height.value*type_mydiv.innerHTML)/1000;

 pricex = price_area;

 result_area.innerHTML = price_area;

 result_money.innerHTML = price_money;

 result.innerHTML = pricex;

  };

</script>

</head>

<body>

<form>
<table>
<tr>
<td width="200"></td>
<td><img name="pic" src="images/picture1.jpg" alt=""></td>
</tr>
<tr>
<td width="200">Укажите Параметр:</td>
<td width="200"><select size=1 name="imagename" onChange="changeImage(this)" id="price">
 <option value="0">Выбрать</option>
 <option value="1">Параметр 1</option>
 <option value="2">Параметр 2</option>
 <option value="3">Параметр 3</option>
 </select>
 </td>
 <td width="200"><span id="mydiv">0</span> Ед.изм.</td>
</tr>

<tr>
<td width="200"></td>
</tr>

</table>

</form>

<table>

<tr>
 <td width="200">Укажите значение widht:</td>
 <td width="100"><input type="text" id="type_widht" value="0" onchange="calc()" /></td>
 <td width="200">Результат деления на миллион:<span id="result_area">0</span> Ед.изм.</td>
</tr>

 <tr>
 <td width="200">Укажите значение height:</td>
 <td width="100"><input type="text" id="type_height" value="0" onchange="calc()" /></td>
 <td width="200">Результат деления на тысячу:<span id="result_money">0</span> Ед.изм.</td>
 </tr>

 <tr style="background-color:#eeeeee;border:1px solid #c6c6c6">
 <td width="200" class="td_result">ИТОГО:</td>

 <td width="100"></td>
 <td class="td_result"><span id="result">0</span> Ед.изм.</td>
 </tr>
</table>

</body>

</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Select, optionl, и автоматический выбор Rorbi Элементы интерфейса 2 29.05.2014 15:38
SQL запрос. Как делать SELECT с условием SELECT Duda.Ml1986@gmail.com Серверные языки и технологии 16 13.01.2014 16:09
Метод для конвертирования едениц px, em, %, pt. jegit Элементы интерфейса 0 07.03.2013 16:15
Как сохранить предыдущее значение select? MaxD Общие вопросы Javascript 3 21.07.2011 12:36
Проблема с динамическим формированием select elepsion jQuery 1 31.10.2010 14:31