Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Возможно ли мне сделать такое на html сайте?

#1 NIkolik

NIkolik
  • Пользователь
  • 32 сообщений
  • Репутация: 0
0

Отправлено 16 Октябрь 2013 - 21:45

Вот на этом сайте "http://fitfan.ru/cal...8-kalorii.html" есть калькулятор калорий. Возможно ли мне сделать такой на своем html сайте? Если возможно, то как? Просто очень полезная штука. Помогите, пожалуйста.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как сделать дизайн сайта?
  2. Можно ли заработать только с HTML/CSS?
  3. Возможно ли на блоге сделать форум?
  4. Как сделать одностраничный сайт?
  5. Вообще, возможно ли сделать опрос на сайте так?

#2 greenkas

greenkas
  • Пользователь
  • 30 сообщений
  • Репутация: 3

Отправлено 16 Октябрь 2013 - 22:08

На html сайте это возможно. Этот калькулятор сделан на javascript и можно скрипты попробовать вытащить с сайта. Но это будет сложновато.
  • 0

#3 NIkolik

NIkolik
    Topic Starter
  • Пользователь
  • 32 сообщений
  • Репутация: 0

Отправлено 16 Октябрь 2013 - 22:16

Спасибо, просто пробовал вытащить дак не получилось.

Может поможет кто?) Был бы очень очень благодарен.


  • 0

#4 starlayt

starlayt
  • Пользователь
  • 69 сообщений
  • Репутация: 1

Отправлено 16 Октябрь 2013 - 22:17

greenkas, там подробные комментарии на русском языке, но написать такой же скрипт можно легко (при знаниях JavaScript)
  • 0

#5 NIkolik

NIkolik
    Topic Starter
  • Пользователь
  • 32 сообщений
  • Репутация: 0

Отправлено 16 Октябрь 2013 - 22:31

а скрипты которые находятся в <head> нужны?
  • 0

#6 starlayt

starlayt
  • Пользователь
  • 69 сообщений
  • Репутация: 1

Отправлено 16 Октябрь 2013 - 22:50

Я там не нашел ничего нужно, ну кроме jQuery. Незнаю как все может быть связано между собой. Думаю этого куска кода достаточно:

<style type="text/css">
@import url(/engine/modules/calc_calorie/css/food.site.css);
@import url(/engine/modules/calc_calorie/css/jquery.autocomplete.css);
</style>

<script language="javascript" src="/engine/modules/calc_calorie/jscripts/jquery.autocomplete.js"></script>
<script type="text/javascript" src="/engine/modules/calc_calorie/jscripts/jquery.dump.js"></script>
<script language="javascript" type="text/javascript" src="/engine/modules/calc_calorie/jscripts/food.js"></script>

<div id="food-first" style="width:100%;"></div>



<script language="javascript">
 
  var foodList = [];
 
  function onAddKeyword(food, obj)
  {
   for(var i=0; i<foodList.length; i++)
    if (food.element_id != foodList[i].element_id)
	 foodList[i].AddToKeywordList(obj.title,
	  obj.belki, obj.jiri, obj.ugle);
  }
 
  function onAddKeywordsEnd(food)
  {
   for(var i=0; i<foodList.length; i++)
    if (food.element_id != foodList[i].element_id)
	 foodList[i].setKeywordsToInputs();
  }
 
  function onRacionSaved(r)
  {
   // медленно скрываем рацион из визуального контакта
   r.element.toggle('slow', function() {
    // вынимаем (удаляем) рацион из DOM-дерева
    r.element.detach();
    // очищаем список рационов
    r.food.racionList = [];
    // добавляем ф-цию compact
    $.extend(r.food.racionList, {'compact': r.food.compact});
    // вставляем наш рацион в основной список рационов
    food.racionList.splice(0, 0, r);
    // присваиваем рациону новый food
    r.food = food;
    // вставляем рацион в DOM-дерево food
    r.element.insertBefore( $('div:first', food.element) );
    // показываем заголовок рациона
    r.showHeader( true );
    // устанавливаем текст заголовка
    // текст берём из поля, в которое пользователь вводил название рациона
    r.setHeaderTitle(r.getSavedRacionTitle());
    // отмечаем, что рацион уже сохранён
    r.opt('isSavedRacion', true);
    // отмечаем, что регистрация не требуется
    r.opt('needRegistration', false);
    // считаем результаты
    r.food.calcResultValues();
    // удаляем старый обработчик при сохранении рациона
    r.options.onSaved = null;
    // ставим стрелки в нужном порядке
    r.food.showHideArrows();
   
    // событие изменения списка рационов
    r.food.onRacionListChanged();
   
    // медленно показываем рацион в основном списке
    r.element.toggle('slow', function() {
	 // добавляем пустой рацион в НЕосновной список
	 var rr = foodFirst.addRacion({
	  onSaved: onRacionSaved,
	  needRegistration: false
	 });
	 // добавляем 1 продукт
	 var pp = rr.addProduct({
	  active: true
	 });
    });
   });
  }
 
 
 
  $('#food-first').food({
   showResultBox: false,
   'onAddKeyword': onAddKeyword,
   'onAddKeywordsEnd': onAddKeywordsEnd,
   tooltipSaveText: 'Сохранить название и состав продукта  в разделе &quot;Мои продукты&quot;.',
  
  
   tooltipNotInBaseText: 'Такого продукта нет в нашей базе, но вы можете ввести его состав',
  
   'tooltipProductStruct': 'Вводите значение в граммах на 100г продукта',
   showStructTooltip: true,
  
   type: $.FOOD_TYPE_NEW_AN
  });
  var foodFirst = $('#food-first').food();
  foodList.push(foodFirst);
  var r = foodFirst.addRacion({
   onSaved: onRacionSaved,
 
  
  
   needRegistration: true
  
  });
  var p = r.addProduct({active: true});
  // test
  //alert($(document).parent().length);
 
  $('body').click(function(e) {
   for(var i=0; i<foodList.length; i++)
    foodList[i].checkTargetForClick(e.target);
  });
 
 
</script> 

</div>
<div class="clear"></div>
</div>
<div class="news-all">
<div id="SC_TBlock_2564" class="SC_TBlock">загрузка...</div>
<script type="text/javascript">var SC_CId = 2564;</script>
<script type="text/javascript"
src="http://st.ad.smaclick.com/js/adv_out.js"></script>
</div></div>
Вытянуть скрипты, поменять домен в коде на свой, если попадется.

Но я за соблюдение авторских прав! Нехорошо.
  • 0

#7 NIkolik

NIkolik
    Topic Starter
  • Пользователь
  • 32 сообщений
  • Репутация: 0

Отправлено 16 Октябрь 2013 - 23:00

Что-то не так, не работает :)
Просто полезная штука, а как это сделать не знаю. Вот и приходится такими способами.
  • 0

#8 k1on

k1on
  • Пользователь
  • 63 сообщений
  • Репутация: 7

Отправлено 16 Октябрь 2013 - 23:52

проще всего сохранить страницу (ctrl + s) полностью, и далее уже убрать лишнее, оставив сам калькулятор.
  • 1

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru