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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 216 3 темы, 15 сообщений, 6 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 31.5 0 тем, 21 сообщение, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 13.08.2018
Топ 5 участников по репутации


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

#1 NIkolik

NIkolik
  • Неактивные
  • 32 сообщений
  • Репутация: 0
0

Отправлено 16 October 2013 - 21:45

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Собираюсь сделать сайт. Есть несколько вопросов...
  2. Как создать html сайт
  3. Получится ли сохранить систему URL при переходе html сайта на wordpress
  4. Статичный сайт на html - плюсы и минусы
  5. Что надо знать и делать, чтобы стать html-верстальщиком?

#2 greenkas

greenkas
  • Неактивные
  • 30 сообщений
  • Репутация: 3

Отправлено 16 October 2013 - 22:08

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

#3 NIkolik

NIkolik
    Topic Starter
  • Неактивные
  • 32 сообщений
  • Репутация: 0

Отправлено 16 October 2013 - 22:16

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

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


  • 0

#4 starlayt

starlayt
  • Неактивные
  • 82 сообщений
  • Репутация: 5

Отправлено 16 October 2013 - 22:17

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

#5 NIkolik

NIkolik
    Topic Starter
  • Неактивные
  • 32 сообщений
  • Репутация: 0

Отправлено 16 October 2013 - 22:31

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

#6 starlayt

starlayt
  • Неактивные
  • 82 сообщений
  • Репутация: 5

Отправлено 16 October 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 October 2013 - 23:00

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

#8 k1on

k1on
  • Неактивные
  • 63 сообщений
  • Репутация: 7

Отправлено 16 October 2013 - 23:52

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

robot

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


Похожие темы

  Название темы Автор Статистика Последнее сообщение

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