Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/06/2011, 08:20
Avatar de andrexsos17
andrexsos17
 
Fecha de Ingreso: enero-2011
Ubicación: Manizales
Mensajes: 169
Antigüedad: 13 años, 10 meses
Puntos: 15
Pregunta Implementar este codigo en un plugin

Hola a todos tengo este codigo, basicamente lo que hace es decir el peso ideal y lo deseo colocar en el sidebar de mi aplicación el problema que tengo que no me gustaria agregar el codigo en un widget de texto sino que sea un plugin y no simplemente lo arrastre al sidebar.

El codigo es el siguiente
Código HTML:
Ver original
  1. function calcularPeso()
  2. {
  3.     altura=document.frmPeso.txtAltura.value;
  4.     mAltura=document.frmPeso.mAltura.value;
  5.    
  6.     peso=document.frmPeso.txtPeso.value;
  7.     mPeso=document.frmPeso.mPeso.value;
  8.  
  9.     if(mAltura=="pulgadas")
  10.         altura=altura*0.0254;
  11.     else
  12.         altura=altura*0.01;
  13.        
  14.     if(mPeso=="libras")
  15.         peso=peso*0.453;
  16.    
  17.     imc=peso/(Math.pow(altura,2));
  18.     pesoIdeal = 21.745*Math.pow(altura,2);
  19.     pesoIdeal = Math.round(pesoIdeal);
  20.     pesoIdeal = pesoIdeal+" "+mPeso;
  21.     document.frmPeso.txtPesoIdeal.value=pesoIdeal;
  22. }
  23. <form name="frmPeso">
  24. <div id="aplicacionPeso"></div><br /><br />
  25. <tr>
  26. <td>
  27.     <label class="textoPeso">Altura:</label>
  28. </td>
  29. <td>
  30.     <div class="fondoCaja"><input class="txtCalcularPeso" type="text" name="txtAltura" id="txtAltura"/></div>
  31. </td>
  32. <td>
  33. <select class="sMedida" name="mAltura" id="mAltura"><option value="pulgadas">Pulgadas</option><option value="cm">Cm</option></select>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td>
  38. <label class="textoPeso">Peso:</label>
  39. </td>
  40. <td>
  41. <div class="fondoCaja"><input class="txtCalcularPeso"  type="text" name="txtPeso" id="txtPeso"/></div>
  42. </td>
  43. <td>
  44. <select class="sMedida"  name="mPeso" id="mPeso"><option value="libras">Libras</option><option value="Kg">Kg</option></select><p style="clear:both;"></p>
  45. </td>
  46. </tr>
  47. <tr>
  48. <td colspan="2">
  49. <div id="btnCalcular" onClick="calcularPeso()"></div>
  50. </td>
  51. <td>
  52. <label class="textoPeso">Peso Ideal:</label><div class="fondoCajaIdeal"><input class="txtCalcularPeso" style="width:43px;" type="text" name="txtPesoIdeal"/></div>
  53. <td>
  54. </tr>
  55. </form>

Es algo sencillo pero no tengo idea de como crear un plugin con este codigo, si alguien conoce como le agradezco que me lo diga, gracias a todos
__________________
Todo problema es una forma mental que la mente sostiene. Los problemas dejan de existir cuando los olvidamos. Todo problema ha sido creado por la mente y existe mientras la mente lo sostenga.