6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

online calculator codes not working

by dannyboy30
5 replies
Hi, I have been trying to install a BMI and metabolic rate calculator on my site.

I am copying and pasting the html codes from the sites online that provide free code to add to your site, but whenever I put the code in nothing shows up except for maybe a bit of writing or a couple of answer fields at best.

I have tried a few codes from different sites, all with the same result. I am inserting them in the html part of the post/page on wordpress.

An example of code I have tried is below, but it looks like too little code for a calculator or am I wrong? Any help would be very much appreciated.


<iframe id="bmiCal" style="width:493px; height:517px; border:0; overflow: 0;" frameborder="0" draggable="false" scrolling="no" src="http://www.bodyengine.com/app/bmi/bmi.html?w=true&v=1"></iframe>
<p style="font-family: verdana; font-size: 11px;">Powered by <a href="http://www.bodyengine.com/bmi-calculator.html">BodyEngine</a></p>


Danny
#calculator #codes #online #working
  • Profile picture of the author Valdor Kiebach
    Well this part:
    Code:
    http://www.bodyengine.com/app/bmi/bmi.html?w=true&v=1
    is the BMI calculator and this works fine on its own.

    This:
    Code:
    <p style="font-family: verdana; font-size: 11px;">Powered by <a   href="http://www.bodyengine.com/bmi-calculator.html">BodyEngine</a></p>
    Is just a link to the site providing the BMI calculator so is also working OK.

    I tried this:
    Code:
    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
  <meta name="HandheldFriendly" content="true" />
  <title>bmi</title>
</head>
<body>
<iframe id="bmiCal" style="width:493px; height:517px; border:0; overflow: 0;" frameborder="0" draggable="false" scrolling="no" src="http://www.bodyengine.com/app/bmi/bmi.html?w=true&v=1"></iframe>
<p style="font-family: verdana; font-size: 11px;">Powered by <a href="http://www.bodyengine.com/bmi-calculator.html">BodyEngine</a></p>
</body>
</html>
    and it works fine.

    I even pasted the code you supplied into a WP post and it worked so maybe it is a problem with the WP theme you are using
    {{ DiscussionBoard.errors[7343531].message }}
  • Profile picture of the author dannyboy30
    It must be the theme. Is there anything I can do?

    Danny
    {{ DiscussionBoard.errors[7343732].message }}
  • Profile picture of the author wayfarer
    If you're trying to paste it into a post, do it in "code view". And don't edit the post in "editor view" after that. WP filters out IFRAME elements for whatever reason. Once upon a time I found an iframe plugin that worked great, you might want to look for something like that...
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[7344507].message }}
  • Profile picture of the author LollyGreen
    Thank you for altering the code so it works, is there any way to make the calculator smaller its huge on my website! lol I think its meant to work based upon the users device width and I have a 24" screen, but I am worried it might slow down page time loading.
    {{ DiscussionBoard.errors[7693683].message }}
    • Profile picture of the author Ken Durham
      Originally Posted by LollyGreen View Post

      Thank you for altering the code so it works, is there any way to make the calculator smaller its huge on my website! lol I think its meant to work based upon the users device width and I have a 24" screen, but I am worried it might slow down page time loading.
      I haven't tried but try removing the height parameters and just setting the width at differnet numbers... see what happens
      Signature

      yes, I am....

      {{ DiscussionBoard.errors[7693816].message }}

Trending Topics