PASO A:
Descripción:
Se creara una pagina que contenga todos los registros de usuarios mostrándolos en un table, se mostrara la foto de cada propiedad, el usuario al dar clic sobre la foto le mostrara una pagina con el detalle.
PASO B:
Descripción:
Pagina que muestra los detalles de esa propiedad, muestra las fotos, utiliza el evento onMouseOver para que cada vez que se pase el cursor sobre una foto esta se amplie en la misma pagina, ademas al dar clic sobre la foto ampliada , la muestra sola un otra pagina, también incorpora la opción de imprimir a un amigo. Se usara java scritp.
PASO C:
Descripción:
Muestra la foto ampliada.
PASO A:
Descripción:
Se creara una pagina que contenga todos los registros de usuarios mostrándolos en un table, se mostrara la foto de cada propiedad, el usuario al dar clic sobre la foto le mostrara una pagina con el detalle.
Asumimos que tenemos un table en un un formulario jsp, le damos click derecho, y seleccionamos Diseño de tabla -> en la opción de columnas damos clics en nuevo para añadir una nueva columna le quitamos el Texto de encabezado, escogemos tipo de componente Hipervinculo de imagen,y le asociamos con el campo de la tabla que contenga el url de la foto. Cerramos el diseño de tabla.
En el diseñador de jsc2, seleccionamos jsp, buscamos la linea
observamos que el establece el sourceVar como currentRow, este componente nos permite desplazarnos por los registros de la tabla. Asumimos que nuestra tabla se llama propiedades y tenemos un campo llamado foto1, que contiene el url de las fotos, necesitamos añadir al componente. Debemos cambiar el código que genera en el JSP para que el muestre la foto del registro actual, de otro modo repetiría la primera.
imageURL="#{currentRow.value['propiedades.foto1']}"
Ejemplo del código completo.
binding="#{Page1_1.imageHyperlink2}" height="80" id="imageHyperlink2" imageURL="#{currentRow.value['propiedades.foto1']}" text="" width="96"/> Ahora tenemos que añadir el comportamiento, nos vamos al diseñador visual y damos doble click sobre el Hipervinculo de imagen. PASO D: Descripción: Imprimir a un amigo. PASO A: Descripción: Se creara una pagina que contenga todos los registros de usuarios mostrándolos en un table, se mostrara la foto de cada propiedad, el usuario al dar clic sobre la foto le mostrara una pagina con el detalle. Asumimos que tenemos un table en un un formulario jsp, le damos click derecho, y seleccionamos Diseño de tabla -> en la opción de columnas damos clics en nuevo para añadir una nueva columna le quitamos el Texto de encabezado, escogemos tipo de componente Hipervinculo de imagen,y le asociamos con el campo de la tabla que contenga el url de la foto. Cerramos el diseño de tabla. En el diseñador de jsc2, seleccionamos jsp, buscamos la linea observamos que el establece el sourceVar como currentRow, este componente nos permite desplazarnos por los registros de la tabla. Asumimos que nuestra tabla se llama propiedades y tenemos un campo llamado foto1, que contiene el url de las fotos, necesitamos añadir al componente. Debemos cambiar el código que genera en el JSP para que el muestre la foto del registro actual, de otro modo repetiría la primera. imageURL="#{currentRow.value['propiedades.foto1']}" Ejemplo del código completo. binding="#{Page1_1.imageHyperlink2}" height="80" id="imageHyperlink2" imageURL="#{currentRow.value['propiedades.foto1']}" text="" width="96"/> Ahora tenemos que añadir el comportamiento, nos vamos al diseñador visual y damos doble click sobre el Hipervinculo de imagen. Y obtenemos el campo índice de la fila actual , lo guardamos en el bean de sesión, y retornamos el valor que usamos en las paginas de navegación para ir a la pagina de detalle. public String imageHyperlink2_action() { // TODO: Reemplazar con código del usuario RowKey rowKey = tableRowGroup1.getRowKey(); String idPropiedad = (String) propiedadesDataProvider.getValue("propiedades.idpropiedad", rowKey); getSessionBean1().setIdPropiedad(idPropiedad); return "propiedades"; } Si no ha creado la propiedad en el bean de sesion debe hacerlo de esta manera, dar clic derecho en bean de sesion. PASO B: Descripción: Pagina que muestra los detalles de esa propiedad, muestra las fotos, utiliza el evento onMouseOver para que cada vez que se pase el cursor sobre una foto esta se amplie en la misma pagina, ademas al dar clic sobre la foto ampliada , la muestra sola un otra pagina, también incorpora la opción de imprimir a un amigo. Se usara java script. Hacemos un diseño básico que contendrá el nombre de la propiedad, el precio, un Hipervinculo de regresar, un Hipervinculo para imprimir a un amigo, cuatro imágenes pequeñas (usamos Hipervinculo de imágenes), una ampliada(hipervinculo de imagen, llamada image1). Agregamos la tabla a la pagina, para esto nos vamos desde el servidor, buscamos nuestra base de datos, seleccionamos la tabla y le damos Agregar a la pagina, con esto podemos ligar nuestros componentes con los registros de la tabla. (Si no sabe como agregar la conexión de la base de datos consulte el tutorial sobre Agregar orígenes de Datos). Añadimos los componentes desde la paleta de diseño, nos colocamos en cada componente y le damos clic derecho, seleccionamos Enlazar con datos. Luego escogemos el campo de la tabla que deseamos que se realice la liga. 
Comments