Виджет онлайн калькулятора для Вашего сайта | Рассчитай

Виджет онлайн калькулятора

версия 0.8
Более 370 бесплатных онлайн калькуляторов

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

Если у вас есть вопросы или предложения обязательно напишите нам. Мы с удовольствием ответим на все ваши вопросы.

1
Выберите калькулятор
2
Просмотрите результат
Расчет расхода штукатурки
3
Установите код на Ваш сайт
Оптимизированный Полный код
Оптимизированный

Скопируйте и установите этот код на ваш сайт в тело страницы (между тегами <body> код </body>)

<script type="text/javascript">
!function(e,t){var n=!1,a=e.getElementsByTagName("script")[0],i=e.createElement("script"),s=function(){a.parentNode.insertBefore(i,a)};i.type="text/javascript",i.async=!0,i.src="https://rasschitai.ru/libs/Views/js/js.widget.js?t="+(new Date).getTime(),i.onload=i.onreadystatechange=function(){n||this.readyState&&"complete"!=this.readyState||(n=!0,new t.RASSHITAI({uuid:"1bb1a31d-96cb-4e96-a992-b9877ddd4f7b"}).init())},"[object Opera]"==t.opera?e.addEventListener("DOMContentLoaded",s,!1):s()}(document,window);
</script>
<a href="https://rasschitai.ru/raschet_raskhoda_shtukaturki.html" id="rasschitai-1bb1a31d-96cb-4e96-a992-b9877ddd4f7b" title="Расчет расхода штукатурки | Рассчитай">Расчет расхода штукатурки</a>
Полный код

Полный код детально показывает, как организовать взаимодействие калькулятора с вашим сайтом. После успешно расчета, срабатывает событие success, куда передаются введённые данные от пользователя, а также результат расчета. С помощью метода rasschitai.ajax их можно передать на ваш сервер.

<script type="text/javascript">
(function(d,w){
                   
	var r=false,
		n=d.getElementsByTagName("script")[0],
		s=d.createElement("script"),
		f=function(){n.parentNode.insertBefore(s,n);};

	s.type="text/javascript";
	s.async=true;
	s.src="https://rasschitai.ru/libs/Views/js/js.widget.js?t="+(new Date()).getTime();
	s.onload=s.onreadystatechange=function(){

		if(!r && (!this.readyState||this.readyState=='complete')){

			r=true;

			var rasschitai=new w.RASSHITAI({
				'uuid':'1bb1a31d-96cb-4e96-a992-b9877ddd4f7b'
			});
			if(rasschitai.init()){

				/*
				@type - тип события
				@callback - функция возврата после получения данных от калькулятора
				*/
				rasschitai.on('success',function(data){
	
					console.log(data);
					/*
					{
						form:{
							a:{label:"A",value:5},
							b:{label:"Б",value:10}
						},
						result:{
							r1:{label:"a+b=",value:15}
						}
					}
					*/
					
					/*
					Отправляет данные на ваш сервер
					@url - если ваш файл называется ajax.php и находиться в корне сайта, то путь до него будет /ajax.php 
					@data - данные в виде JSON 
					@callback - функция возврата после отправки данных, данные приходят в виде JSON
					*/
					rasschitai.ajax('/ajax.php',{'result':data.result.r1.value},function(r){

						console.log(r);
						//{status:"ok",post:{result:"15"}}
					});
				});
			}
		}
	};

	if(w.opera=="[object Opera]"){

		d.addEventListener("DOMContentLoaded",f,false);
	}else{
		f();
	}

})(document,window);
</script>
<a href="https://rasschitai.ru/raschet_raskhoda_shtukaturki.html" id="rasschitai-1bb1a31d-96cb-4e96-a992-b9877ddd4f7b" title="Расчет расхода штукатурки | Рассчитай">Расчет расхода штукатурки</a>
Файл ajax.php
$post=json_decode(file_get_contents("php://input"),true);

die(json_encode(array(
	'status'=>'ok',
	'post'=>$post
)));