|

Widget Gratuit IMC

Vous êtes webmaster et vous souhaitez intégrer une calculatrice d'IMC sur votre site internet et vous ne savez pas comment vous y prendre ? C'est très simple ! Il vous suffit de copier le code HTML ci-dessous et de le coller à l'endroit de votre choix sur votre site web ! Ce widget gratuit est 100% compatible avec tous les sites web classiques ainsi qu'avec tous les CMS les plus populaires : Wordpress, Joomla, Spip..

Démo du Widget en Live

▼ Voici le widget de calcul d'IMC pour webmaster 100% gratuit tel qu'il apparaitra sur votre site ▼

Code HTML à Copier Coller

Copiez-collez le code HTML ci-dessous sans le modifier pour insérer ce widget calculatrice de poids idéal sur votre site tel qu'il apparait ci-dessus.

<!-- Début du Widget de Calcul IMC GRATUIT de Calcul-Poid-Ideal.NET version 1.0 ///////////////////////////////////// --> <style media="screen">#ouidget{width:100%;font-family:arial;text-align:center}#ouidget label{padding:0;margin:0 1%;}#ouidget input{margin:0 1%}#ouidget input[type=number] {box-shadow: 0 0 3px #0a8fa1;border:none;}#ouidget #copyright{font-size:10px;text-align:center;line-height:10px;}#ouidget #copyright a{color:black}#ouidget #copyright a:hover{text-decoration:none}#ouidget .button{display:inline-block;text-align:center;vertical-align:middle;padding:12px 24px;border:1px solid #098393;background:#0ed5ef;background:-webkit-gradient(linear,left top,left bottom,from(#0ed5ef),to(#098393));background:-moz-linear-gradient(top,#0ed5ef,#098393);background:linear-gradient(to bottom,#0ed5ef,#098393);font:normal normal normal 16px arial;color:#fff!important;text-decoration:none;cursor:pointer;border-radius:5px!important;}#ouidget .button:hover,#ouidget .button:focus{border:1px solid #0ba4b8;background:#1ff;background:-webkit-gradient(linear,left top,left bottom,from(#11ffff),to(#0b9db0));background:-moz-linear-gradient(top,#11ffff,#0b9db0);background:linear-gradient(to bottom,#11ffff,#0b9db0);color:#fff;text-decoration:none}#ouidget #resultIMC{text-align:center}#ouidget #resultIMC span{font-size:130%;color:black}#ouidget .cta{font-size:120%;color:blue!important;text-decoration:underline!important;}#ouidget a.cta:hover{text-decoration:none!important;}</style> <script language="JavaScript" type="text/javascript"> function calculIMC(){taille=document.formIMC.taille.value;if(taille.indexOf(".")==-1 && taille.indexOf(",")==-1){taille=taille/100;}else if(taille.indexOf(",")>=0){taille=taille.replace(",",".");}poids=document.formIMC.poids.value;calcul=Math.round((poids/(taille*taille)*10))/10; if(calcul<=15){txtIMC="Vous \u00eates en \u00e9tat de <u>d\u00e9nutrition</u>, vous devriez consulter un medecin de toute urgence !";}else if(calcul<=18.5){txtIMC="Votre <u>poids est insuffisant</u> au regard de votre taille, vous devriez prendre du poids !";}else if(calcul<=25){txtIMC="Votre poids est id\u00e9al, BRAVO !";} else if(calcul<=30){txtIMC="Vous \u00eates en <u>l\u00e9ger surpoids</u>, c'est le moment de vous surveiller !<br /> Demandez vite votre <a href='https://www.calcul-poid-ideal.net/go/widget-gratuit.php' target='_blank' rel='nofollow noopener noreferrer' class='cta'>programme minceur gratuit</a> !";}else if(calcul<=35){txtIMC="<u>Ob\u00e9sit\u00e9 mod\u00e9r\u00e9e</u>, il va falloir perdre du poids au plus vite !<br /> Demandez vite votre <a href='https://www.calcul-poid-ideal.net/go/widget-gratuit.php' target='_blank' rel='nofollow noopener noreferrer' class='cta'>programme minceur gratuit</a> !";}else if(calcul<=40){txtIMC="Ob\u00e9sit\u00e9 s\u00e9v\u00e8re, il va falloir perdre du poids au plus vite !<br /> Demandez vite votre <a href='https://www.calcul-poid-ideal.net/go/widget-gratuit.php' target='_blank' rel='nofollow noopener noreferrer' class='cta'>programme minceur gratuit</a> !";}else if(calcul>40){txtIMC="Vous \u00eates en <u style='color:red;'>\u00e9tat d'ob\u00e9sit\u00e9 morbide</u>, vous devriez consulter un medecin de toute urgence !";}else if (isNaN(calcul)) {txtIMC="";calcul="fait, impossible a calculer. <span style='color:red;'>Merci de saisir uniquement des chiffres dans les champs poids et taille.</span>"}else{txtIMC="Valeur incorrecte";calcul="fait impossible a calculer."}document.getElementById("resultIMC").innerHTML="<span>Votre IMC est de "+calcul+"</span><br />"+txtIMC;return false;};</script><div id="ouidget"><form name="formIMC" onsubmit="return calculIMC();"><p><label>Taille en cm</label><input type="number" name="taille" placeholder="Taille en CM" onclick="javascript:this.value = '';" /></p><p><label>Poids en kg</label><input type="number" name="poids" placeholder="Poids en Kg" onclick="javascript:this.value = '';" /></p><p><input type="submit" value="Calculer mon IMC" onclick="calculIMC();" class="button"/></p></form><div id="resultIMC"></div><p id="copyright">Vous aussi installez une <a href='https://www.calcul-poid-ideal.net/'>Calculatrice d'IMC</a> sur votre site web !</p></div> <!-- FIN du Widget de Calcul IMC GRATUIT de Calcul-Poid-Ideal.NET version 1.0 -->

Ce widget est 100% responsive et 100% compatible avec tous les appareils iOS/Android/Windows/Linux/MacOS : smartphones (iPhone, Samsung, Huawei...) et tablettes (iPad, Samsung...). Il s'adaptera automatiquement à la taille de votre site web et aux couleurs de votre design. Par ailleurs, ce widget ne collecte et stock aucune donnée et est donc conforme RGPD. Vous n'aurez besoin d'aucune connaissance en JavaScript, PHP ou HTML pour faire tourner ce module. Vous n'aurez pas non plus besoin de télécharger quoi que ce soit. Enfin, ce module est accessible sans inscription. La seule condition est de maintenir le lien de copyright en dessous du module.