- En el código de la pagina de inicio se añadió un cascaron para hacer la conexión con el sp que muestra las facturas relacionados a un numero de teléfono. El único cambio que debería ser necesario una vez que se tenga el sp listo seria añadir el nombre del sp y asegurarse que el nombre del parámetro así como su tipo sea correcto.
- Como en este proyecto la pagina web es muy simple se decidió montar todo en solo tres archivos, una para la pagina web, uno para el css y uno para javascript.
- Al pasar el código de js a un archivo aparte este dejo de funcionar, tras investigar un poco se encontró que esto se da porque el código debería esperar a que la pagina se haya cargado, para esto se añadió el código actual dentro de la función ready del documento de la siguiente manera:
$(document).ready(function () {
$("#txtBoxNumeroDeTelefono").focus(function () {
$("#labelNumeroDeTelefono").css('transform', 'translateY(130px)');
}).focusout(function () {
var name = $.trim($(this).val()); // get the value of the input field
if (name == "") {
$("#labelNumeroDeTelefono").css('transform', 'translateY(150px)');
}
});
});
- Con este cambio el código ya funciona correctamente.
- Se añadieron los div y grid que van a contener las facturas y los detalles de estas. Se copiaron los estilos del proyecto anterior, adaptando los nombre de clases de cada elemento.
- Se añadió información temporal a la tabla de facturas para revisar que todo funcione correctamente, también se dejo el cascaron listo para hacer la conexión con el sp.
- Se añadió un botón que permite volver a la pagina de inicio y así digitar otro numero. A este botón se le creo un estilo similar al header del gridview. Este botón lo único que hace es ocultar el div de factura y el de detalle y mostrar el inicial.
Se trabajo durante 3 horas.
Referencias:
No hay comentarios:
Publicar un comentario