Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.11.2013, 22:39
Новичок на форуме
Отправить личное сообщение для Belkazavr Посмотреть профиль Найти все сообщения от Belkazavr
 
Регистрация: 07.11.2013
Сообщений: 3

Онлайн калькулятор с ajax
Добрый вечер!
Помогите реализовать онлайн калькулятор.

Нашли хороший онлайн калькулятор на одном сайте http://ochag-shop.ru/design_calc
Нужно запустить такой на другом сайте.
Скопировали код и пробуем запустить.
В Dreamweaver CS6 в режиме Live - работает отображает ответ.
Копируем данный код в файл .php (.html пробовали) все работает, но не получается ответ

вывести.
Просто пустое место.

Возможно не хватает post запроса к /index.php.
Помогите разобраться
Ответить с цитированием
  #2 (permalink)  
Старый 07.11.2013, 22:39
Новичок на форуме
Отправить личное сообщение для Belkazavr Посмотреть профиль Найти все сообщения от Belkazavr
 
Регистрация: 07.11.2013
Сообщений: 3

Сам код скрипта.
Код:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="http://ochag-shop.ru/component/design_calc/design_calc.css" rel="stylesheet" 

type="text/css"/>

<script type="text/javascript" src="http://ochag-shop.ru/theme/insite/js/jquery-

1.4.2.min.js"></script>

<script type="text/javascript" src="http://ochag-

shop.ru/theme/insite/fancybox/jquery.fancybox-1.3.1.pack.js"></script>

<script type="text/javascript" src="http://ochag-

shop.ru/theme/insite/js/jquery.tools.min.js"></script> 

<link href="http://ochag-shop.ru/includes/colorbox/theme4/colorbox.css" rel="stylesheet" 

type="text/css"/>

<script type="text/javascript" src="http://ochag-

shop.ru/includes/colorbox/jquery.colorbox.js"></script>

<script type="text/javascript" src="http://ochag-shop.ru/includes/js/jquery.form.js"></script>

<script type="text/javascript" src="http://ochag-

shop.ru/component/design_calc/design_calc.js"></script>










     
     
      <!--i24_ib_start--><div class="ib_workspace_wrapper" id="ib_workspace"><div 

class="calcWrapper">
      
      
	<script language="javascript">
	$(document).ready(function() {
		var allTabs = $('.tabs div[class*=tab]').length;
                
		for (i=0; i<allTabs; i++) {
			var calcsListName = $('div.tabs div.tab').eq(i).attr('title');
			$('select.SelectCalc').append('<option></option>');
			$('select.SelectCalc option:last').append(calcsListName).attr('value', 

i);
			var handler= $('select.SelectCalc').data('events').change[0].handler;
			$('select.SelectCalc').unbind('change');
			$('select.SelectCalc').change(handler);
		}
		$('#doorList table tr:last').addClass('last');
	});
	var options_calc_vars = {	target:        '#result01'
									  };
		</script>
        

        
        
	<form name="wallpapersForm"  id="wallpapersForm"  action="http://ochag-

shop.ru/index.php"  method="post">
            <input type="hidden" name="c" value="calcresult"  />
            <input type="hidden" name="4ajax" value="1"  />
            <!--<input type="button" value="Посчитать" 

onclick="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;" />-->
	<div class="CalcTitle" style="border-bottom:1px dotted #E9DFD0; padding-bottom:14px; 

">Я хочу посчитать расход 
		<select name="what" class="SelectCalc" >
			
		</select>
        
	</div>
        
	<div class="tabs" >

		
		<div class="tab" id="nothing" title="">

		</div>
		<div class="tab" id="wallpapers" title="обоев">
			<div class="calcLine2" >
				<label class="linLine2" for="walltype" style="width:124px; 

">Размер обоев:</label>
				<select id="walltype" name="walltype" class="meters" 

onchange="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;">
					<option value="10000_530">10*0,53</option>
					<option value="15000_530">15*0,53</option>
					<option value="10000_1060">10*1,06</option>
					<option value="25000_1060">25*1,06</option>
					<option value="10000_700">10*0,7</option>
					<option value="25000_1000">25*1,0</option>
				</select> <span>м.</span>
				
			</div>
		</div>



		
		<div class="tab" id="paint" title="краски">
			<div class="calcLine2" >
				<label class="linLine2" for="width">Тип краски</label>
				<select id="painttype" name="painttype" class="meters" 

onchange="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;">
					<option value="120_215">Водно-дисперсионная 

акриловая</option>
					<option value="80_145">Эмаль алкидная Ticiana</option>
					<option value="140_250">Эмаль алкидная 

Olecolor</option>
					<option value="110_190">Эмаль акриловая 

Ticiana</option>
					<option value="100_170">Эмаль НЦ</option>
					<option value="2200_0">Штукатурка роллерная 

Ticiana</option>
					<option value="1500_0">Штукатурка моделирующая 

Ticiana</option>
					<option value="200_0">Декоративное покрытие (перлам. 

бархат)</option>
					<option value="125_220">Лак акриловый</option>
					<option value="75_130">Лак алкидный</option>
					<option value="150_200">Грунт ВДАК</option>
					<option value="320_500">Грунт адгезионный</option>
					<option value="750">Готовая шпаклевка</option>		

			
					<option value="110_190">Краска МА-15</option>
					<option value="100_170">Пропитка по дереву</option>
				</select>
			</div>
		</div>
		
		<div class="tab" id="plitka1" title="облицовочной плитки">
			<div class="calcLine2" >
				<label class="linLine2" for="width">Ширина и высота 

