Форум

ksa · #11 (**permalink**) 25.05.2015, 10:08

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.t').change(function(){
		var o=$(this.options[this.selectedIndex]);
		var or=$(this.parentNode.parentNode);
		or.find('span').text(o.data('price'));
		or.find('img').attr('src',o.data('img'));
	});
});
</script>
</head>
<body>
<table id='myTab'>
	<tr>
        <th>Тип</th>
		<th>Наименование</th>
		<th>Изображение</th>
		<th>Цена, грн.</th>
    </tr>
	<tr>
	<td>Processors</td>
	<td>
		<select class='t'>
			<option value='' data-price='' data-img='http://javascript.ru/forum/images/smilies/sad.gif'>Выбрать</option>
			<option value='Processors-1' data-price='10' data-img='http://javascript.ru/forum/images/smilies/smile.gif'> ЕУІІ 1</option>
			<option value='Processors-2' data-price='20' data-img='http://javascript.ru/forum/images/smilies/wink.gif'> ЕУІЕ 2</option>
			<option value='Processors-2' data-price='30' data-img='http://javascript.ru/forum/images/smilies/laugh.gif'> ЕУІЕ 3</option>		
		</select>
	</td>
	<td><img src='http://javascript.ru/forum/images/smilies/sad.gif'></td>
	<td><span></span></td>
	</tr>
</table>
</body>
</html>

makalet · #12 (**permalink**) 25.05.2015, 14:58

ksa, сделал как у вас - http://prntscr.com/795ode вот что получилось. Код хпх на первой странице в 1 посте

ksa · #13 (**permalink**) 25.05.2015, 15:32

makalet, у нас на работе отслеживают интернет-трафик и адреса УРЛ... Да и с ПХП я не работаю, использую другой серверный язык.

makalet · #14 (**permalink**) 25.05.2015, 21:41

ksa,

Я за помощь на пивко бы дал

makalet · #15 (**permalink**) 26.05.2015, 05:46

ksa, как не пытаюсь поместить картинку и цену в разные td - ничего не получается. http://prntscr.com/79g85m

<tr>
<td>Процессор</td>
 <td> 
    <div class='newselect'>
       <select class='chosen' id='chosenmak' name='maker' > 
	  <option value="0" value='' data-price=''>-- Выбрать --</option>
		<?php 
			foreach ($arr_get as $value) {
			$ID  = $value['ID'];
			$Price  = $value['Price'];											
		        $Model = $value['Model'];	
                        $photo  = $value['photo'];

	  echo '<option data-price="'.$Price.'" data-image="'.$photo.'" value="'.$Manufacture.' ">'."$Manufacture"." "."$Model"." '</option>';									
	}
            ?>
      </select>				          
     </div>
<img src='' name='image_cpu'  id='preview'/>
<span ></span>
</td>   
</tr>

Подскажите:
1. Когда img и span обертываю в tr, то выводит пустоту.
2. Также, когда выбрано значение "Выбрать", то цена и картинка не скрываются. Как исправить?
3. Вот ваш пример. http://jsfiddle.net/tngebbfx/ Как считать всю стоимость и вывести ее в поле "Итого"?
4. Можно ли как-то взять значение с option (например, ."$Manufacture"." "."$Model"." ) и внедрить в value?? Очень нужно так сделать, чтобы в value заного не прописывать переменные

laimas · #16 (**permalink**) 26.05.2015, 06:00

echo '<option data-price="'.$Price.'" data-image="'.$photo.'" value="'.$Manufacture.' ">'."$Manufacture"." "."$Model"." '</option>';

Может все таки:

echo '<option data-fabric="'.$Manufacture.'" data-image="'.$photo.'" value="'.$Price.' ">'."$Manufacture"." "."$Model"." '</option>';

makalet · #17 (**permalink**) 26.05.2015, 06:44

laimas, а что изменилось? Поменял у себя на вашу строку. Ничего

kostyanet · #18 (**permalink**) 26.05.2015, 07:18

Сообщение от makalet

Я совсем новичок и не знаю как сделать.

Так не делается. Вы придумали какой-то бред, нашли плохой пример и пытаетесь свой бред совместить с этим примером не понимая как оно вообще делается как устроен принцип.

kostyanet · #19 (**permalink**) 26.05.2015, 07:40

Сайт который не реклама построен инженерно. То есть коммерцией они не занимаются, ничего не впаривают, типа надо заранее знать что хочешь и просто профтыкать в селектах свои хотелки посматривая время от времени на бюджет.

Вы, или ваш заказчик, подумали что это плохо, что надо сделать более коммерчески и теперь вы пытатесь совместить этот инженерный подход с торгашеским.

Да нихера они не совмещаются и не надо ничего совмещать. Забивание телеги товаром ничем не отличается от комплектования компа. Нахера лишние сущности? Все давным-давно отработано и вы можете лишь улучшить, если получится.

Короче, у вас есть обычный каталог и в нем есть кнопки Купить. Человеку впаривается товар, он нажимает кнопку Купить - индентификатор и цена валятся в куки. Человек открывает телегу - видит что навалил в нее. Смотрит, сравнивает, редактирует, все как обычно. Интерфейс ему все показывает, считает, дает ссылки и все такое. Затем юзверь жмет кнопку Оформить и готово.

makalet · #20 (**permalink**) 26.05.2015, 07:49

kostyanet, у меня как раз и есть такое. Категории, пользователь сам покупает нужные ему части, добавление в корзину и т.д.
А типа конфигуратор пк мне надо для сборки, который клиент пожелал, не знающий толком про конфигурацию. Вот и будет продавец, который занимается этим. Может и лишнее, но мне надо.

Форум

Справочник

Discord чат

Курсы javascript