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

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

версия 0.8
Более 790 бесплатных онлайн калькуляторов, свыше 345 установок!

Есть вопросы? Напишите нам в Telegram https://t.me/rasschitai

Виджет онлайн калькулятора – это калькуляторы, которые можно установить на свой сайт. Всего три простых шага от выбора калькулятора до установки кода, займет не более 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:"4e63bc61-b7b2-4e38-b59a-00cf89f8174e"}).init())},"[object Opera]"==t.opera?e.addEventListener("DOMContentLoaded",s,!1):s()}(document,window);
</script>
<a href="https://rasschitai.ru/zavisimost_temperatury_kipeniya_vody_ot_vysoty_nad_urovnem_morya.html" id="rasschitai-4e63bc61-b7b2-4e38-b59a-00cf89f8174e" 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':'4e63bc61-b7b2-4e38-b59a-00cf89f8174e',
				/*
				//значение по умолчанию
				'field':{
					'h':'1000', //Высота (м)
					't':'15' //Температура (&#8451;)
				}
				*/
			});
			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/zavisimost_temperatury_kipeniya_vody_ot_vysoty_nad_urovnem_morya.html" id="rasschitai-4e63bc61-b7b2-4e38-b59a-00cf89f8174e" title="Зависимость температуры кипения воды от высоты над уровнем моря | Рассчитай">Зависимость температуры кипения воды от высоты над уровнем моря</a>
Файл ajax.php
$post=json_decode(file_get_contents("php://input"),true);

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