Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2017, 11:07
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Полученные данные инпут
Ребята, подскажите.
Есть калькулятор, при введении данных в который в инпут вставляется итоговое значение. Вот он
tth=new Array(220,30,20,400,450,50,50,20,100);topasM=new Array('Топас-5','Топас-8','Топас-10','Топас-15','Топас-20','Топас-30','Топас-40','Топас-50','Топас-75','Топас-100','Топас-150','Топас-150');topasL=new Array(220,440,760,850,1000,1200,1300,1500,2250,3000,4500,100000);topasP=new Array(5,8,10,15,20,30,40,50,75,100,150,10000);topasG=new Array(55,80,140,240);topasGM=new Array('',' (стандартная)',' Long',' Long нарощенная')
function countvol(){var vol=0;for(i=1;i<=9;i++){dd=document.getElementById('i'+i);vol=vol+tth[i-1]*dd.value;}dd=document.getElementById('i10');vol=vol+1*dd.value;dd=document.getElementById('r1');dd.value=vol;for(i=0;i<=10&&topasL[i]<vol;i++){1;}dd=document.getElementById('u');kol=dd.value;for(;i<=10&&topasP[i]<kol;i++){1;}dd=document.getElementById('g');vol=1*dd.value;for(j=1;j<3&&topasG[j]<vol;j++){1;}comment='';if(j==3){if(i==0){j=2;comment=' *Примечание 2';}if(i==1){j=2;}if(i>3){j=2;}}if(j==2){if(i>5){j=1;}}pr='';dd=document.getElementById('pr');if(dd.checked){if(j==1){j=0;}pr=' Пр'}dd=document.getElementById('r2');dd.value=(topasM[i]+topasGM[j]+pr+comment);}

<form action="selection.html" method="post">
<table class="selection">
<tbody>
<tr>
<td style="width:50%;">
<table style="width:100%;">
<tbody>
<tr>
<td style="text-align: right;">Ванная (200 л.)</td>
<td><span class="minus">-</span><input id="i1" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Раковина (30 л.)</td>
<td><span class="minus">-</span><input id="i2" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Биде (5 л.)</td>
<td><span class="minus">-</span><input id="i3" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Джакузи стандартная (400 л.)</td>
<td><span class="minus">-</span><input id="i4" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Джакузи угловая (450 л.)</td>
<td><span class="minus">-</span><input id="i5" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Стиральная машина (50 л.)</td>
<td><span class="minus">-</span><input id="i6" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Посудомоечная машина (20 л.)</td>
<td><span class="minus">-</span><input id="i7" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Унитаз (10 л.)</td>
<td><span class="minus">-</span><input id="i8" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Душ: (60 л.)</td>
<td><span class="minus">-</span><input id="i9" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: right;">Прочее, л.</td>
<td><span class="minus">-</span><input id="i10" class="inm" type="text" value="0" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
</tbody>
</table>
</td>
<td style="width:50%;vertical-align: top;">
<table style="width: 100%;">
<tbody>
<tr>
<td style="text-align: left;">Пользователей (с учетом гостей), чел.</td>
<td style="text-align: left;width:30%;"><span class="minus">-</span><input id="u" class="inm" type="text" value="1" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: left;">Залегание трубы, см.</td>
<td><span class="minus">-</span><input id="g" class="inm" type="text" value="55" onchange="countvol(this);" /><span class="plus">+</span></td>
</tr>
<tr>
<td style="text-align: left;">С принудительной откачкой:</td>
<td><input id="pr" class="inm" type="checkbox" onchange="countvol(this);" /> да</td>
</tr>
<tr><td><hr /></td>
</tr>
<tr><td>
<strong>Итог:</strong>
<input id="r1" class="inm" style="width: 50px;" type="text" value="0" /> л.</td>
</tr>
<tr><td><strong>Рекомендуемый септик:</strong>
<input id="r2" disabled="disabled" type="text" value="" />
</td>
</tr>
<tr><td><input type="reset" value="Сброс" />
</td></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</form>

