Gebruik de onderstaande code om een mooie Javascript BMI calculator op je website te plaatsen. Bekijk deze pagina voor de werkende BMI calculator.
Doorloop de volgende stappen voor het plaatsen van het script:
Heb je vragen over het plaatsen van het script. Plaats dan even een comment.
Veel succes!
<script>
// You can change the values of object "bmi"
var bmi = {
color : ["#ffffff","#ccc"], // bg,border
font : "Tahoma, Verdana, Arial, Helvetica, sans-serif",
measure : 0, // 0=metric system / 1=american system (feets, inches & pounds)
decimal : ".", // "," or "."
bigfields : 1, // show big fields?
size : {
range : [150,220,10,175], // min,max,step,start
textcolor : ["#222222","#222222","#666666"], // text,small,slider
slidercolor : ["#52C703","#307802","#307802","#307802","#52C703","#307802","#307802","#ffcccc","#ff6666"], // slider,btn,btnborder,moveslider,movebtn,movebtnborder,outrangeslider,outrangebtn,outrangebtnborder
text : ["Lengte","Lengte in cm"], // short,long
field : ["#333333","#fff","#666666","#000000","#ffffff","#222222"], // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
bigfield : ["#6666","#fff","#000000","#666666","#cccccc","#888888"] // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
},
weight : {
range : [50,140,10,75], // min,max,step,start
textcolor : ["#222222","#222222","#666666"], // text,small,slider
slidercolor : ["#52C703","#307802","#307802","#307802","#52C703","#307802","#307802","#ffcccc","#ff6666"], // slider,btn,btnborder,moveslider,movebtn,movebtnborder,outrangeslider,outrangebtn,outrangebtnborder
text : ["Gewicht","Gewicht in kg"], // short,long
field : ["#333333","#fff","#666666","#000000","#ffffff","#222222"], // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
bigfield : ["#6666","#fff","#000000","#666666","#cccccc","#888888"] // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
},
bmi : {
range : [18,40,2,22], // min,max,step,start ()
textcolor : ["#222222","#222222","#666666"], // text,small,slider
slidercolor : ["#52C703","#307802","#307802","#307802","#52C703","#307802","#307802","#ffcccc","#ff6666"], // slider,btn,btnborder,moveslider,movebtn,movebtnborder,outrangeslider,outrangebtn,outrangebtnborder
text : ["BMI","Body Mass Index"], // short,long
field : ["#333333","#eeeeee","#666666","#000000","#ffffff","#222222"], // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
bigfield : ["#6666","#eee","#000000","#666666","#cccccc","#888888"] // color,bgcolor,bordercolor,movecolor,movebgcolor,movebordercolor
}
};
// Do not change the lines below
</script>
</p>
<div id="bmiinfo" style="font-size:9px;"><span id="bmilink" style="font-size:12px;"></span> </div>
<div id="bmiinfo2" style="font-size:9px;"> <a id="bmilink2" target="_blank" style="position:absolute; position:absolute; left:-60px; top:0px; z-index:-10;" href="http://www.buikspiertraining.com/bmi-calculator/">BMI berekenen</a></div>
<p><script src="http://www.buikspiertraining.com/bmi.js"></script></p>
Of download het script als zipfile
Ik heb hem gebruik, thanks!
Als ik de code in mijn mijn html plak en gebeurd er niets dwz ik krijg op mijn pagian helemaal niets te zien. Heb er voorlopig maar een online bmi calculator opgezet, maar zou graag een eigen erop willen hebben
Hey dick,
Je kunt gebruik maken van deze WordPress Plugin: http://wordpress.org/extend/plugins/allow-javascript-in-posts-and-pages/ (Om javascript toe te voegen aan een pagina.)
Of je kun mij de standaard pagina van je wordpress theme doorsturen dan maak ik hier een aangepaste versie van die de BMI slider toont.
Maak hier dankbaar gebruik van :D !
Mooi in elkaar gestoken en duidelijke code, bedankt !
Hartelijk dank!
Hey,
Ik probeer dit script op mijn site te zetten, maar het lukt me niet. Ik heb een wordpress site, geneisis framework. Ik kan de code plakken voor de tag, maar ik krijg het script dan niet zichtbaar op de pagina waar ik dat wil. Ik heb de genoemde plugin gedownload.
Ik snap waarschijnlijk niet precies hoe ik het script kan oproepen op die pagina. Zou je me op weg kunnen helpen?
Veel dank!
Het is me inmiddels gelukt met de Pure HTML plugin van dezelfde makers.