BMI Calculator

var gain_weight = "https://bmicalculatorusa.com/weight-gain-tips/"; var gain_title = "weight gain tips"; var gain_visible = "visible"; var loss_weight = "https://bmicalculatorusa.com/weight-loss-tips/"; var loss_title = "weight loss tips"; var loss_visible = "visible"; document.write('<link type="text/css" rel="stylesheet" href="https://bmicalculatorusa.com/widgets-usa/widget.css">'); //document.write('<link type="text/css" rel="stylesheet" href="/widgets-usa/widget-color.css">'); document.write('<div class="bmi_widget_calc bmi_type_1" style="width: 548px; height: 480px"><div class="bmi_white_container"><div class="bmi_row"><div class="bmi_left"><h2>CALCULATE YOUR BMI</h2><div class="select_bmi_div js"><div class="select_div unit_div form-radio form-radio-em"><a class="imperial checked" href="#" data-value="1">IMPERIAL</a><a href="#" class="metric" data-value="0">METRIC</a><span id="slider-switch"></span></div></div><div class="bmi_metric"><div class="bmi_selector"><h6>Your height&nbsp;</h6><div class="bmi_col"><input type="text" class="bmi_input_text bmi_height" value="0"><label>m</label></div></div><div class="bmi_selector last"><h6>Your weight</h6><div class="bmi_col"><input type="text" class="bmi_input_text bmi_weight" value="0"><label>kg</label></div></div></div><div class="bmi_imperial bmi_hide"><div class="bmi_selector"><h6>Your height&nbsp;</h6><div class="bmi_col"><input type="text" class="bmi_input_text bmi_height" value="0"><label>ft.</label></div><div class="bmi_col"><input type="text" class="bmi_input_text bmi_inch" value="0"> <label>in.</label></div></div><div class="bmi_selector last"><h6>Your weight</h6><div class="bmi_col"><input type="text" class="bmi_input_text bmi_weight" value="0"><label>lbs.</label></div></div></div></div><div class="bmi_right"><div class="bmi_result"><div class="text"><span class="bmi_value">0</span><span class="bmi_conc">Your Result</span></div><a rel="nofollow" class="bmi_btn_help" href="https://bmicalculatorusa.com/weight-loss-tips/" target="_blank">weight loss tips</a></div></div></div></div><div class="bmi_row last"><div class="chart_bmi"><h6>Height</h6><div id="vertical-slider"></div><div class="vertical-ruler"></div><div id="bmi-main-chart"><div id="bmi-chart-dot"></div></div><div class="clear"></div><div class="horizontal-ruler"></div><div id="horizontal-slider"></div><div class="clear"></div><h6 class="align-right">Weight</h6><div class="clear"></div></div></div></div>'); (function() { var LL = LL || {}; LL.BmiManager = function () { this.weight = null; this.height = null; this.hSliderMin = 1.3; this.wSliderMin = 30; this.hSliderMax = 2.3; this.wSliderMax = 160; this.bmi = null; this.imperialHeight = []; this.imperialWeight = []; this.templates = {}; this.state = null; }; LL.BmiManager.prototype = { init: function () { this.wSlider = jQuery('#horizontal-slider'); this.hSlider = jQuery('#vertical-slider'); this.hScale = jQuery('.vertical-ruler'); this.wScale = jQuery('.horizontal-ruler'); this.sliderSwitch = jQuery('#slider-switch'); this.dotCont = jQuery('#bmi-main-chart'); this.dotContH = this.dotCont.height(); this.dotContW = this.dotCont.width(); this.dot = jQuery('#bmi-chart-dot'); this.initSliders(); this.showImperial(); this.attachHandlers(); //this.calculateBmi(); //this.displayTextResults(); }, attachHandlers: function () { var _self = this; jQuery("input.bmi_height, input.bmi_inch, input.bmi_weight, input.bmi_pounds").each(function () { jQuery(this).click(function () { jQuery(this).val(''); }); }); jQuery("input.bmi_height, input.bmi_inch").keyup(function (e) { var val = e.currentTarget.value; if (_self.state === 'imperial') { var ctx = '.bmi_' + _self.state; var imperialStr = jQuery(ctx + ' input.bmi_height').val() + '.' + jQuery(ctx + ' input.bmi_inch').val(); val = _self.convertHeightToMetric(imperialStr); } _self.setHeight(val); _self.moveDot(val, 'bottom'); _self.calculateBmi(); _self.displayTextResults(); _self.hSlider.slider('option', 'value', val); }); jQuery("input.bmi_weight").keyup(function (e) { var val = e.currentTarget.value; if (_self.state === 'imperial') { var kg = 0.45359237; val = val*kg; } _self.setWeight(val); _self.moveDot(val, 'left'); _self.calculateBmi(); _self.displayTextResults(); _self.wSlider.slider('option', 'value', val); }); }, initSliders: function () { var _self = this; var widthStartValue = jQuery(".bmi_metric input.bmi_weight").val() ? jQuery(".bmi_metric input.bmi_weight").val() : this.wSliderMin; this.wSlider.slider({ min: this.wSliderMin, max: this.wSliderMax, value: widthStartValue, step: 0.1, slide: function (event, ui) { var val = ui.value; _self.moveDot(val, 'left'); _self.setWeight(val); _self.calculateBmi(); _self.displayInputResults(); _self.displayTextResults(); } }); this.moveDot(widthStartValue, 'left'); var heightStartValue = jQuery(".bmi_metric input.bmi_height").val() ? jQuery(".bmi_metric input.bmi_height").val() : this.hSliderMin; this.hSlider.slider({ min: this.hSliderMin, max: this.hSliderMax, value: heightStartValue, step: 0.01, orientation: 'vertical', slide: function (event, ui) { var val = ui.value; _self.moveDot(val, 'bottom'); _self.setHeight(val); _self.calculateBmi(); _self.displayInputResults(); _self.displayTextResults(); } }); this.moveDot(heightStartValue, 'bottom'); this.sliderSwitch.slider({ min: 0, max: 1, step: 1, change: function (event, ui) { ui.value === 0 ? _self.showMetric() : _self.showImperial(); } }); }, showMetric: function () { this.state = 'metric'; this.switchState(this.state); }, showImperial: function () { this.state = 'imperial'; this.switchState(this.state); }, switchState: function (state) { var off = state === 'metric' ? 'imperial' : 'metric'; jQuery('.bmi_unit_selector a').removeClass('active'); jQuery('.bmi_unit_selector .bmi_' + state + '_sec').addClass('active'); this.hScale.removeClass(off).addClass(state); this.wScale.removeClass(off).addClass(state); jQuery('.bmi_' + state).removeClass('bmi_hide'); jQuery('.bmi_' + off).addClass('bmi_hide'); this.setWeight(this.wSlider.slider('value')); this.setHeight(this.hSlider.slider('value')); //this.displayInputResults(); // Scrii valori noi. jQuery('input.height').val(''); jQuery('input.height').focus(); jQuery('input.weight').val('0'); jQuery('input.inch').val('0'); }, moveDot: function (val, offset) { var size, axisOffSet, scale, scaleLength = null; if (offset === 'bottom') { if (val < this.hSliderMin) { val = this.hSliderMin; } else if (val > this.hSliderMax) { val = this.hSliderMax; } scaleLength = 1.00; size = this.dotContH; axisOffSet = this.hSliderMin; } else { if (val < this.wSliderMin) { val = this.wSliderMin; } else if (val > this.wSliderMax) { val = this.wSliderMax; } val = val < this.wSliderMin ? this.wSliderMin : val; scaleLength = 130; size = this.dotContW; axisOffSet = this.wSliderMin; } scale = (size / scaleLength); this.dot.css(offset, (((val - axisOffSet) * scale) + 'px')); }, setWeight: function (w) { if (this.state === 'imperial') { this.imperialWeight = this.convertWeightToImperial(w); } this.weight = w; }, setHeight: function (h) { if (this.state === 'imperial') { this.imperialHeight = this.convertHeightToImperial(h); } this.height = h; }, displayInputResults: function () { if (this.state === 'imperial') { var hArr = this.imperialHeight; var wArr = this.imperialWeight; jQuery('.bmi_' + this.state + " .bmi_height").val(hArr[0].toFixed(0)); jQuery('.bmi_' + this.state + " .bmi_inch").val(Math.floor(hArr[1])); jQuery('.bmi_' + this.state + " .bmi_weight").val(wArr[0].toFixed(0)); jQuery('.bmi_' + this.state + " .bmi_pounds").val(wArr[1].toFixed(0)); } else { jQuery('.bmi_' + this.state + " .bmi_height").val(this.height); jQuery('.bmi_' + this.state + " .bmi_weight").val(this.weight); } }, displayTextResults: function () { var display = 'Opening'; var css = 'hidden'; var url = '#'; var text = 'Bmi Calculator'; if (this.bmi < 18.5) { display = 'Underweight'; css = gain_visible; url = gain_weight; text = gain_title; } else if (this.bmi >= 18.5 && this.bmi < 25) { display = 'Healthy'; css = 'hidden'; } else if (this.bmi >= 25 && this.bmi < 30) { display = 'Overweight'; css = loss_visible; url = loss_weight; text = loss_title; } else if (this.bmi >= 30 && this.bmi < 40) { display = 'Obese'; css = loss_visible; url = loss_weight; text = loss_title; } else if (this.bmi >= 40) { display = 'Morbidly Obese'; css = loss_visible; url = loss_weight; text = loss_title; } jQuery('.bmi_btn_help').css('visibility', css).attr('href', url).html(text); jQuery('.bmi_conc').html(display); }, convertWeightToImperial: function (w) { var pounds = w / 0.45359237; var stone = Math.floor(Math.round(pounds)); this.imperialWeight[0] = stone; this.imperialWeight[1] = 0; return this.imperialWeight; }, convertHeightToImperial: function (h) { var cm = h * 100; var inches = cm / 2.54; var hFeet = Math.floor(inches / 12); var inchesRounded = inches % 12; this.imperialHeight[0] = hFeet; this.imperialHeight[1] = inchesRounded; return this.imperialHeight; }, convertWeightToMetric: function (w) { var wArr = w.split('.'); var stoneGram = (wArr[0] * 14) * 453.592.toFixed(2); var poundGram = (wArr[1] * 453.592).toFixed(2); var totalKg = (parseFloat(stoneGram) + parseFloat(poundGram)) / 1000; return totalKg.toFixed(3); }, convertHeightToMetric: function (h) { var hArr = h.split('.'); var m = ((hArr[0] * 0.3048) * 100).toFixed(2); var cm = hArr[1] * 2.54; var totalCm = (parseFloat(m) + parseFloat(cm)) / 100; return totalCm.toFixed(3); }, calculateBmi: function () { var bmi = parseFloat((this.weight / (this.height * this.height)).toFixed(2)); this.bmi = isFinite(bmi) ? bmi : ''; jQuery(".bmi_value").html(this.bmi); } }; function loadScript(src, callback){ var s, r, t; r = false; s = document.createElement('script'); s.type = 'text/javascript'; s.src = src; s.onload = s.onreadystatechange = function() { if ( !r && (!this.readyState || this.readyState == 'complete') ) { r = true; if(callback){ callback(); } } }; t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t); } var jQuery; if (window.jQuery === undefined) { loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',scriptLoadHandler); }else{ jQuery = window.jQuery; if(!jQuery.ui){ loadScript('https://bmicalculatorusa.com/widgets-usa/jquery-ui.min.js',main); }else{ main(); } } function scriptLoadHandler() { if(!window.jQuery.ui){ loadScript('https://bmicalculatorusa.com/widgets-usa/jquery-ui.min.js',main); }else{ main(); } } function main() { jQuery=window.jQuery.noConflict(true); jQuery(document).ready(function($) { LL.bmiManagerApp = new LL.BmiManager(); LL.bmiManagerApp.init(); $('#height').focus(); $('input.weight').val('0'); $('input.inch').val('0'); $('input.bmi_value').text('0'); $('.js a').click(function(e){ e.preventDefault(); $('.js a').removeClass('checked'); $(this).addClass('checked'); }); $('.embed_bmi_widget').click(function(e){ e.preventDefault(); $('.embed_container').toggleClass('show'); }); $('.embed_container .close_btn').click(function(e){ e.preventDefault(); $('.embed_container').removeClass('show'); }); $('.unit_div a').click(function(e) { e.preventDefault(); var newValue = $(this).data('value'); $('#slider-switch').slider("value", newValue); }); }); } })();