Полученные данные инпут
Ребята, подскажите.
Есть калькулятор, при введении данных в который в инпут вставляется итоговое значение. Вот он 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 Пр, мне надо как то сделать чтобы рядом подставлялась ссылка на этот товар, по сути считать бы значение итога, сравнить его со значнием и исходя из этого подставить нужную ссылку. |
Калькулятор прикреплен внизу экрана слева http://septikperm.ru
|
Хорошо, что js не обфусцирован)
А где сами ссылки? |
Цитата:
Цитата:
надо подставлять в зависимости от полученных данных определенную ссылку |
Цитата:
ПО сути калькулятор что делает, в зависимости от простановки количества подставляет номер модели "Топас" например 5,8 и так далее, в зависимости от глубины трубы подставляет лонг, в зависимости принудительный выброс или нет подставляет ПР, вот и надо итог прочитать, например получился результат Топас 5 Пр, надо взять полностью значение "Топас 5 Пр" и присвоить ему ссылку и сослаться на товар ИМ. |
sergiocharm,
Похоже, на сайте все это уже делается. Это, случайно. не реклама? |
Цитата:
Цитата:
|
Если бы у вас в 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 <span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">87.032 <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&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 <span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">76.736 <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&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 <span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">85.360 <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&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 <span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></del> <ins><span class="woocommerce-Price-amount amount">194.920 <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&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>
|
Dilettante_Pro,
не совсем понял что ваш скрипт делает? |
| Часовой пояс GMT +3, время: 18:37. |