плитки</label>
				<select id="Pl1width" name="Pl1width" class="meters" 

onchange="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;">
					<option value="250_300">0.25 x 0.30</option>
					<option value="250_350">0.25 x 0.35</option>
					<option value="250_400">0.25 x 0.40</option>
					<option value="200_200">0.20 x 0.20</option>
                                        <option value="200_300">0.20 x 0.30</option>
					<option value="200_350">0.20 x 0.35</option>
					<option value="200_400">0.20 x 0.40</option>
				</select> <span>м.</span>
			</div>
			
			
		</div>
		
		<div class="tab" id="plitka2" title="половой плитки">
			<div class="calcLine2" >
				<label class="linLine22" for="width">Ширина и высота 

плитки</label>
				<select id="Pl2width" name="Pl2width" class="meters" 

onchange="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;">
					<option value="300_300">0.30 x 0.30</option>
					<option value="327_327">0.327 x 0.327</option>
					<option value="330_330">0.33 x 0.33</option>
					<option value="400_400">0.40 x 0.40</option>
					<option value="600_600">0.60 x 0.60</option>
				</select> <span>м.</span>
			</div>
		</div>

		<div class="tab" id="floori" title="подвесного потолка">
			<div class="calcLine2" >

			</div>
		</div>

            <div class="tab" id="floori" title="реечного потолка">
			<div class="calcLine2" >
				<label class="linLine2" for="ifloor" style="width:124px; 

">Длина :</label>
                                <select id="ireika" name="ireika" class="meters" 

onchange="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;">
					<option value="3">3</option>
					<option value="4">4</option>
				</select> <span>м.</span>

			</div>
		</div>
		
		<div id="forAll">
			<div>
				<div class="calcLine" id="idheight" >
					<label class="linLine1" for="height" >Высота комнаты 

</label>
					<input id="height" name="height" maxlength="4" 

class="meters"  onkeyup="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;"/> 

<span>м.</span>
				</div>
				<div class="calcLine" >
					<label class="linLine1" for="width">Введите ширину 

</label>
					<input id="width" name="width" maxlength="4" 

class="meters"  /> <span>м.</span>
					<label class="linLine2" for="length">и длину</label>
                                        <input id="length22" name="length22" maxlength="4" 

class="meters"  /> <span>м.</span> <label class="linLine2" for="length" >комнаты</label>
				</div>
				<div class="calcLine" id="idperimetr" >
					<label  class="linLine1" for="perimeter">или её 

периметр</label>
					<input id="perimeter" name="perimeter" maxlength="8" 

class="meters perimeter" onkeyup="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return 

false;" /> <span>м.</span>
				</div>	
				<div class="calcLine" id="idsquare" >
					<label  class="linLine1" for="square">или её 

площадь</label>
                                        <input id="square" name="square" maxlength="8" 

class="meters perimeter" onkeyup="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return 

false;" /> <span>м<sup>2</sup>.</span>
				</div>
	
				<div class="calcLine" id="idwindows">
					<label for="windowsNum">Окон</label> 
					<select class="windowsNum" name="windowsNum" 

onblur="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;" >
						<option value="0">нет</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
					</select>
					
					<div id="windowList" class="listbox">
						<table cellpadding="0" cellspacing="0">
							
						</table>
					</div>

				</div>
				<div class="calcLine" id="iddoors">
					<label for="doorsNum">Дверей</label>
					<select class="doorsNum" name="doorsNum" 

onblur="$('#wallpapersForm').ajaxSubmit(options_calc_vars); return false;" >
						<option value="0">нет</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
					</select>
					
					<div id="doorList" class="listbox">
						<table cellpadding="0" cellspacing="0">
						</table>
						<span></span>
					</div>
				</div>
			</div>
		
		<input type="submit" value="Посчитать" />

		
		</form>


<div id="result01" style="border-top:1px dotted #E9DFD0; display:non1e">546546

</div>

<div class="CalcTitle" style="padding-left:17px;">Расход: 0 рулонов<div class="note">Внимание! 

Расход обоев может изменяться в зависимости от рисунка обоев, т.к. для подгонки может 

обрезаться по нескольку сантиметров.</div>
        </div>

<script language="javascript">
    // убрать когда оттестируем
    //$('div#result01').show();
</script></div><!--i24_ib_end-->
Ответить с цитированием
  #3 (permalink)  
Старый 07.11.2013, 23:58
Новичок на форуме
Отправить личное сообщение для Belkazavr Посмотреть профиль Найти все сообщения от Belkazavr
 
Регистрация: 07.11.2013
Сообщений: 3

А это куда вставить нужно? и к какому файлу путь указывать нужно?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с AJAX Dim@ AJAX и COMET 4 16.09.2012 22:52
Ajax таблица gofkane Работа 1 26.09.2011 18:26
Ajax таблица gofkane Работа 0 25.09.2011 11:53
Онлайн калькулятор NeoMurderer jQuery 20 24.02.2011 18:03
Ajax разбор метода mycoding jQuery 14 21.05.2010 10:57