Hola!
Tengo una calculadora en php que calcula (valga la redundancia) la tarifa a cobrar por el transporte de articulos dependiendo del peso de los mismos. Lo tenia funcionando en una pagina aparte de php, pero se me ocurrio crear una especie de "barra de herramientas" (toolbar) y cargar en un iframe distintas tiendas, como Amazon.com, etc., en donde al ver un articulo que desees comprar puedas en la barra superior ingresar el peso y el valor y saber cuanto te costaria el flete.
El problema es que cada vez que doy "submit" o calcular me carga la pagina completa.
Se que se hace con ajax pero soy un total analfabeto en esto y aunque le he dedicado las ultimas 36 horas al menos, aun no entiendo mucho.
Puede alguien decirme como podria transformar este codigo a que me retorne el resultado sin cargar la pagina completa?
Gracias mil!
Código:
<form action="toolbar.php" method="post" enctype="multipart/form-data" name="prueba">
<div id="pesoContainer">
<input name="peso" type="text" value="Peso">
<select name="pesoUnidad" >
<option value="1">Onzas</option>
<option value="2" selected="selected">Libras</option>
<option value="3">Kilos</option>
</select>
</div>
<div id="medidaContainer">
<input name="largo" type="text" value="Largo">
<input name="ancho" type="text" value="Ancho">
<input name="alto" type="text" value="Alto">
<select name="medidaUnidad">
<option value="1" selected="selected">Pulgadas</option>
<option value="2">Pies</option>
</select>
<input name="ver" type="submit" class="button" onclick="toolbar.php" value="Calcular Tarifa" />
</div>
</form>