Допустим получается значение итога Топас 5 Пр, мне надо как то сделать чтобы рядом подставлялась ссылка на этот товар, по сути считать бы значение итога, сравнить его со значнием и исходя из этого подставить нужную ссылку.
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2017, 11:07
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Калькулятор прикреплен внизу экрана слева http://septikperm.ru
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2017, 11:23
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Хорошо, что js не обфусцирован)
А где сами ссылки?
Ответить с цитированием
  #4 (permalink)  
Старый 11.08.2017, 13:58
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Сообщение от Nexus
Хорошо, что js не обфусцирован)
это как?

Сообщение от Nexus
А где сами ссылки?
вот здесь http://septikperm.ru/tovari/septiki/topas
надо подставлять в зависимости от полученных данных определенную ссылку
Ответить с цитированием
  #5 (permalink)  
Старый 11.08.2017, 14:01
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Сообщение от Nexus
Хорошо, что js не обфусцирован)
понял)

ПО сути калькулятор что делает, в зависимости от простановки количества подставляет номер модели "Топас" например 5,8 и так далее, в зависимости от глубины трубы подставляет лонг, в зависимости принудительный выброс или нет подставляет ПР, вот и надо итог прочитать, например получился результат Топас 5 Пр, надо взять полностью значение "Топас 5 Пр" и присвоить ему ссылку и сослаться на товар ИМ.
Ответить с цитированием
  #6 (permalink)  
Старый 11.08.2017, 14:49
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

sergiocharm,
Похоже, на сайте все это уже делается.
Это, случайно. не реклама?
Ответить с цитированием
  #7 (permalink)  
Старый 11.08.2017, 14:53
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Сообщение от Dilettante_Pro
Похоже, на сайте все это уже делается.
вы не поняли, есть калькулятор http://septikperm.ru/podbor.html который просто подставляет итоговое значение, а мне надо его преобразовать в ссылку на итоговый товар

Сообщение от Dilettante_Pro
Это, случайно. не реклама?
она самая, ведь мне очень сильно поможет такой донор как javascript если я занимаюсь канализацией.
Ответить с цитированием
  #8 (permalink)  
Старый 11.08.2017, 17:26
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Если бы у вас в img был бы title такой же, как innerText в этом img, то можно было бы примерно так - ссылка слева внизу.
(не вполне работает, т.к на этом сайте запрещен переход на http. Но результат можно посмотреть в консоли)

<style>
.product {
   display:inline-block;
}
</style>
<ul class="products">

					
					
						<li class="post-2734 product type-product status-publish has-post-thumbnail product_cat-topas first instock sale purchasable product-type-simple">
	<a href="http://septikperm.ru/tovar/septiki/topas/topas-5" class="woocommerce-LoopProduct-link">
	<span class="onsale" title="При заказе монтажа действует скидка">Скидка 12%!</span>
<img width="150" height="150" src="http://septikperm.ru/wp-content/uploads/2016/03/b3cf2ddf9e1311e49dcd080027bd10f1_386fdd73bc2311e4b2f6080027bd10f1-150x150.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="Фото Топас 5" title="Топас 5"><h3>Топас 5</h3>
	<span class="price"><del><span class="woocommerce-Price-amount amount">98.900&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">87.032&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></ins></span>
</a>
            <a class="clickBuyButton button21" href="#" data-productid="2734">Заказать</a>

            <a href="http://septikperm.ru/tovar/septiki/topas/topas-5" class="button addtocartbutton">Подробнее</a><a href="http://septikperm.ru?action=yith-woocompare-add-product&amp;id=2734" class="compare " data-product_id="2734" rel="nofollow">Cравнить</a></li>

					
						<li class="post-4692 product type-product status-publish has-post-thumbnail product_cat-topas  instock sale purchasable product-type-simple">
	<a href="http://septikperm.ru/tovar/septiki/topas/topas-4" class="woocommerce-LoopProduct-link">
	<span class="onsale" title="При заказе монтажа действует скидка">Скидка 12%!</span>
<img width="150" height="150" src="http://septikperm.ru/wp-content/uploads/2016/03/b3cf2ddf9e1311e49dcd080027bd10f1_386fdd73bc2311e4b2f6080027bd10f1-150x150.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="Фото Топас 5" title="Топас 5"><h3>Топас 4</h3>
	<span class="price"><del><span class="woocommerce-Price-amount amount">87.200&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">76.736&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></ins></span>
