Implementar este codigo en un plugin

[andrexsos17]

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:

<script>
function calcularPeso()
{
    altura=document.frmPeso.txtAltura.value;
    mAltura=document.frmPeso.mAltura.value;
    
    peso=document.frmPeso.txtPeso.value;
    mPeso=document.frmPeso.mPeso.value;
 
    if(mAltura=="pulgadas")
        altura=altura*0.0254;
    else
        altura=altura*0.01;
        
    if(mPeso=="libras")
        peso=peso*0.453;
    
    imc=peso/(Math.pow(altura,2));
    pesoIdeal = 21.745*Math.pow(altura,2);
    pesoIdeal = Math.round(pesoIdeal);
    pesoIdeal = pesoIdeal+" "+mPeso;
    document.frmPeso.txtPesoIdeal.value=pesoIdeal;
}
</script>
<form name="frmPeso">
<div id="aplicacionPeso"></div><br /><br />
<table>
<tr>
<td>
    <label class="textoPeso">Altura:</label> 
</td>
<td>
    <div class="fondoCaja"><input class="txtCalcularPeso" type="text" name="txtAltura" id="txtAltura"/></div>
</td>
<td>
<select class="sMedida" name="mAltura" id="mAltura"><option value="pulgadas">Pulgadas</option><option value="cm">Cm</option></select>
</td>
</tr>
<tr>
<td>
<label class="textoPeso">Peso:</label>
</td>
<td>
<div class="fondoCaja"><input class="txtCalcularPeso"  type="text" name="txtPeso" id="txtPeso"/></div>
</td>
<td>
<select class="sMedida"  name="mPeso" id="mPeso"><option value="libras">Libras</option><option value="Kg">Kg</option></select><p style="clear:both;"></p>
</td>
</tr>
<tr>
<td colspan="2">
<div id="btnCalcular" onClick="calcularPeso()"></div> 
</td>
<td>
<label class="textoPeso">Peso Ideal:</label><div class="fondoCajaIdeal"><input class="txtCalcularPeso" style="width:43px;" type="text" name="txtPesoIdeal"/></div>
<td>
</tr>
</table>
</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

[andrexsos17]

ehhh en base a este tutorial logre colocar este codigo como un plugin gracias a quienes leyeron.

[andrexsos17]

Ahora tengo otra pregunta, el widget me funciona perfecto pero yo tengo varios sidebar y si lo arrastro a uno no me parece para los demas, como hago para que dicho widget se deje arrastrar a varios sidebar.??