X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Возможно ли мне сделать такое на html сайте?
NIkolik
NIkolik
Topic Starter сообщение 16.10.2013, 22:45; Ответить: NIkolik
Сообщение #1


Вот на этом сайте "http://fitfan.ru/calc/2708-kalorii.html" есть калькулятор калорий. Возможно ли мне сделать такой на своем html сайте? Если возможно, то как? Просто очень полезная штука. Помогите, пожалуйста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
greenkas
greenkas
сообщение 16.10.2013, 23:08; Ответить: greenkas
Сообщение #2


На html сайте это возможно. Этот калькулятор сделан на javascript и можно скрипты попробовать вытащить с сайта. Но это будет сложновато.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NIkolik
NIkolik
Topic Starter сообщение 16.10.2013, 23:16; Ответить: NIkolik
Сообщение #3


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

Может поможет кто?) Был бы очень очень благодарен.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
starlayt
starlayt
сообщение 16.10.2013, 23:17; Ответить: starlayt
Сообщение #4


[member=greenkas], там подробные комментарии на русском языке, но написать такой же скрипт можно легко (при знаниях JavaScript)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NIkolik
NIkolik
Topic Starter сообщение 16.10.2013, 23:31; Ответить: NIkolik
Сообщение #5


а скрипты которые находятся в <head> нужны?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
starlayt
starlayt
сообщение 16.10.2013, 23:50; Ответить: starlayt
Сообщение #6


Я там не нашел ничего нужно, ну кроме 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>

Вытянуть скрипты, поменять домен в коде на свой, если попадется.

Но я за соблюдение авторских прав! Нехорошо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NIkolik
NIkolik
Topic Starter сообщение 17.10.2013, 0:00; Ответить: NIkolik
Сообщение #7


Что-то не так, не работает :)
Просто полезная штука, а как это сделать не знаю. Вот и приходится такими способами.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k1on
k1on
сообщение 17.10.2013, 0:52; Ответить: k1on
Сообщение #8


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28837 Вчера, 12:41
автор: Vampler
Горячая тема (нет новых ответов) CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте
34 CryptoCLoud 10058 18.3.2024, 16:56
автор: CryptoCLoud
Открытая тема (нет новых ответов) Странный трафик на сайте длительное время
26 TABAK 7504 16.3.2024, 17:31
автор: Boymaster
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрый и качественный обмен на сайте Baksman.org
Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк
51 Baksman 33207 15.3.2024, 21:14
автор: Baksman
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2393 27.2.2024, 2:15
автор: AndrePro


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:29
Дизайн