</a>
            <a class="clickBuyButton button21" href="#" data-productid="4692">Заказать</a>

            <a href="http://septikperm.ru/tovar/septiki/topas/topas-4" class="button addtocartbutton">Подробнее</a><a href="http://septikperm.ru?action=yith-woocompare-add-product&amp;id=4692" class="compare " data-product_id="4692" rel="nofollow">Cравнить</a></li>

					
						<li class="post-4693 product type-product status-publish has-post-thumbnail product_cat-topas  instock sale featured purchasable product-type-simple">
	<a href="http://septikperm.ru/tovar/septiki/topas/topas-4-pr" class="woocommerce-LoopProduct-link">
	<span class="onsale" title="При заказе монтажа действует скидка">Скидка 12%!</span>
<img width="150" height="150" src="http://septikperm.ru/wp-content/uploads/2016/03/b3cf2df49e1311e49dcd080027bd10f1_b3cf2df79e1311e49dcd080027bd10f1-150x150.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="Фото Топас 5 Пр" title="Топас 4 Пр"><h3>Топас 4 Пр</h3>
	<span class="price"><del><span class="woocommerce-Price-amount amount">97.000&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">85.360&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></ins></span>
</a>
            <a class="clickBuyButton button21" href="#" data-productid="4693">Заказать</a>

            <a href="http://septikperm.ru/tovar/septiki/topas/topas-4-pr" class="button addtocartbutton">Подробнее</a><a href="http://septikperm.ru?action=yith-woocompare-add-product&amp;id=4693" class="compare " data-product_id="4693" rel="nofollow">Cравнить</a></li>

					
						<li class="post-2761 product type-product status-publish has-post-thumbnail product_cat-topas last outofstock sale purchasable product-type-simple">
	<a href="http://septikperm.ru/tovar/septiki/topas/topas-10-long-pr-us" class="woocommerce-LoopProduct-link">
	<span class="onsale" title="При заказе монтажа действует скидка">Скидка 12%!</span>
<img width="150" height="150" src="http://septikperm.ru/wp-content/uploads/2016/03/987d044ccd9411e2bf48d02788c645f2_386fdd59bc2311e4b2f6080027bd10f1-150x150.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="Фото Топас 10 Лонг Пр Ус" title="Топас 10 Лонг Пр Ус"><h3>Топас 10 Лонг Пр Ус</h3>
	<span class="price"><del><span class="woocommerce-Price-amount amount">221.500&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">194.920&nbsp;<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></ins></span>
</a>
            <a class="clickBuyButton button21" href="#" data-productid="2761">Заказать</a>

            <a href="http://septikperm.ru/tovar/septiki/topas/topas-10-long-pr-us" class="button addtocartbutton">Подробнее</a><a href="http://septikperm.ru?action=yith-woocompare-add-product&amp;id=2761" class="compare " data-product_id="2761" rel="nofollow">Cравнить</a></li>		
						
				</ul>
<script>
  var result = "Топас 4 Пр";
  var res =  document.querySelector('img[title="' + result +'"]').parentNode;
  var refer = res.cloneNode();
   refer.innerText = result;
  document.body.appendChild(refer);
</script>
Ответить с цитированием
  #9 (permalink)  
Старый 14.08.2017, 14:54
Профессор
Отправить личное сообщение для sergiocharm Посмотреть профиль Найти все сообщения от sergiocharm
 
Регистрация: 12.08.2011
Сообщений: 176

Dilettante_Pro,
не совсем понял что ваш скрипт делает?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цикл $.each не выводит полученные от сервера данные Adminsim AJAX и COMET 1 29.04.2017 19:14
Как правильно получить и присвоить данные полученные из сервера Axios, react-redux hambat Общие вопросы Javascript 5 07.03.2017 17:09
Как получить полученные json данные из вне функции dztop Общие вопросы Javascript 9 15.11.2016 16:00
данные полученные getJson Sveta AJAX и COMET 6 31.10.2012 09:27
Не совсем обычный фрейм и выезжающий текст при наводе на картинку. amaz245 Элементы интерфейса 35 25.12.2010 17:29