nuevas tecnologías en el sector del riego. desarrollo de una página

UNIVERSIDAD POLITÉCNICA DE VALENCIA
ESCUELA TÉCNICA SUPERIOR DEL MEDIO RURAL Y ENOLOGÍA
NUEVAS TECNOLOGÍAS EN EL SECTOR DEL RIEGO.
DESARROLLO DE UNA PÁGINA WEB DINÁMICA CON ACCESO
A DATOS PARA LA EMPRESA HIDROCONTA S.A.
TRABAJO FIN DE CARRERA
Alumno: D. Ricardo Herranz Peris
Director Académico: Prof. D. Jaime Arviza Valverde
Director Experimental: Prof. D. Pablo González Altozano
Valencia, Febrero del 2003
ÍNDICE GENERAL
1.- INTRODUCCIÓN ................................................................................................................................1
2.- OBJETIVOS..........................................................................................................................................3
3.- REQUERIMIENTOS DEL SISTEMA ...............................................................................................5
3.1.- HARDWARE ......................................................................................................................................5
3.2.- SOFTWARE .......................................................................................................................................5
4.- HERRAMIENTAS DE IMPLEMENTACIÓN Y DESARROLLO .................................................7
4.1.- HARDWARE ......................................................................................................................................7
4.2.- SOFTWARE .......................................................................................................................................8
5.- INTRODUCCIÓN A LOS LENGUAJES DE PROGRAMACIÓN WEB .....................................10
5.1.- INTRODUCCIÓN A LA WEB ..............................................................................................................10
5.2.- LENGUAJE HTML ..........................................................................................................................11
5.3.- DIFERENCIA ENTRE PÁGINAS ESTÁTICAS Y PÁGINAS DINÁMICAS....................................................11
5.4.- PÁGINAS DINÁMICAS ......................................................................................................................12
5.4.1.- Páginas dinámicas de cliente ................................................................................................12
5.4.2.- Páginas dinámicas de servidor..............................................................................................13
5.5.- LENGUAJES DE PROGRAMACIÓN DEL LADO DEL CLIENTE ...............................................................14
5.5.1.- Javascript ..............................................................................................................................14
5.5.2.- Visual Basic Script.................................................................................................................14
5.5.3.- DHTML..................................................................................................................................15
5.5.4.- Applets de Java......................................................................................................................16
5.6.- LENGUAJES DE PROGRAMACIÓN DEL LADO DEL SERVIDOR .............................................................16
5.6.1.- CGI ........................................................................................................................................16
5.6.2.- ASP ........................................................................................................................................17
5.6.3.- PHP .......................................................................................................................................18
6.- CRITERIOS DE DESARROLLO.....................................................................................................19
6.1.- ELECCIÓN DEL LENGUAJE DE PROGRAMACIÓN ...............................................................................19
6.2.- ASP. DESCRIPCIÓN GENERAL DE LA PLATAFORMA ........................................................................22
6.3.- CONFIGURACIÓN DEL SERVIDOR EN LOCAL ....................................................................................25
6.4.- ESTRUCTURA GENERAL DEL SITIO WEB..........................................................................................25
6.5.- INTERACCIÓN ASP-BASE DE DATOS ..............................................................................................27
6.6.- ARCHIVOS DE INCLUSIÓN ...............................................................................................................30
6.7.- DISEÑO DE ICONOS PARA EL SITIO WEB ..........................................................................................32
7.- DESCRIPCIÓN DEL ENTORNO ....................................................................................................35
7.1.- BARRA DE NAVEGACIÓN ................................................................................................................35
7.2.- SISTEMAS DE CHEQUEO PREVIOS A LA CARGA DE LA PÁGINA DE INICIO ..........................................38
7.3.- PAGINA DE INICIO ...........................................................................................................................42
7.3.1.- Enlaces de acceso y navegación al sitio Web........................................................................43
7.3.2.- Logotipo y lema de la empresa..............................................................................................45
7.3.3.- Contactos por correo electrónico ..........................................................................................46
7.3.4.- Datos del Web master y contador de visitas..........................................................................46
7.4.- SECCIÓN DE EMPRESA ....................................................................................................................47
7.5.- SECCIÓN DE PRODUCTOS ................................................................................................................50
7.5.1.- Contadores ............................................................................................................................51
7.5.2.- Válvulas de membrana ..........................................................................................................55
7.5.3.- Hidrantes ...............................................................................................................................59
7.5.4.- Válvulas de contralavado ......................................................................................................62
7.5.5.- Pilotos y accesorios ...............................................................................................................64
7.5.6.- Bombas dosificadoras............................................................................................................67
7.5.7.- Telegestión.............................................................................................................................69
7.6.- TARIFAS .........................................................................................................................................74
7.6.1.- Acceso libre ...........................................................................................................................75
7.6.2.- Acceso a usuarios registrados ...............................................................................................78
I
7.6.3.- Registrarse.............................................................................................................................81
7.7.- INSTALACIONES ..............................................................................................................................84
7.7.1.- Descripción............................................................................................................................85
7.7.2.- Navegador de imágenes.........................................................................................................85
8.- INCLUSIÓN DEL SITIO WEB EN EL SERVIDOR......................................................................88
9.- CONCLUSIONES...............................................................................................................................90
10.- ANEJOS.............................................................................................................................................91
10.1.- ANEJO 1: RELACIÓN DE ARCHIVOS DEL PROGRAMA .....................................................................91
10.1.1.- Imágenes..............................................................................................................................91
10.1.2.- Scripts y Base de Datos ....................................................................................................115
10.1.3.- Páginas Web ......................................................................................................................116
10.2.- ANEJO 2: SCRIPTS .......................................................................................................................117
10.2.1.- Animate.js ..........................................................................................................................117
10.2.2.- Connof.inc .........................................................................................................................139
10.2.3.- Connon.inc.........................................................................................................................139
10.2.4.- Impmodelos.inc..................................................................................................................139
10.2.5.- Lecturalengua.inc ..............................................................................................................140
10.2.6.- Navcond.js .........................................................................................................................141
10.2.7.- Navegacion.inc ..................................................................................................................153
10.2.8.- Pagina.inc..........................................................................................................................160
10.2.9.- Paint.list.............................................................................................................................160
10.2.10.- Plantilla.inc .....................................................................................................................168
10.2.11.- Popup.inc.........................................................................................................................170
10.2.12.- Tarifaplantilla.inc............................................................................................................170
10.2.13.- Tarifauser.inc ..................................................................................................................182
10.2.14.- Testlengua.inc..................................................................................................................191
10.3.- ANEJO 3: PÁGINAS WEB ASP.....................................................................................................192
10.3.1.- Bomba.asp .........................................................................................................................193
10.3.2.- Bombatipo.asp ...................................................................................................................196
10.3.3.- Contador.asp .....................................................................................................................200
10.3.4.- Contadortipo.asp ...............................................................................................................204
10.3.5.- Contralavado.asp ..............................................................................................................206
10.3.6.- Contratipo.asp ...................................................................................................................210
10.3.7.- Croquishid.asp...................................................................................................................215
10.3.8.- Default.asp.........................................................................................................................223
10.3.9.- Empresa.asp ......................................................................................................................232
10.3.10.- Eskema-hc.asp .................................................................................................................236
10.3.11.- Hidrante.asp ....................................................................................................................241
10.3.12.- Hidrantetipo.asp ..............................................................................................................245
10.3.13.- Insta.asp...........................................................................................................................249
10.3.14.- Instatipo.asp ....................................................................................................................255
10.3.15.- Membrana.asp .................................................................................................................257
10.3.16.- Membranatipo.asp...........................................................................................................261
10.3.17.- Navegador.asp.................................................................................................................268
10.3.18.- Pilotos.asp .......................................................................................................................268
10.3.19.- Pilototipo.asp...................................................................................................................272
10.3.20.- Plano.asp .........................................................................................................................275
10.3.21.- Producto.asp....................................................................................................................276
10.3.22.- Registrar.asp....................................................................................................................285
10.3.23.- Tarifa.asp.........................................................................................................................289
10.3.24.- Tarifalibre.asp .................................................................................................................293
10.3.25.- Tarifauser.asp..................................................................................................................296
10.3.26.- Telegestion.asp ................................................................................................................302
10.3.27.- Valida.asp........................................................................................................................309
10.4.- ANEJO 4: BASE DE DATOS ..........................................................................................................310
11.- BIBLIOGRAFÍA.............................................................................................................................351
II
ÍNDICE DE FIGURAS
FIGURA 1. ESQUEMA DE FUNCIONAMIENTO DE LAS PÁGINAS DINÁMICAS DEL LADO DEL SERVIDOR ...........17
FIGURA 2. ESTRUCTURA DEL SITIO WEB .....................................................................................................27
FIGURA 3. BARRA DE NAVEGACIÓN. SECCIÓN DE INICIO .............................................................................36
FIGURA 4. BARRA DE NAVEGACIÓN. SECCIÓN DE EMPRESA ........................................................................36
FIGURA 5. BARRA DE NAVEGACIÓN. SECCIÓN DE PRODUCTOS ....................................................................36
FIGURA 6. BARRA DE NAVEGACIÓN. SECCIÓN DE TARIFAS ..........................................................................37
FIGURA 7. BARRA DE NAVEGACIÓN. SECCIÓN DE INSTALACIONES ..............................................................37
FIGURA 8. BARRA DE NAVEGACIÓN. SECCIÓN DE IDIOMAS I .......................................................................37
FIGURA 9. BARRA DE NAVEGACIÓN. SECCIÓN DE IDIOMAS II......................................................................38
FIGURA 10. ALERTA DE RESOLUCIÓN DE PANTALLA ...................................................................................39
FIGURA 11. VISUALIZACIÓN DEL SITO WEB CON UNA RESOLUCIÓN SUPERIOR A LA OPTIMIZADA ...............39
FIGURA 12. VISUALIZACIÓN DEL SITO WEB CON UNA RESOLUCIÓN INFERIOR A LA OPTIMIZADA ................40
FIGURA 13. VISTA GENERAL DE DEFAULT.ASP ............................................................................................43
FIGURA 14. EFECTO DEL SCRIPT PARA ALTERNANCIA DE IMÁGENES ...........................................................44
FIGURA 15. EFECTO DEL SCRIPT PARA MUESTRA DE TEXTO EXPLICATIVO ...................................................44
FIGURA 16. LOGOTIPO CON HERRAMIENTA PARA EL CAMBIO DE IDIOMA ....................................................45
FIGURA 17. APPLET ENCARGADO DE DESPLAZAR EL LEMA DE LA EMPRESA ................................................46
FIGURA 18. SECUENCIAS DEL APPLET DE INFORMACIÓN DE LOS CREADORES DEL SITIO WEB.....................47
FIGURA 19. PÁGINA DE LA SECCIÓN EMPRESA ............................................................................................47
FIGURA 20. VENTANA EMERGENTE CON PLANO DE LOCALIZACIÓN .............................................................48
FIGURA 21. ICONO DE SELECCIÓN ...............................................................................................................50
FIGURA 22. SECCIÓN DE PRODUCTOS ..........................................................................................................51
FIGURA 23. CONTADORES ...........................................................................................................................52
FIGURA 24. MENÚ DESPLEGABLE DE CONTADORES .....................................................................................53
FIGURA 25. PÁGINA BASE DE CONTADORES ................................................................................................54
FIGURA 26. CONTADORES. CARACTERÍSTICAS TÉCNICAS............................................................................54
FIGURA 27. CONTADORES. ESPECIFICACIONES............................................................................................55
FIGURA 28. VÁLVULAS HIDRÁULICAS DE MEMBRANA. DESCRIPCIÓN .........................................................56
FIGURA 29. VÁLVULAS HIDRÁULICAS DE MEMBRANA. ÁBACOS DE PÉRDIDA DE CARGA .............................57
FIGURA 30. VÁLVULAS HIDRÁULICAS DE MEMBRANA. CAUDALES ACONSEJABLES ....................................58
FIGURA 31. VÁLVULAS HIDRÁULICAS DE MEMBRANA. TIPOS DE VÁLVULAS ..............................................58
FIGURA 32. HIDRANTE ................................................................................................................................59
FIGURA 33. PÁGINA DE HIDRANTES .............................................................................................................60
FIGURA 34. HIDRANTES. EJEMPLO DE APLICACIÓN .....................................................................................61
FIGURA 35. HIDRANTES. EJEMPLO DE APLICACIÓN. SELECCIÓN DE COMPONENTE ......................................61
FIGURA 36. VÁLVULAS DE CONTRALAVADO. DESCRIPCIÓN ........................................................................62
FIGURA 37. VÁLVULAS DE CONTRALAVADO. ÁBACO Y DIMENSIONES ........................................................63
FIGURA 38. VÁLVULAS DE CONTRALAVADO. TABLA DE DIMENSIONES Y CAUDALES ..................................63
FIGURA 39. PILOTOS DE REGULACIÓN. PILOTOS DE BRONCE .......................................................................65
FIGURA 40. PILOTOS DE REGULACIÓN. ESTRUCTURA DEL PILOTO ...............................................................66
FIGURA 41. ACCESORIOS PARA VÁLVULAS .................................................................................................66
FIGURA 42. BOMBAS DOSIFICADORAS .........................................................................................................67
FIGURA 43. BOMBAS DOSIFICADORAS. CARACTERÍSTICAS..........................................................................68
FIGURA 44. BOMBAS DOSIFICADORAS. MATERIALES ..................................................................................68
FIGURA 45. TELEGESTIÓN ...........................................................................................................................69
FIGURA 46. TELEGESTIÓN. ESQUEMA TRP .................................................................................................71
FIGURA 47. TELEGESTIÓN. PROPIEDADES TRP ...........................................................................................72
FIGURA 48. SECCIÓN DE TARIFAS ................................................................................................................74
FIGURA 49. MUESTRA DEL MENÚ LATERAL DE PRODUCTOS ........................................................................77
FIGURA 50. TARIFAS DE ACCESO LIBRE. EJEMPLO DE TABLA DE PRODUCTOS..............................................78
FIGURA 51. VALIDACIÓN DE USUARIOS REGISTRADOS ................................................................................79
FIGURA 52. ERROR EN LA VALIDACIÓN DE USUARIOS. ................................................................................80
FIGURA 53. PÁGINA DE TARIFAS PARA USUARIOS REGISTRADOS .................................................................81
FIGURA 54. FORMULARIO DE REGISTRO ......................................................................................................83
FIGURA 55. SECCIÓN DE INSTALACIONES ....................................................................................................84
FIGURA 56. NAVEGADOR DE IMÁGENES ......................................................................................................86
FIGURA 57. VISOR DE IMÁGENES .................................................................................................................87
III
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
1.- Introducción
Hoy en día, una empresa que aprecie lo más mínimo sus posibilidades
de mercado y desee llegar un poco más allá del ámbito local y familiar en el
mundo
de
las
relaciones
comerciales,
requiere
de
una
herramienta
indispensable para darse a conocer al mercado, esa herramienta es Internet.
Internet permite a través de las páginas Web, que una empresa, por muy
pequeña que ésta sea y por pocos recursos de los que disponga, se de a
conocer en el mundo entero. La tecnología de las comunicaciones a través de
la red ha llegado más allá de la mera información, permitiendo a los potenciales
clientes y a los ya común y globalmente denominados “navegantes” de la red
interactuar con las páginas Web incluso con la posibilidad de solicitar productos
y comprarlos a través de la misma red, lo que coloquialmente se denomina
“comercio electrónico”.
A esta posibilidad de interactuar el usuario de la red (a partir de ahora
navegante) con los servicios que una empresa presta a través de su página
Web, junto con otras ventajas que se irán presentando en el desarrollo del
presente proyecto, es a lo que se denomina “páginas Web dinámicas”.
Las páginas Web dinámicas pueden estar programadas mediante
lenguajes que van un poco más allá que el tradicional lenguaje Web HTML
como son los lenguajes basados en “Javascript”, “cgi-bin”,
“Visual Basic
Script”, “Perl”, etc… y que dan lugar a páginas del tipo “.php”, “.asp”, “.cgi”,
“xml”, “cfm”, etc.
Estas necesidades que se están generando en el mundo actual son las
que han llevado a la empresa Hidroconta S.A. a desarrollar una página Web
corporativa en la que puedan darse a conocer al mundo entero tanto ellos,
como sus productos.
Herranz Peris, Ricardo
1
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
A partir de esta necesidad nace el desarrollo y la creación de este
trabajo final de carrera, cuya finalidad primordial es el diseño, la creación y el
mantenimiento del espacio Web que representará a Hidroconta S.A. dentro de
la extensa red de comunicaciones que hoy en día es Internet.
Herranz Peris, Ricardo
2
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
2.- Objetivos
El objetivo principal de este trabajo final de carrera es el diseño,
creación, realización y administración del espacio Web que ha de representar a
la empresa dedicada a contadores y válvulas automáticas, Hidroconta S.A., en
la red de comunicaciones más extensa del mundo: Internet.
Mediante la realización de este proyecto, también se pretende
implementar a la aplicación de diversas funciones como son:
•
Posibilidad de ofrecer los productos y sus características, además de los
precios, de una manera fácil de controlar y actualizar.
•
Permitir una plataforma multilingüe sin la necesidad de volver a
programar cada una de las páginas, mediante la actualización
correspondiente de la base de datos.
•
Permitir la aparición de nuevos productos sin necesidad de volver a
crear una página nueva.
Para el desarrollo de estos objetivos nos hemos decantado por el
desarrollo de páginas Web en formato .asp. Este tipo de páginas, como
explicaremos más adelante, se basa en la tecnología de los lenguajes de
programación Web del lado del servidor, el cual es capaz de conectar el
contenido de las páginas Web convencionales a bases de datos estándar como
pueden ser las realizadas en SQL, Oracle, Access, u otro sistema de bases de
datos, confiriendo a la página Web una funcionalidad e interacción mucho
mayor a la que se puede conseguir con la programación en HTML.
Con la adición a la página de otros lenguajes de programación Web,
como el Javascript y el HTML dinámico entre otros, conseguimos aportar a la
Herranz Peris, Ricardo
3
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
página Web un aspecto mucho más atractivo y crear efectos que dan mayor
funcionalidad y vistosidad al espacio Web.
Herranz Peris, Ricardo
4
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
3.- Requerimientos del sistema
En este apartado se describen los requerimientos de hardware
(elementos materiales de un ordenador personal) y de software (conjunto de
programas y técnicas informáticas) para la correcta visualización de la página
Web desarrollada.
3.1.- Hardware
Los requerimientos de hardware para la visualización de la página Web
son los mismos que se necesitan para la conexión a Internet de cualquier
ordenador personal:
•
Ordenador personal.
•
Tarjeta de red o módem (según el tipo de conexión a la red).
•
Tarjeta gráfica VGA con posibilidad de configuración a una resolución
mínima de 800 X 600 píxeles y 256 colores (aunque su resolución
óptima es de 1024 x 768 píxeles).
•
Cable para la conexión de red.
•
Ratón compatible.
3.2.- Software
Los requerimientos de software para la visualización de la página Web
se reducen a un sistema operativo para el funcionamiento del equipo y de un
Herranz Peris, Ricardo
5
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
software para la navegación a través de Internet como pueden ser el Internet
Explorer o Netscape Navigator (o cualquier otro compatible con la tecnología
del HTML dinámico y los Scripts de Java).
Herranz Peris, Ricardo
6
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
4.- Herramientas de implementación y desarrollo
En este apartado se describen todas las herramientas que han sido
utilizadas para el desarrollo de este trabajo final de carrera.
4.1.- Hardware
La página Web ha sido desarrollada haciendo uso de los tres equipos
informáticos que se describen a continuación:
Equipo 1:
•
Microprocesador Pentium® 4 a 2,40 GHz
•
512 MB de memoria RAM
•
40 GB de disco duro
•
Monitor TFT 15”
Equipo 2:
•
Microprocesador Pentium® 4 a 1,70 GHz
•
256 MB de memoria RAM
•
60 GB de disco duro
•
Monitor 17”
Herranz Peris, Ricardo
7
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Equipo 3:
•
Microprocesador Pentium® 4 a 1,7 GHz
•
512 MB de memoria RAM
•
30 GB de disco duro
•
Monitor 14”
4.2.- Software
A continuación se detalla el software utilizado para la realización de la
página Web dinámica:
•
Microsoft® Access XP. Creación de la base de datos que se encarga de
gestionar el contenido de la página Web.
•
Microsoft® PowerPoint XP. Diseño de botones, tablas y gráficas y
montaje de imágenes y croquis.
•
Microsoft® Photo Editor 3.02. Aplicación de efectos y retoques
fotográficos.
•
Microsoft® Paint 5.1. Depuración y limpieza de imágenes.
•
Microsoft® Bloc de Notas. Creación de scripts y archivos de inclusión.
•
Microsoft® FrontPage XP. Creación de efectos Web y formatos de
diseño dentro de las páginas Web.
Herranz Peris, Ricardo
8
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Macromedia® Dreamweaver 4. Diseño y elaboración de la página Web.
•
Xat.com Image Optimizer. Optimizador de imágenes destinadas a formar
parte de la página Web.
•
Power Translator 7. Traductor de textos.
•
Word Reference. Traducción de términos específicos.
•
Altavista.tr. Traductor on-line de textos.
•
Vox.es. Diccionario y traductor de idiomas.
•
Coffee Cup Gif Animator. Creación de gifs animados.
•
Internet Information Server 5. Emulador de servidor Web.
•
Microsoft® Developer Network. Ayuda de programación Visual Basic.
Herranz Peris, Ricardo
9
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.- Introducción a los lenguajes de programación Web
En este apartado se describe de una manera global los lenguajes de
programación Web. Para ello veremos algunos conceptos básicos de la
programación Web y los tipos de páginas más comunes que nos podemos
encontrar en Internet.
5.1.- Introducción a la Web
Dentro de la red que Internet forma podemos encontrar distintos
servicios como pueden ser:
•
Correo electrónico
•
IRC o Chat
•
FTP
•
El propio Web
La Web no es más que un sistema de hipertexto, lo cual no es ni más ni
menos que un entramado de páginas conectadas a través de enlaces. La Web
no se limita exclusivamente a mostrar texto y enlaces, sino que también ofrece
imágenes, videos, sonido y todo tipo de presentaciones. Debido a esto el
término hipertexto ha sido progresivamente desplazado por un nuevo término:
hipermedia, que hace referencia a la posibilidad de acceder a los distintos
recursos multimedia que la Web nos ofrece.
Herranz Peris, Ricardo
10
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.2.- Lenguaje HTML
Una página Web aunque nosotros la vemos en nuestro navegador, o
cliente Web, como una sola entidad, está compuesta por diferentes ficheros
como imágenes, sonidos y la parte fundamental, el código fuente.
El código de las páginas está escrito en HTML, que indica básicamente
donde se ha de colocar cada texto, imagen o vídeo y la forma de colocarlos
dentro de la página.
El objetivo con el que se creó el HTML fue meramente de carácter
divulgativo, no se pensó en él como un área de ocio con carácter multimedia,
de modo que no es capaz de dar respuesta por sí solo a los posibles usos que
la red proporciona hoy en día. Por ello este lenguaje se ha visto reforzado y
complementado por otros lenguajes de mayor potencia y flexibilidad.
5.3.- Diferencia entre páginas estáticas y páginas dinámicas.
Dentro de la Web nos podemos encontrar dos tipos de páginas:
•
Páginas estáticas. Son aquellas que se presentan sin movimiento y sin
funcionalidades más allá de los enlaces. Este tipo de páginas se
programan con el lenguaje HTML que no permite crear efectos ni
funcionalidades diferentes de las representadas por los enlaces.
•
Páginas dinámicas. Páginas con capacidad de albergar efectos
especiales y con capacidad de poder interactuar con ellas, y que
requiere de lenguajes de programación distintos al HTML.
Herranz Peris, Ricardo
11
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.4.- Páginas dinámicas
Hemos de tener en cuenta que en el diseño de una página Web
dinámica, entran a formar parte un conjunto de lenguajes de programación, que
en ningún caso sustituyen al HTML, sino que se embeben dentro de él
completándolo y potenciándolo.
Las páginas dinámicas se pueden clasificar según donde carguen el
peso específico de su programación, o lo que es lo mismo, según los efectos y
las funcionalidades se procesen en un sitio o en otro. Según esta división
podremos encontrar dos tipos de páginas dinámicas:
•
Páginas dinámicas de cliente.
•
Páginas dinámicas de servidor.
5.4.1.- Páginas dinámicas de cliente
Son aquellas páginas que se procesan en el cliente, es decir, que la
carga del procesamiento de la página recae sobre el navegador del usuario que
accede a dicha página.
El código necesario para poder realizar este tipo de programación se
basa en lenguajes que se incluyen dentro del mismo código HTML y que
suelen recibir el nombre de “SCRIPT”. Los lenguajes usados para generar
páginas Web dinámicas del lado del cliente son principalmente el Javascript y
el Visual Basic Script.
La principal desventaja de este tipo de páginas dinámicas es que tienen
una gran dependencia del sistema donde se están ejecutando, ya que cada
navegador e incluso la versión del mismo, es capaz de ejecutar unas acciones
Herranz Peris, Ricardo
12
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
y no otras de lo llamados scripts, lo que motiva que no todas las páginas
dinámicas del lado del cliente sean capaces de ser cargadas por los distintos
navegadores.
Entre las ventajas de este tipo de páginas se puede destacar, que éstas
descargan al servidor de ciertos trabajos y ofrecen respuestas inmediatas a las
acciones del usuario.
5.4.2.- Páginas dinámicas de servidor
Las páginas dinámicas del lado del servidor son aquellas que se
interpretan y ejecutan por el propio servidor, enviando al cliente una página ya
codificada en código HTML de fácil interpretación por la totalidad de los
navegadores.
Las páginas Web dinámicas del lado del servidor son útiles para muchas
situaciones, como trabajos en los que se ha de acceder a información situada
en una base de datos y donde, por razones de seguridad, ciertos cálculos no
pueden ser realizados en el ordenador del usuario.
Las páginas dinámicas del servidor se escriben en el mismo archivo
HTML mezclado con el código HTML, al igual que ocurría en las páginas del
cliente. Cuando una página del lado del servidor es solicitada por el cliente, el
servidor ejecuta los scripts y genera el resultado en una página escrita
únicamente en lenguaje HTML que es enviada al cliente.
En las páginas Web dinámicas del lado del servidor existen varios
lenguajes como el Common Gateway Interface (CGI), el Active Server Pages
(ASP), Hipertext Preprocesor (PHP) y el Java Server Pages (JSP).
Entre las ventajas de este tipo de servidor se encuentra el hecho de que
el cliente no puede ver los scripts, de manera que se “protege” el trabajo del
Herranz Peris, Ricardo
13
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
programador. Además son independientes del navegador del usuario, ya que el
código recibido por éste, es HTML de fácil interpretación.
Como desventajas, señalamos que se requiere un servidor más potente
que el necesario para albergar páginas del lado del cliente. Además, estos
servidores pueden albergar menos usuarios concurrentes, ya que se requiere
más tiempo de procesamiento por cada uno de ellos.
5.5.- Lenguajes de programación del lado del cliente
5.5.1.- Javascript
Lenguaje de programación del lado del cliente, utilizado para crear
pequeños aplicaciones, encargadas de realizar acciones concretas dentro del
ámbito de una página Web. Es el lenguaje de programación del lado del cliente
más utilizado debido a su compatibilidad con la mayoría de los navegadores.
Entre las acciones típicas que se realizan con este lenguaje podemos
encontrar dos vertientes. Por un lado, la creación de efectos especiales para
crear contenidos dinámicos y elementos de la página que tengan movimiento,
cambien de color o cualquier otro tipo de acción dinámica. Por otro lado
Javascript nos permite ejecutar instrucciones como respuesta a acciones
realizadas por el usuario creando de eso modo una interactividad entre el
cliente y la página Web.
5.5.2.- Visual Basic Script
Es un lenguaje de programación de scripts del lado del cliente pero que
sólo es compatible con el Internet Explorer, por lo que se desaconseja este
lenguaje frente al Javascript para la realización de scripts del lado del cliente.
Herranz Peris, Ricardo
14
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El modo de funcionamiento y los recursos a los que se puede acceder
son similares al Javascript. Este lenguaje se basa en el conocido Visual Basic,
siendo una versión reducida del mismo.
Se recomienda este lenguaje para la realización de Intranets en las que
se utilice únicamente Internet Explorer como navegador y el programador esté
acostumbrado a la programación en Visual Basic.
5.5.3.- DHTML
El DHTML es una capacidad, más que un lenguaje, que poseen los
navegadores más modernos de mostrar y ocultar elementos de la página,
modificar posiciones, dimensiones o colores.
El DHTML permite un mayor control sobre las páginas ya que los nuevos
navegadores poseen una nueva estructura capaz de trabajar con capas que
pueden ser ocultadas, mostradas y desplazadas a gusto del programador,
obteniendo páginas de mayor capacidad y vistosidad.
Dentro del concepto DHTML también se puede incluir las hojas de
estilos en cascada o CSS (Cascade Style Sheets).
Las CSS permiten crear páginas de una manera más exacta y uniforme,
pudiendo hacer cosas como preformatear las páginas de un sitio Web
definiendo los márgenes, colores, tipos de letra, fondos, etc. para todas las
páginas del sitio o solo para las que decidamos.
Herranz Peris, Ricardo
15
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.5.4.- Applets de Java
Los applets de Java se tratan de pequeños programas hechos en Java,
que se transfieren con las páginas Web y que el navegador ejecuta en la
misma página. Un applet está programado y precompilado en Java.
La ventaja de un applet frente a un script consiste en que son mucho
menos dependientes del navegador e incluso del sistema operativo del
ordenador en el que se ejecuta, debido a que basa su funcionamiento en Byte
Codes que pueden ser interpretados por la Máquina Virtual de Java que cada
ordenador posee. Además el lenguaje en Java tiene una potencia superior al
Javascript lo que permite un mayor número de aplicaciones y posibilidades a la
hora de crear con Java.
Como desventaja tenemos que el applet es más lento en la carga que el
script y su espacio en la página es muy limitado y los applets no se mezclan
con el resto de componentes de la página por lo que no podremos actuar sobre
éstos.
5.6.- Lenguajes de programación del lado del servidor
5.6.1.- CGI
Es el sistema más antiguo de programación de páginas dinámicas del
lado del servidor. Actualmente se encuentra un poco desfasado a causa de su
dificultad y la pesada carga que generan en el servidor.
Los CGI se escriben en el lenguaje Perl por lo general, pero también
pueden usarse lenguajes como el C, C++ o el Visual Basic.
Herranz Peris, Ricardo
16
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.6.2.- ASP
Es el lenguaje desarrollado por Microsoft para la creación de páginas
dinámicas del servidor. El ASP se escribe en la misma página Web y usa como
lenguaje el Visual Basic Script o JScript (Javascript de Microsoft).
Las páginas que se ejecutan en el servidor pueden realizar accesos a
bases de datos, conexiones en red, y otras tareas para crear la página final que
verá el cliente. El cliente solamente recibe una página con el código HTML
resultante de la ejecución en el servidor (Figura 1). Como la página resultante
contiene únicamente código HTML, es compatible con todos los navegadores.
El tipo de servidores que usan este lenguaje son aquellos basados en
Windows NT, aunque también se pueden usar servidores con Win98 e incluso
Linux si instalamos los componentes adecuados, aunque lo mejor será trabajar
con un servidor Web con Internet Information Server (Windows NT) que es para
el que está pensado.
Figura 1. Esquema de funcionamiento de las páginas
dinámicas del lado del servidor
Herranz Peris, Ricardo
17
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
5.6.3.- PHP
El PHP al igual que el ASP se escribe dentro del código HTML, lo que lo
convierte en un lenguaje de fácil utilización.
El PHP podría ser considerado como el lenguaje análogo del ASP, pero
utilizado sobre plataformas Unix y Linux.
Ambos lenguajes, resultan bastante útiles para la explotación de las
bases de datos, y su aprendizaje resulta accesible para una persona que posea
unos conocimientos básicos de programación. Cualquiera de ellos, tanto el
ASP como el PHP, resulta la mejor opción que existe actualmente para hacer
evolucionar un sitio Web programado en HTML.
Como ya se ha comentado, los lenguajes del lado del servidor, ejecutan
los scripts en el propio servidor y envían el resultado al cliente en forma de
código HTML. Resulta obvio, por lo tanto, que para poder probar el programa
será necesaria la colocación del mismo en el servidor, no es por tanto posible
trabajar offline (sin conexión a la red), tal como se hace con el código HTML.
Para evitar este problema hemos de convertir nuestro equipo en un servidor
Web, para poder trabajar en local (en el propio ordenador), sin necesidad de
colocar las páginas en un servidor vía FTP (sistema de transferencia de
archivos vía Web).
Herranz Peris, Ricardo
18
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
6.- Criterios de desarrollo
6.1.- Elección del lenguaje de programación
La base fundamental para la elaboración de este trabajo, ha sido la
necesidad que ha tenido la empresa Hidroconta S.A. por crear un espacio
propio donde poder darse a conocer a un mercado muy extenso al que ofrecer
sus productos, dentro de la gran “autopista” de la información que supone
Internet.
Entre los requisitos exigidos al sitio Web destacan los que a continuación
se detallan:
•
Rapidez en la velocidad de acceso y navegación de las páginas Web
que conforman el sitio.
•
Diseño moderno y funcional.
•
Soporte para una plataforma multilingüe.
Una vez establecida la necesidad de elaboración de dicho espacio Web,
se pasó a la elección del lenguaje en el que iban a ser programadas las
páginas que le dieran una estructura sólida.
La primera decisión concerniente al lenguaje de programación que se
debía tomar era la referente al tipo de página que más se iba adaptar a
nuestras necesidades de diseño: las páginas Web dinámicas o las estáticas.
Las páginas Web estáticas por lo general dotan al sitio Web de mayor
velocidad de descarga pero se quedan bastante cortas en cuanto a la posible
inclusión de efectos que dotarán a la página de mayor vistosidad y modernidad.
Herranz Peris, Ricardo
19
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Las páginas estáticas no permiten la interactividad del cliente con el sitio Web
lo que imposibilita muchas de las funciones que se desean incorporar. Ademas
exigiría el diseño de un mayor número de páginas Web, como más adelante se
explica.
Una vez decantados por la opción más moderna y potente, como son las
páginas Web dinámicas, era el momento de decidir si crear un espacio Web
dinámico del lado del cliente o del lado del servidor.
Ante este nuevo dilema, la elección se decantó hacia las páginas del
lado del servidor, ya que éstas tienen un soporte multiplataforma que permiten
visualizar nuestras páginas con prácticamente cualquier navegador Web y bajo
cualquier sistema operativo, ya que éste tipo de páginas ejecutan los scripts en
el servidor, descargando al navegador de dichas operaciones, y envían al
cliente el resultado de la ejecución de los mismos en formato HTML, de fácil
lectura por todos los navegadores.
Otra ventaja que poseen las páginas Web dinámicas frente las estáticas
es que el cliente sólo tiene acceso a la información solicitada, quedando el
resto de la misma protegida. El trabajo del programador queda oculto en el
servidor, mostrándose únicamente el resultado de la ejecución de los scripts.
Para aclarar este último párrafo se puede acudir a un ejemplo de página
Web de un banco, en la que el cliente tiene acceso a todos sus datos, pero no
al de los demás clientes del banco, aunque dichos datos también se
encuentren almacenados en el servidor.
Por todo ello se decide utilizar para nuestro sitio Web lenguaje basado
en la tecnología de las páginas Web dinámicas del lado del servidor. En cuanto
al lenguaje de programación a utilizar, las páginas Web dinámicas del lado del
servidor se pueden programar en los distintos lenguajes que se detallan a
continuación:
•
ASP
Herranz Peris, Ricardo
20
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
JSP
•
PHP
•
CGI
De estos lenguajes, el CGI es el primero en ser descartado. Los motivos
principales por los cuales se desestima el uso de este lenguaje para la
realización de la página Web se basa en la dificultad del lenguaje PERL en el
que se basa el CGI y la pesada carga que suponen dichos scripts para el
servidor en el que se alojan, generando páginas de lenta descarga y con
limitaciones para ejecutarse ante la concurrencia de clientes que dispuestos a
consultar el sitio Web al mismo tiempo.
Otro de los lenguajes que han sido rápidamente desestimados para la
elaboración de este sitio Web fue el lenguaje JSP (Java Server Pages). El
motivo es la dificultad
y la rigidez de su programación, mientras que los
lenguajes Web dinámicos del lado del servidor que basan su lenguaje en
scripts (como el ASP o el PHP) son más sencillos y flexibles para la
programación, ya que éstos no se orientan a objetos tal y como ocurre con
Java.
Entre los dos lenguajes que nos quedan, el PHP y el ASP, la decisión se
decantó hacia el ASP, ya que los dos lenguajes tienen prácticamente las
mismas funciones, pero el ASP está pensado para ser utilizado bajo
plataformas Windows a través del módulo Internet Information Server para el
caso de los Windows de la familia NT (Win NT, W2000, Win XP) o del Personal
Web Server para los de la familia Windows95 (W95, W98, Win ME) mientras
que el PHP muestra su rendimiento óptimo bajo plataformas Unix o Linux.
Debido a que los sistemas en que se va a trabajar son mayoritariamente
Windows NT y en el caso de que el servidor usase una plataforma distinta a la
de Microsoft, también se puede adaptar mediante su módulo correspondiente
Herranz Peris, Ricardo
21
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
(p.e. para los Apache de Linux, el ChiliSoft), nos decantamos por programar las
páginas Web de nuestro sitio en el lenguaje dinámico del lado del servidor
basado en scripts de la tecnología Microsoft: ASP.
6.2.- ASP. Descripción general de la plataforma
ASP es la abreviatura utilizada para referirse a las Active Server Pages,
que es una plataforma desarrollada por Microsoft, destinada a servir de soporte
en la realización de páginas Web dinámicas.
Las características fundamentales de esta plataforma son las siguientes:
•
Se ejecuta en el servidor, por lo que el navegador no recibe la carga de
ejecutar el código ASP ya que el servidor se encarga de ello y envía el
resultado al navegador cliente en formato HTML estándar de fácil
interpretación por los navegadores Web.
•
Se programa en lenguaje script. No es un lenguaje de programación
propiamente dicho, ya que no genera aplicaciones independientes, sino
que los scripts se entremezclan dentro de un documento, por ejemplo
HTML, para darle funcionalidad y permitir la interacción con él.
Las ventajas que este tipo de lenguaje proporciona son:
•
Mayor seguridad al ejecutarse en el servidor, por lo que el código fuente
no es enviado al navegador, y el cliente no puede obtener, por lo tanto,
el código fuente de nuestras páginas.
•
Mayor funcionalidad. Al ejecutarse en el servidor, podemos realizar
funciones inimaginables en el cliente, como guardar datos en una base
de datos, compartir archivos entre usuarios, etc.
Herranz Peris, Ricardo
22
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Mayor compatibilidad con los navegadores. Al ejecutarse completamente
en el servidor, se generan páginas Web exclusivamente escritas en
HTML, con lo que no estamos forzando al cliente a tener soporte para
los scripts utilizados en el desarrollo de la página.
•
Lenguaje sencillo. ASP se suele programar generalmente en Visual
Basic Script (VBScript), el cual es un lenguaje casi idéntico al Visual
Basic, lenguaje ampliamente desarrollado y utilizado, con multitud de
soportes técnicos y referencias de ayuda.
•
Multi-lenguaje. ASP no es en realidad un lenguaje de programación, sino
una plataforma de soporte para diversos lenguajes de scripts en el
servidor. Esto implica que aunque generalmente se use el VBScript para
el desarrollo de las páginas ASP, también se pueden utilizar otros
lenguajes como el JavaScript, PerlScript, Rexx, y muchos otros.
•
Su bajo coste, debido a que el servidor Web viene ya incluido en los
sistemas operativos de Microsoft.
Como ya sabemos, el ASP no se ejecuta en el navegador, sino en el
servidor Web, de manera que cuando un cliente solicita una página Web ASP
se producen los siguientes procesos:
1. El navegador localiza el servidor Web y lanza la petición HTTP en la cual
le solicita una página ASP.
2. El servidor busca esta página ASP en su disco, si la encuentra la carga
en el servidor, sino envía un mensaje de error.
3. El servidor interpreta el ASP, la cual contiene entremezclado el lenguaje
HTML y el código script del servidor. Cuando encuentra HTML, lo envía
tal y como está a un buffer de salida (espacio de memoria para
almacenamiento). Cuando encuentra código script , lo ejecuta y el
Herranz Peris, Ricardo
23
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
resultado generado lo envía al mismo buffer de salida en forma de
HTML.
4. El servidor envía el contenido del buffer de salida al navegador, el cual
contiene exclusivamente código HTML.
5. El navegador recibe un documento HTML, de extensión .asp.
Para añadir el código script de servidor puede emplearse la etiqueta
HTML <script>, tal y como se hace en JavaScript (script de cliente), pero
requiere de un parámetro para indicar al servidor que es él quien ha de ejecutar
el script, este parámetro es RUNAT con el valor “server”. Otro parámetro a
añadir en la etiqueta script es el lenguaje en el que va escrito. Este parámetro
es LANGUAGE y el valor que usaremos es “VBScript”.
Por lo tanto, para añadir el código ASP en una página HTML debemos
escribir:
<SCRIPT LANGUAGE=”VBSCRIPT” RUNAT=”SERVER”>
Aquí escribimos el código ASP
</SCRIPT>
Para abreviar la inclusión de código ASP en los documentos HTML
existe una alternativa que consiste en usar las marcas <% y %> quedando de
la siguiente manera:
<%
Aquí escribimos el código ASP
%>
Para indicar el lenguaje que vamos a usar en los scripts se incluirá al
principio de todo el código la etiqueta:
<%@LANGUAGE=”VBSCRIPT”%>
Herranz Peris, Ricardo
24
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
6.3.- Configuración del servidor en local
Debido a que los scripts del ASP deben ser ejecutados en el servidor, es
necesario para poder realizar pruebas mientras se va programando, tener
configurado el ordenador como si fuera un servidor para que sea capaz de leer
el ASP y mostrarnos el resultado HTML tal y como haría un servidor ISP
(Proveedor de Servicios de Internet) que hospedara nuestra Web.
Lo primero que necesitamos para ejecutar nuestras páginas ASP es
tener instalado el Internet Information Server en nuestro equipo local
(recordamos que las páginas se programaron en equipos bajo el sistema
operativo Windows 2000 Profesional).
Con el fin de poder probar nuestras páginas Web en ASP,
necesitaremos también un navegador que sea capaz de visualizar páginas
HTML. Para el desarrollo de nuestras páginas nos sobra con un editor de
textos normal y corriente como podría ser el Bloc de Notas del Windows, pero
nos dará más funcionalidad y ayuda un editor HTML tipo WYSIWYG (“What
you see is what you get”, “Lo que ves es lo que tienes”) como puede ser el
Dreamweaver o el Frontpage.
6.4.- Estructura general del sitio Web
Una vez decidido que el tipo de lenguaje de programación a utilizar para
el desarrollo del sitio Web iba a ser el ASP mediante scripts de Visual Basic
Script se pasó a realizar una estructura de los contenidos a albergar por las
páginas, así como un esquema fundamental del funcionamiento de las mismas.
Herranz Peris, Ricardo
25
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
La estructura del sitio Web (Figura 2) comprendería pues, cuatro
apartados fundamentales que serían:
•
Empresa
•
Productos
•
Tarifas
•
Instalaciones
Una página inicial nos da acceso a las cuatro categorías establecidas en
las que se dividen los contenidos.
El apartado de Empresa muestra los datos principales de la misma, junto
con una descripción de su filosofía, planos de acceso a las instalaciones de la
fábrica y demás datos relacionados con la empresa.
Dentro de la sección destinada a Productos, se alberga toda la
información referente a los productos desarrollados por Hidroconta.
La categoría Tarifas nos permite acceder al catálogo de productos y a
las tarifas vigentes hasta la fecha.
La última división correspondiente a las Instalaciones muestra algunos
ejemplos del funcionamiento de sus productos, así como soluciones especiales
adoptadas en distintas instalaciones de riego a presión con productos
Hidroconta.
Herranz Peris, Ricardo
26
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 2. Estructura del sitio Web
6.5.- Interacción ASP-Base de Datos
Una de las ventajas que presentan las páginas Web dinámicas del lado
del servidor y en concreto las páginas escritas en ASP, por la que nos hemos
decantado, es la posibilidad de vincular el contenido de nuestra página Web
con una Base de Datos, permitiendo así al navegante de nuestro sitio Web
acceder a la información contenida en nuestra base y posibilitando una
interacción del cliente con el sitio de manera que pueda seleccionar el
contenido a visualizar y nosotros podamos restringir el acceso a la información
que no le sea de interés y que deseemos proteger.
Para realizar la conexión de las distintas páginas Web a la Base de
Datos se ha realizado un script en un archivo de inclusión que se incorpora a
cada una de las páginas en las que se desea realizar la conexión.
Herranz Peris, Ricardo
27
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Ese script tiene la siguiente estructura:
<%
set conn = Server.Createobject("adodb.connection")
conn.Open("DRIVER={Microsoft
Access
Driver
(*.mdb)};
DBQ="
&
Server.MapPath("\bd\hidroconta.mdb"))
%>
Con esta estructura lo que estamos haciendo es:
1. Establecemos una conexión del tipo ADO a una Base de Datos alojada
en el servidor.
2. Abrimos la Base de Datos especificando el driver adecuado para el
manejo de la Base y la ubicación de la misma dentro del directorio
disponible en nuestro servidor para alojar el sitio Web.
Una vez establecida la conexión con la Base de Datos podemos obtener
de ella toda la información deseada a través de la realización de consultas SQL
(Structured Query Language), que es el lenguaje universal utilizado para la
comunicación con Bases de Datos.
Finalizadas todas las consultas que se desean realizar en una página a
la Base de Datos se debe cerrar la conexión a la misma mediante su
correspondiente script:
<%
conn.close
%>
De entre las ventajas que se obtienen al conectar el contenido de las
páginas Web a una Base de Datos, hemos de destacar la posibilidad de
Herranz Peris, Ricardo
28
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
rellenar el contenido de la página Web según los criterios que se establezcan
en las consultas SQL.
Con una correcta combinación de las consultas SQL y los VBScript
conseguiremos un considerable ahorro en la programación, reduciendo
drásticamente el total de páginas a programar y liberando así de peso al
servidor encargado de albergar nuestra información.
Ese ahorro de programación lo explicaremos con un ejemplo:
•
Si hubiésemos programado la página en código HTML y deseáramos
abarcar el apartado correspondiente a Tarifas, no nos hubiera quedado
más remedio que programar una página para cada uno de los productos.
Hidroconta posee en su catálogo una veintena de grupos de productos,
lo que se traduce en tener que diseñar 20 páginas Web distintas, con su
diseño, estructura, inclusión de imágenes y relaciones entre las páginas.
•
Ese mismo apartado, programado en ASP, y con las consultas SQL, nos
reduce el trabajo a diseñar una única página Web que contendrá las
distintas consultas a la Base de Datos. Según los criterios que reciba la
consulta, rellenará la página ASP con los resultados correspondiente a
un grupo de productos o a otro. De esta manera hemos conseguido
reducir el trabajo de 20 páginas a sólo una.
Siguiendo esta misma filosofía y adaptando correctamente la consulta
SQL y el contenido de la Base de Datos conseguimos diseñar un espacio Web
con plataforma multilingüe. Esto quiere decir que diseñando la página una sola
vez, la podemos mostrar en tantos idiomas como deseemos con tan solo añadir
las traducciones en los campos correspondientes de la Base de Datos sin
necesidad de volver a generar una nueva página para cada idioma en el que se
quiera mostrar.
Herranz Peris, Ricardo
29
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
6.6.- Archivos de inclusión
Una de las nuevas características que posee la programación Web tras
el avance y desarrollo de los actuales programas de navegación Web son los
archivos de inclusión.
Los archivos de inclusión son archivos de texto (generados mediante
cualquier tipo de editor de textos) de extensión .inc que son incluidos dentro del
código de programación de la página Web mediante una sentencia como la que
a continuación se muestra:
<!-- #include file="script/pagina.inc"-->
Este tipo de archivos sigue la filosofía de las hojas de estilo en cascada
(CSS, Cascade Style Sheet) de manera que scripts concretos, que se repiten
en más de una página, pueden ser incluidos a través de una mera referencia al
archivo que los contiene, sin necesidad de repetir todo el contenido de los
mismos tantas veces como se quiera hacer uso de ellos.
Nuestro sitio Web contiene una serie de archivos de inclusión con unas
funciones específicas en las páginas Web programadas. Estas funciones se
detallan a continuación:
•
Connon.inc. Este archivo es el encargado de indicarle al servidor la
ubicación y el tratamiento que debe recibir la Base de Datos a la que
queremos conectar, así como de realizar y establecer la cadena de
conexión correspondiente, dejando la base preparada para poder
acceder a ella a través de los medios específicos para esta función
como son las consultas SQL.
•
Connof.inc. Mediante este archivo de inclusión desconectamos la Base
de Datos de la página ASP con la intención de liberar memoria y agilizar
las tareas en el servidor.
Herranz Peris, Ricardo
30
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Impmodelos.inc. Este archivo define las funciones que establecen las
distintas consultas SQL para acceder al contenido de la Base de Datos
de manera que para realizar dichas consultas solo sea necesario llamar
a la función, y no tener que definir la consulta cada vez que se desee
realizar.
•
Lecturalengua.inc. Este archivo de características similares al anterior se
encarga de escribir los mensajes en la página Web según el idioma
seleccionado.
•
Navegacion.inc. Este script se encarga de generar el menú de
navegación que nos permitirá movernos a través del contenido de la
Web. Otra de las funciones que hace es controlar la generación de las
ventanas emergentes (pop-up) que se muestran en el sitio Web en
determinados enlaces.
•
Pagina.inc. Con este script podemos controlar en todo momento en que
página se encuentra el navegante, pudiendo de esa manera cambiar el
idioma en todo momento sin perder la ubicación del cliente en nuestro
sitio.
•
Plantillahtml.inc. Este archivo de inclusión hace las funciones de una
CSS, aportando a las páginas de nuestro sitio Web el formato deseado
como los colores de los enlaces, el fondo, barras de desplazamiento,
etc.
•
Popup.inc. Este archivo de inclusión también se encarga de controlar la
generación de las ventanas emergentes.
•
Tarifaplantilla.inc. Con este archivo de inclusión sustituimos el
plantillahtml.inc como una CSS para las páginas de la sección Tarifas,
Herranz Peris, Ricardo
31
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
las cuales incluyen unas funciones específicas que más adelante se
detallan.
•
Tarifauser.inc. Tiene la misma función que el archivo de inclusión
anterior pero para las páginas correspondientes al acceso a tarifas para
usuarios registrados.
•
Testlengua.inc. Este archivo es fundamental para el funcionamiento del
sitio Web como una plataforma multilingüe. La función de este script es
detectar la lengua de configuración del navegador del cliente, y según su
configuración muestra nuestra página en un idioma o en otro y genera
una cookie (mecanismo para guardar información acerca del usuario en
el ordenador del mismo) para recordar en otra sesión el idioma preferido
por el navegante. Otra de sus funciones es detectar en caso de que
exista una cookie de nuestro sito Web en el ordenador del usuario, el
idioma preferido. En caso de que el usuario decida cambiar el idioma de
la página, la cookie tomará el valor nuevo para los próximos accesos.
6.7.- Diseño de iconos para el sitio Web
Todos los iconos y botones utilizados en este sitio Web han sido
específicamente diseñados para el proyecto.
Para la creación de la librería de iconos se ha tratado de adaptar las
características de diseño de la imagen corporativa de Hidroconta, usando
aquellos colores y formas geométricas que más se adecuan a dicha imagen.
La librería de iconos diseñada para el sitio Web es la siguiente:
Herranz Peris, Ricardo
32
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Función principal de la imagen
Nombre de la imagen
Accesorios
accesorios.jpg
Accesorios para válvulas
accesvalv.jpg
Validar contraseña
aceptar.gif
Válvulas automáticas
automatico.jpg
Bombas dosificadoras
bombas.jpg
Cancelar contraseña
Cancelar.gif
Contadores
contadores.jpg
Válvulas de contralavado
contralavado.jpg
Correo electrónico
correo.gif
Contador doméstico
domesticos.jpg
Contador electromagnético
electromag.jpg
Sección empresa
emp.jpg
Alternativa sección empresa
emp2.jpg
Selección idiomas español
gotaes.gif
Selección idioma inglés
gotain.gif
Hidrantes
hidrantes.jpg
Válvulas Hidroflush
hidroflush.jpg
Indicadores de caudal
indicador.jpg
Herranz Peris, Ricardo
Imagen
33
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Función principal de la imagen
Nombre de la imagen
Sección instalaciones
ins.jpg
Alternativa sección instalaciones
ins2.jpg
Válvulas de membrana
membrana.jpg
Pilotos de regulación
pilotos.jpg
Sección productos
pro.jpg
Alternativa sección productos
pro2.jpg
Registro de usuarios
Registrar.jpg
Selección
seleccion.gif
Solenoides
solenoide.jpg
Subir
subir.gif
Sección tarifas
tar.jpg
Alternativas sección tarifas
tar2.jpg
Tarifas usuarios registrados
tarifar.jpg
Telegestión
telegestión.jpg
Contadores ultrasonidos
ultrasonidos.jpg
Ventosas
Ventosas.jpg
Anterior
volver.jpg
Contadores Woltmann
woltmann.jpg
Herranz Peris, Ricardo
Imagen
34
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.- Descripción del entorno
En este apartado del trabajo se describe detalladamente cada una de las
secciones del sitio Web. La intención del apartado será por lo tanto explicar el
funcionamiento y el diseño de cada una de las páginas que componen nuestro
sitio.
7.1.- Barra de navegación
La barra de navegación se incorpora en cada una de las páginas
componentes de nuestro sitio Web, a través de un archivo de inclusión.
La barra de navegación esta diseñada a partir de un script de Java. Este
script está controlado a través de un archivo precompilado de java denominado
“navcond.js”.
La barra de navegación permite ser configurada en la gran mayoría de
sus características:
•
Ancho de los botones.
•
Numero de apartados y de los sub-apartados que los componen.
•
Colores de la barra de herramientas.
La barra de navegación usada para este sitio Web se compone de seis
apartados:
•
Inicio (Figura 3). Este botón da acceso desde cualquier página a la
página de inicio del sitio Web.
Herranz Peris, Ricardo
35
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 3. Barra de navegación. Sección de inicio
•
Empresa (Figura 4). Con este apartado podemos acceder a la sección
de empresa, enviar un correo electrónico a la empresa y visualizar los
planos de acceso a la misma.
Figura 4. Barra de navegación. Sección de empresa
•
Productos (Figura 5). Da acceso al apartado de los productos y a cada
uno de las páginas de acceso correspondientes a las distintas
categorías de productos:
o Contadores
o Válvulas de contralavado
o Hidrantes
o Válvulas de membrana
o Pilotos y accesorios
o Bombas dosificadoras
o Telegestión
Figura 5. Barra de navegación. Sección de productos
•
Tarifas (Figura 6). Esta sección se divide en otras tres unidades:
Herranz Peris, Ricardo
36
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
o Acceso libre
o Acceso a usuarios registrados
o Registrarse
Figura 6. Barra de navegación. Sección de tarifas
•
Instalaciones (Figura 7). En el menú correspondiente a las instalaciones
se puede acceder de una manera rápida a las páginas explicativas de
las instalaciones de riego, colocadas a modo de ejemplo en la página
Web, en las que se muestran diversas situaciones de difícil solución
técnica, solucionadas satisfactoriamente mediante productos Hidroconta.
Figura 7. Barra de navegación. Sección de instalaciones
•
El último de los apartados en los que se divide la barra de navegación
corresponde al cambio de idiomas (Figura 8). Este apartado es, por
tanto, una opción para poder cambiar en todo momento el idioma
preferido para la visualización del contenido de la página Web, sin
importar la situación en la que nos encontremos en el mapa de
contenidos de nuestro sitio Web.
Figura 8. Barra de navegación. Sección de idiomas I
Herranz Peris, Ricardo
37
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El funcionamiento de esta opción se basa en el cambio del valor de una
variable de sesión que almacena el idioma preferido por el navegante
para la visualización de las páginas. La variable de sesión es un tipo de
variable que es accesible desde cualquier script mientras exista
conexión entre el cliente y el servidor, pudiendo almacenar en ella datos
sobre la configuración del cliente para poder adaptar nuestros
contenidos a sus preferencias.
El cambio de este valor en la variable de sesión origina que las consultas
SQL encargadas de imprimir en pantalla los mensajes de texto apunte
hacia los campos de las tablas de la Base de Datos que almacenan los
contenidos en el idioma seleccionado (Figura 9).
Figura 9. Barra de navegación. Sección de idiomas II
7.2.- Sistemas de chequeo previos a la carga de la página de
inicio
Como ya hemos ido introduciendo a lo largo del desarrollo de este
documento, la página Web diseñada dispone de una serie de scripts cuyo fin
principal es la detección de los parámetros del cliente, requeridos y necesarios
para el correcto funcionamiento del sitio Web.
Estos scripts tienen dos funciones: detección de la configuración de la
resolución de pantalla del cliente y establecer el idioma de preferencia para el
navegador.
El primer script se encarga de detectar la resolución de pantalla del
cliente. Se basa en un script de Java que se encarga de comparar los
parámetros de resolución de la pantalla del cliente con las variables definidas
Herranz Peris, Ricardo
38
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
por el programador, de manera que si no coinciden se envía al navegador un
mensaje aconsejando al cliente que adecue los parámetros de la configuración
de su resolución de pantalla para una correcta visualización de nuestro sitio
Web (Figura 10).
Figura 10. Alerta de resolución de pantalla
La resolución de pantalla para la que se ha diseñado nuestro sitio Web
corresponde a 1024 píxeles de ancho por 768 de alto. Esta configuración es la
habitual para los equipos actuales que suelen ir provistos de pantallas de 15
pulgadas. De todas formas esta resolución es la recomendada, pero no
necesaria, de manera que si un navegante accede a nuestra pantalla con una
resolución superior a la establecida (Figura 11) el único problema que tendrá
será que el espacio de diseño de las páginas no llegará a ocupar el disponible
en la pantalla.
Figura 11. Visualización del sito Web con una resolución
superior a la optimizada
Herranz Peris, Ricardo
39
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
En el caso de que la resolución del cliente sea inferior a la optimizada, el
efecto será el contrario al caso anterior, de manera que el espacio de diseño de
la página Web sobrepasará el espacio disponible en pantalla (Figura 12).
Figura 12. Visualización del sito Web con una resolución
inferior a la optimizada
El segundo script de detección automática de parámetros del cliente es
el encargado de establecer la lengua de preferencia para el navegante,
mostrando nuestras páginas en un idioma o en otro según el resultado de la
detección.
El funcionamiento de este script se basa en tres procesos distintos
mediante los que, a través de una adecuada combinación las órdenes enviadas
por el script, configuramos el idioma para imprimir los mensajes de nuestras
páginas.
Los procesos en los que se basa el script de detección del idioma son:
Herranz Peris, Ricardo
40
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Detección del idioma en las cookies.
•
Detección del idioma del navegador.
•
Selección del navegante.
La secuencia que adopta el script para la selección del idioma es la
siguiente:
1. Comprueba en el ordenador del cliente la existencia de una cookie de
nuestro sitio Web. En caso de encontrarla captura el idioma almacenado
en la cookie y lo establece como predeterminado.
2. Si no detecta una cookie de nuestro sitio en el ordenador del cliente, el
script pasa a capturar del navegador una variable que nos indica el
idioma en que el cliente tiene configurado su navegador Web,
estableciéndolo como idioma predeterminado. Una vez establecido el
idioma, el script genera una cookie con el idioma de preferencia del
cliente, para su detección en una próxima conexión a nuestro sitio Web.
3. La última de las funciones de las que se encarga este script es de
gestionar el cambio de idioma on-line. Esto quiere decir que si el cliente
decide en cualquier momento cambiar de idioma, el script genera una
nueva cookie con las nuevas preferencias, sobrescribiendo la cookie
existente, y genera la variable de sesión necesaria para que otro script
(Lecturalengua.inc) realice los cambios de idioma y muestre los
mensajes en el nuevo idioma de preferencia.
Herranz Peris, Ricardo
41
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.3.- Pagina de inicio
La página de inicio de nuestro sitio Web corresponde a la página
denominada Default.asp (Figura 13). La ventaja de llamar a la página inicial de
un sitio Web con un nombre de este tipo se basa en que los servidores poseen
una serie de documentos como predeterminados (entre ellos default.asp) de
manera que podemos ejecutar la página de inicio con tan sólo escribir la ruta
hasta ella (no es necesario incluir el nombre del documento). Esto permite que
si tenemos contratado un dominio Web, como es nuestro caso, podemos
ejecutar la página inicial con tan sólo escribir el nombre del dominio en la barra
de direcciones de nuestro navegador.
De esta forma el acceso a nuestra página Web una vez colocada en
Internet se reducirá a escribir en la barra de direcciones del navegador la
siguiente dirección: www.hidroconta.com, sin necesidad de tener que escribir la
ruta completa (www.hidroconta.com/default.asp).
La página inicial de nuestro sitio Web se compone de cuatro secciones
fundamentales:
•
Enlaces de acceso y navegación al sitio Web.
•
Logotipo y lema de la empresa.
•
Contactos por correo electrónico.
•
Datos del Web master y contador de visitas.
Herranz Peris, Ricardo
42
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 13. Vista general de default.asp
7.3.1.- Enlaces de acceso y navegación al sitio Web
Desde la página inicial de nuestro sitio Web permitimos al cliente tener
acceso a los cuatro apartados fundamentales de la estructura del sitio. Esos
apartados y sus respectivos enlaces son:
•
Empresa.
•
Productos.
•
Tarifas.
•
Instalaciones.
Los distintos enlaces a las secciones principales de nuestro sitio Web se
realizan a través de unas imágenes de enlace, que llevan asociados dos scripts
de Java y un efecto de HTML dinámico.
Herranz Peris, Ricardo
43
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El primer script de Java se encarga de mostrar una imagen alternativa
cuando paseamos el puntero del ratón por encima de una imagen de enlace
(Figura 14), obteniendo un efecto de zoom sobre la misma.
Figura 14. Efecto del script para alternancia de imágenes
El segundo script es el encargado de controlar las capas creadas
mediante HTML dinámico de manera que al pasar el puntero del ratón sobre un
enlace nos muestre un texto explicativo de la imagen (Figura 15) dentro de la
zona creada para ese fin entre las imágenes de enlace.
Figura 15. Efecto del script para muestra de texto
explicativo
Las distintas imágenes nos dan acceso a las páginas:
•
Empresa.asp
•
Producto.asp
•
Tarifa.asp
Herranz Peris, Ricardo
44
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Insta.asp
El contenido de estas páginas se detalla en su correspondiente apartado.
7.3.2.- Logotipo y lema de la empresa
El logotipo de la empresa para la página inicial ha sido aprovechado
como herramienta de selección de idiomas (Figura 16). De esta manera si se
accede a la página inicial de nuestro sitio Web y se desea cambiar el idioma de
preferencia, bastará con que pinchemos con el ratón en la burbuja pequeña del
logotipo de la empresa que posee el idioma de cambio, ya que la burbuja
grande siempre nos muestra la bandera del idioma seleccionado en ese
momento.
Figura 16. Logotipo con herramienta para el cambio de
idioma
Por otra parte, el lema de la empresa consta de un Applet de Java
encargado de mover por la pantalla dos capas superpuestas en dirección
contraria (Figura 17). La capa inferior contiene una imagen con el nombre de la
empresa mientras la capa superior desplaza un texto con el lema de la
empresa.
Herranz Peris, Ricardo
45
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 17. Applet encargado de desplazar el lema de la
empresa
7.3.3.- Contactos por correo electrónico
Desde la página de inicio tenemos la posibilidad de enviar un correo
electrónico a la empresa, para solicitar la información que se desee y al Web
master de la página para remitirle algún comentario, sugerencia o problema en
la navegación por las páginas del sitio Web.
7.3.4.- Datos del Web master y contador de visitas
Otra de las herramientas presentes en la página inicial de nuestro sitio
Web es un contador de visitas que almacena el número de entradas que
nuestra página Web ha recibido desde que se colocó en la red. Este contador
de visitas es un servicio suministrado gratuitamente por distintas entidades
presentes en la red que junto con la función principal de registrar los acceso a
la página ofrece un servicio suplementario de estadísticas al Web master, con
las que se puede tener constancia en todo momento del funcionamiento de
nuestra página y del interés despertado por la misma dentro de la comunidad
virtual que es Internet.
Por último en la página inicial existe otro Applet de Java que nos
muestra una secuencia de imágenes concatenándolas entre ellas y creando un
efecto de imagen animada (Figura 18). Este Applet muestra información sobre
la resolución óptima de pantalla y datos sobre los diseñadores y Web master
del sitio.
Herranz Peris, Ricardo
46
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 18. Secuencias del Applet de información de los
creadores del sitio Web.
7.4.- Sección de empresa
Esta sección corresponde a la página empresa.asp (Figura 19) a la que
se puede acceder desde la página de inicio en el enlace correspondiente a
empresa o desde la barra de navegación.
La página Web de empresa.asp se basa en un texto descriptivo de la
empresa, y los datos del domicilio social de la misma.
Junto con los principales datos de la empresa se muestra una relación
de los certificados de calidad obtenidos por Hidroconta y un plano de
localización de la empresa.
Figura 19. Página de la sección Empresa
Herranz Peris, Ricardo
47
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El plano de localización se muestra en una ventana emergente (Figura
20) de tamaño ajustable por el usuario y con barras de desplazamiento
(adaptadas al sitio Web en colores y forma). El control de esas ventanas
emergentes se realiza a través de un script de Java encargado de generar las
ventanas a un tamaño seleccionado, y con los parámetros deseados.
Figura 20. Ventana emergente con plano de localización
Los parámetros que se pueden seleccionar para la generación de las
ventanas emergentes son:
•
URL: Nos permite seleccionar la página que queremos que sea
ejecutada en la ventana emergente.
•
Toolbar: Permite ocultar o mostrar, según nuestras necesidades, la barra
de herramientas del navegador.
•
Scrollbars: Esta función nos da la opción de controlar la aparición de las
barras de desplazamiento.
•
Location: Permite decidir si mostramos o no la barra de direcciones en el
navegador.
Herranz Peris, Ricardo
48
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Statusbar: Esta opción gestiona la barra de estado en el navegador.
•
Menubar: Permite ocultar cuando deseamos la barra de herramientas
presente en las ventanas de nuestro navegador.
•
Resizable: Con esta opción decidimos si la ventana emergente creada
puede ser redimensionada por el navegante mediante el arrastre de sus
márgenes con el puntero del ratón.
•
Width y Height: Con estos parámetros podemos especificar en píxeles el
alto y el ancho de las ventanas emergentes a generar.
•
Left y Top: Estos dos parámetros nos permite decidir en píxeles la
posición que ha de ocupar la ventana emergente con respecto a los
márgenes superior e izquierdo de la pantalla.
Para precisar con más detalle la localización de la empresa se ha
dispuesto de un enlace a una página Web con un localizador de ciudades y
mapas de carreteras que muestran los accesos a la ciudad donde se encuentra
ubicada la empresa desde cualquier otra ciudad. Este enlace se muestra en
una pantalla distinta con la intención de no desviar al navegante de su visita a
nuestro sitio Web.
Una última herramienta en la sección de empresas, sólo disponible
desde la barra de navegación es la posibilidad de remitir un correo electrónico
a la dirección de e-mail de la empresa para la solicitud de información.
Herranz Peris, Ricardo
49
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.- Sección de productos
Esta sección contiene toda la información referente a los productos
fabricados por Hidroconta. La sección de productos se corresponde con el
contenido de la página Web Producto.asp (Figura 22).
Los distintos productos que se muestran desde esta página se clasifican
en siete apartados que son:
•
Contadores
•
Válvulas de membrana
•
Hidrantes
•
Válvulas de contralavado
•
Pilotos y accesorios
•
Bombas dosificadoras
•
Telegestión
Los enlaces a los distintos sub-apartados se han diseñado manteniendo
la misma tecnología de scripts que en los presentes en la página inicial del sitio
Web. En este caso al colocar el puntero del ratón sobre el enlace, la imagen
diseñada como icono del producto, cambia por otra imagen que indica el
producto que estamos seleccionando en ese momento con el ratón (Figura 21).
Figura 21. Icono de selección
Herranz Peris, Ricardo
50
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
A la vez que se produce el efecto del cambio de imagen, se produce otro
efecto consistente en la aparición en el margen derecho de la pantalla del
usuario de una imagen del producto que se está señalando.
Otro componente presente en esta página consiste en una secuencia de
imágenes diseñada mediante la tecnología Shockwave de Macromedia, que
produce una animación de imágenes que se implementan en el espacio de la
página tal y como lo hace un Applet de Java.
Figura 22. Sección de productos
7.5.1.- Contadores
El apartado de los contadores corresponde a la página Web
contador.asp (Figura 23).
Este apartado esta compuesto de un menú desplegable que se rellena
automáticamente con los distintos tipos de contadores fabricados por
Hidroconta. Los distintos elementos que componen el menú de selección de
productos se obtienen de la base de datos del sito Web mediante unas
consultas determinadas y concretas.
Herranz Peris, Ricardo
51
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 23. Contadores
Este menú está realizado mediante elementos de formulario Web, de
manera que los distintos valores seleccionados, pueden ser posteriormente
enviados a través del URL (posibilidad de enviar variables a través de un
hipervínculo) por medio del elemento “submit” del formulario que envía al
destino especificado en los parámetros del formulario las variables deseadas
(Figura 24).
En la página de destino, podemos recoger esas variables enviadas por
la URL por medio de una función del lenguaje ASP (“Request.Querystring”).
Esta función se encarga de recoger variables enviadas por la red y
almacenarlas o tratarlas según la manera que se especifique (imprimirlas,
guardarlas, calcular con ellas, etc.).
Según el elemento de menú que el visitante de la página seleccione, se
accede a otra página (contadortipo.asp) que muestra el contenido definido para
dicho producto.
Herranz Peris, Ricardo
52
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Este menú de selección posee los siguientes elementos:
•
Chorro único tipo UAR
•
Chorro múltiple esfera seca
•
Woltmann
•
Electromagnético FLOMAG
Figura 24. Menú desplegable de contadores
Como ya se ha comentado, dependiendo del valor seleccionado, se
procede automáticamente a la creación de su página Web correspondiente,
gracias a la estructura creada en la Base de Datos y en las consultas SQL, que
nos permite con una sola página base, mostrar tantas páginas como se
deseen.
La estructura de la página base encargada de mostrar el contenido de
los contadores (Figura 25) se detalla en los siguientes párrafos.
La estructura general de la página base consta en primer lugar de una
imagen lateral que recuerda el tipo de producto que estamos consultando, así
como el nombre del modelo en cuestión, una fotografía y la descripción general
del producto escogido.
Herranz Peris, Ricardo
53
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 25. Página base de contadores
Como información complementaria se puede acceder a dos enlaces con
una información más detallada y técnica. El primero de estos enlaces
corresponde con las características técnicas del producto seleccionado, en él
se nos detalla información sobre los materiales de fabricación, componentes
del contador y características de montaje (Figura 26).
Figura 26. Contadores. Características técnicas
Herranz Peris, Ricardo
54
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El segundo enlace que tenemos disponible desde este apartado es el
correspondiente a las especificaciones del producto (Figura 27). Este apartado
detalla datos de carácter propiamente técnico como las dimensiones en las que
el producto está disponible, los caudales, presiones y otros datos.
Figura 27. Contadores. Especificaciones
7.5.2.- Válvulas de membrana
Las válvulas de membrana se muestran a través de la página Web
membrana.asp, que tiene la misma estructura que la definida anteriormente
para contadores.asp.
En este caso al seleccionar un producto del desplegable, se nos permite
el acceso a la página base encargada de mostrarnos el producto elegido
(membranatipo.asp).
Herranz Peris, Ricardo
55
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
La página correspondiente a las válvulas de membrana se divide en tres
secciones principales:
•
Descripción
•
Pérdidas de carga
•
Tipos de válvulas
El apartado correspondiente a la descripción (Figura 28) muestra
información básica referida a las válvulas de membrana desarrolladas por
Hidroconta, así como unas fotografías de algunas de ellas y aplicaciones
hidráulicas para las que se aconseja el uso de este tipo de válvulas.
Figura 28. Válvulas hidráulicas de membrana. Descripción
Otro de los componentes en esta sección es un enlace para poder
acceder a las características técnicas del producto, tal y como ocurría en la
página base de contadores.
Herranz Peris, Ricardo
56
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El segundo apartado es el de las pérdidas de carga (Figura 29). Esta
sección muestra un ábaco con las pérdidas de carga generadas en las válvulas
hidráulicas de membrana de Hidroconta, según el caudal circulante y las
dimensiones de las válvulas.
Unas imágenes incluidas en la misma sección detallan todas las
dimensiones de interés de las válvulas. Esas dimensiones se muestran en la
tabla correspondiente a dimensiones cuyo enlace está activo en este apartado
de la página.
Figura 29. Válvulas hidráulicas de membrana. Ábacos de
pérdida de carga
Otro de los enlaces que también se puede visitar es el que corresponde
a los caudales de trabajo aconsejados según las dimensiones de la válvula
elegida (Figura 30).
Herranz Peris, Ricardo
57
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 30. Válvulas hidráulicas de membrana. Caudales
aconsejables
El tercero y último de los apartados de está página Web es el
correspondiente a los tipos de válvulas (Figura 31). En esta sección se muestra
una relación de los distintos tipos de válvulas hidráulicas de membrana
diseñadas por Hidroconta. Junto con la relación de válvulas se muestra
también algunas fotografías de algunas de ellas y la descripción de cada una.
Figura 31. Válvulas hidráulicas de membrana. Tipos de
válvulas
Herranz Peris, Ricardo
58
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.3.- Hidrantes
Hidrante.asp es la página de acceso a los Hidrantes y la página base a
la que se accede desde el menú desplegable de selección de productos es
hidrantetipo.asp.
Se entiende por un hidrante el conjunto compuesto por un contador de
chorro múltiple o turbina tipo Woltmann, una válvula hidráulica de membrana y
un equipo de maniobra constituido de pilotos de regulación debidamente
conectados (Figura 32).
Figura 32. Hidrante
La página Web correspondiente a los hidrantes se compone entre otras
cosas, de la descripción y definición de hidrante, fotografías, las principales
funciones para las que están diseñadas y las posibles aplicaciones
agronómicas de los mismos (Figura 33).
Herranz Peris, Ricardo
59
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 33. Página de hidrantes
A parte de la información general sobre los hidrantes, podemos acceder
a dos enlaces que nos muestra información específica. Uno de estos enlaces
muestra las ventajas de los hidrantes de Hidroconta frente a la mayoría de los
hidrantes presentes en el mercado.
El segundo de los enlaces de características técnicas a los que se puede
acceder desde esta página son los caudales de trabajo, en él se presenta una
tabla con los caudales de trabajo aconsejables según el diámetro de paso del
hidrante.
Como novedad de diseño, esta página muestra un último apartado
correspondiente a un ejemplo de aplicación (Figura 34). Este ejemplo nos
muestra un croquis relativo a un ejemplo de hidrante de Hidroconta. Según
recorremos el ratón por los distintos componentes del hidrante, se va
generando una fotografía real del componente seleccionado (Figura 35), dando
así una idea más general y concreta de la composición y montaje de los
hidrantes Hidroconta.
Herranz Peris, Ricardo
60
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 34. Hidrantes. Ejemplo de aplicación
Figura 35. Hidrantes. Ejemplo de aplicación. Selección de
componente
Herranz Peris, Ricardo
61
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.4.- Válvulas de contralavado
La página ASP encargada de generar el contenido relativo a las válvulas
de contralavado es la página contratito.asp, y se genera según los parámetros
recibidos por el menú desplegable presente en el sub-apartado de válvulas de
contralavado (contralavado.asp).
Las válvulas de contralavado disponibles en el catálogo de productos de
Hidroconta corresponde al modelo Hidroflush.
La página de las válvulas Hidroflush se compone de dos secciones
principales: descripción y ábacos y dimensiones.
La sección de descripción de válvulas Hidroflush (Figura 36) presenta
fotografías del producto, una descripción general, y las características más
destacables de este tipo de válvulas de contralavado.
Figura 36. Válvulas de contralavado. Descripción
Herranz Peris, Ricardo
62
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
La segunda de las secciones es la correspondiente a los ábacos y
dimensiones (Figura 37). Esta sección nos muestra un ábaco de las pérdidas
de carga presentes en las válvulas de contralavado Hidroflush según el caudal
circulante y las dimensiones de la válvula.
Figura 37. Válvulas de contralavado. Ábaco y dimensiones
A parte del ábaco, también se nos muestra mediante croquis y secciones
de válvulas una relación de las dimensiones de mayor importancia y una tabla
de dimensiones y caudales aconsejados (Figura 38).
Figura 38. Válvulas de contralavado. Tabla de dimensiones
y caudales
Herranz Peris, Ricardo
63
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.5.- Pilotos y accesorios
Este apartado se corresponde con el contenido de la página pilotos.asp.
En el apartado de pilotos y accesorios se presenta el menú desplegable,
igual al presente en los demás apartados de productos, con dos posibles
opciones: pilotos de regulación y accesorios para válvulas.
Según la opción elegida en el desplegable, la página base pilototipo.asp
generará el contenido sobre un tema o sobre el otro.
La opción de los pilotos de regulación consta de una pequeña
descripción del producto y de cuatro apartados relativos a los pilotos:
•
Pilotos de bronce
•
Pilotos de plástico
•
Pilotos de flotador
•
Estructura del piloto
En el apartado de pilotos de bronce (Figura 39) podemos acceder a una
foto-composición con los distintos modelos disponibles en el catálogo de
Hidroconta para los pilotos de bronce.
Herranz Peris, Ricardo
64
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 39. Pilotos de regulación. Pilotos de bronce
El apartado de pilotos de plástico, muestra al mismo estilo que para los
pilotos de bronce, un montaje con los productos presentes en el catálogo.
Accediendo al apartado de pilotos de flotador podemos obtener una
imagen con los modelos disponibles del producto en cuestión.
El último de los apartados en la sección de los pilotos de regulación es el
relativo a la estructura de los pilotos (Figura 40). Este apartado nos muestra
paso a paso cómo es el montaje de un piloto de regulación, pudiendo de esa
manera ver las piezas que lo componen y la manara de ensamblarlas.
Herranz Peris, Ricardo
65
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 40. Pilotos de regulación. Estructura del piloto
La opción de accesorios para válvula, genera en pilototipo.asp una
página con contenidos relativos a accesorios (Figura 41).
En este caso la página vuelve a mostrarnos una descripción general del
producto y un enlace que genera una imagen con los distintos accesorios para
válvulas (en este caso sólo en plástico).
Figura 41. Accesorios para válvulas
Herranz Peris, Ricardo
66
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.6.- Bombas dosificadoras
Las bombas dosificadoras se presentan en la página Web bomba.asp
(Figura 42), mediante la selección en el menú desplegable se accede a la
página base de las bombas dosificadoras bombatipo.asp rellenada con el
contenido correspondiente.
Esta página está compuesta de los siguientes apartados:
•
Descripción del producto
•
Componentes
•
Funcionamiento
•
Materiales
•
Características
Figura 42. Bombas dosificadoras
Herranz Peris, Ricardo
67
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Los apartados de materiales y características de la bomba se presentan
en el espacio de la página mediante unos enlaces que generan las tablas
correspondientes (Figuras 43 y 44).
Figura 43. Bombas dosificadoras. Características
Figura 44. Bombas dosificadoras. Materiales
Herranz Peris, Ricardo
68
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.5.7.- Telegestión
Este producto se presenta en la página Web telegestión.asp (Figura 45).
El producto para la telegestión diseñado por Hidroconta es el
Hidrocontrol HC-2002-C.
La página de telegestión se divide en cinco secciones:
•
Principio de funcionamiento
•
Software
•
Transmisor receptor programable
•
Observaciones
•
Agrupaciones de TRP (transmisor receptor programable)
Figura 45. Telegestión
Herranz Peris, Ricardo
69
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
La sección del principio de funcionamiento explica resumidamente la
estructura del sistema de gestión y funcionamiento del Hidrocontrol.
En software se detallan las principales funciones de la aplicación
encargada de controlar el sistema de telegestión.
En el apartado del transmisor receptor programable se muestran
distintos esquemas de montaje del sistema de telegestión. Este apartado se
detallará más detenidamente más adelante.
En observaciones se hace constar ciertas actuaciones a llevar a cabo en
caso de averías o fallo de alimentación.
El
apartado
de
las
agrupaciones
de
transmisores
receptores
programables explica las distintas formas de agrupar los TRP y sus
características.
La sección de los transmisores receptores programables presenta las
distintas formas de distribuir el Hidrocontrol en campo según cuatro esquemas
generales de funcionamiento (Figura 46):
•
Esquema general de comunicación vía cable sin repetidor. La
comunicación entre el sistema central y los distintos TRP situados en
campo se realiza mediante una línea de dos hilos común para
alimentación y comunicación.
•
Esquema de comunicación vía radio. La comunicación entre la estación
central se realiza vía GSM o UHF. En el receptor un interfaz se encarga
de distribuir la información a los distintos TRP dispuestos en campo
mediante un cable de dos hilos común para alimentación y
comunicación.
Herranz Peris, Ricardo
70
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Esquema general de comunicación vía cable con línea de seguridad de
comunicaciones. Este esquema incluye la red de alimentación y
comunicaciones, un cable de dos hilos de seguridad para asegurar la
comunicación en caso de corte de uno de los cables.
•
Esquema general de comunicación vía cable con repetidor de apoyo.
Este esquema está pensado para casos en los que hay una elevada
concentración de TRP en campo o la distancia es bastante grande y la
comunicación puede llegar debilitada. Para amplificar la señal se instala
un repetidor de señal de apoyo.
Figura 46. Telegestión. Esquema TRP
Los distintos esquemas están diseñados mediante una imagen de fondo
con el esquema general seleccionado. Cuando pasamos el puntero del ratón
sobre alguno de los elementos del esquema general aparece una imagen que
explica la función o características del mismo.
Herranz Peris, Ricardo
71
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Al pasar el ratón sobre un TRP una imagen muestra los valores
detallados sobre el transmisor (Figura 47), que son:
•
Componentes
•
Características
•
Valores ajustables
•
Alarmas del TRP
Figura 47. Telegestión. Propiedades TRP
Los componentes de un TRP son un microcontrolador y un circuito
integrado módem que transmite la información entre el PC de gestión y el TRP.
Las principales características de un TRP son una batería interna de 12
voltios y un reloj interno.
El TRP permite ajustar los siguientes valores:
•
Caudalímetro de número de litros por pulso
•
Pulso de las bobinas del solenoide Latch
Herranz Peris, Ricardo
72
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Retardo del cierre
•
Tensión mínima de la batería
•
Medida del caudal instantáneo
•
La presión mínima en un determinado tiempo
•
El caudal máximo por tiempo
•
Alarma de riego
Los transmisores receptores programables disponen de alarmas de
aviso para los siguientes casos:
•
Apertura y cierre de la bobina
•
Reloj no sincronizado
•
Desconexión de la alimentación
•
Nivel bajo de batería
•
Caudal máximo superado
•
Fugas de agua con el hidrante cerrado
•
Falta de riego en el hidrante
Herranz Peris, Ricardo
73
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.6.- Tarifas
La sección de tarifas de Hidroconta se genera en la página Web
tarifa.asp (Figura 48). Desde esta sección se muestran las tarifas de todos los
productos presentes en el catálogo comercial de Hidroconta.
La sección de tarifas se compone de tres apartados fundamentales:
•
Acceso libre
•
Acceso a usuarios registrados
•
Registrarse
Los enlaces de esta sección se han diseñado del mismo modo que en la
sección de productos, mediante dos scripts, uno de Java y el otro de HTML
dinámico, que se encargan de gestionar el efecto de alternancia de imágenes
cuando pasamos el ratón por encima del enlace.
Figura 48. Sección de tarifas
Herranz Peris, Ricardo
74
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.6.1.- Acceso libre
La página de tarifas con acceso libre corresponde a tarifalibre.asp.
En esta sección se añade un nuevo script de Java. Este script se
encarga de gestionar el funcionamiento de un nuevo menú presente en el
lateral de la página (Figura 49).
Este menú lateral tiene la característica de que puede ser mostrado u
ocultado según desee el usuario de nuestra página, con tan solo pinchar con el
ratón en la solapa del menú lateral.
El menú lateral se compone de un conjunto de enlaces, que se
corresponden con los productos del catálogo de Hidroconta. Según
seleccionamos un enlace u otro, la página de tarifas de libre acceso se rellena
con una relación de los modelos y códigos del catálogo, correspondientes al
producto elegido.
El contenido del menú lateral y por lo tanto, la relación de productos
presentes en el catálogo de Hidroconta está compuesto por:
•
Contadores
o Chorro único esfera seca
o Chorro múltiple esfera seca
o Woltmann WE-SCH
o Woltmann hélice tangencial
o Woltmann WP para riego
o Electromagnéticos FLOMAG
o Indicadores de caudal
Herranz Peris, Ricardo
75
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
o Contadores de ultrasonidos
o Accesorios
•
Válvulas
o Hidráulicas de membrana VHM
ƒ
Hidráulicas de membrana
ƒ
Reductoras y sostenedoras
ƒ
Limitadoras de caudal
ƒ
Alivio rápido
ƒ
Electroválvulas
ƒ
Flotador
ƒ
Altitud
o Automáticas de control SINGER
ƒ
Reductoras y sostenedoras
ƒ
Limitadoras de caudal
ƒ
Alivio rápido
ƒ
Con solenoide
ƒ
Limitadoras de caudal
ƒ
Altitud
ƒ
Flotador
ƒ
Control de bomba y antirrotura
o Accesorios
•
ƒ
Pilotos de regulación
ƒ
Accesorios para válvulas
ƒ
Solenoides y programadores
ƒ
Ventosas
Bombas dosificadoras
Herranz Peris, Ricardo
76
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
o Eléctricas
Como se puede ver, el catálogo de productos es bastante extenso, y el
hecho de poder tener toda esa relación de productos disponibles en la página
Web mediante un solo clic del ratón nos ofrece grandes ventajas funcionales y
de manejo en general.
Figura 49. Muestra del menú lateral de productos
Una vez seleccionado un producto en el menú lateral, la página se
compone automáticamente con una tabla generada dinámicamente y rellenada
mediante los registros presentes en la Base de Datos según la consulta
generada por los parámetros enviados al pinchar el correspondiente enlace en
dicho menú lateral (Figura 50).
La tabla de productos adapta el número de filas, al número de registros
resultantes de la consulta a la Base de Datos mediante un bucle programado
en Visual Basic Script que se encarga de recorrer uno por uno los registros del
recordset (resultado de la consulta a la Base de Datos) y a su vez ir generando
las filas correspondientes en la tabla de productos de la página Web.
Herranz Peris, Ricardo
77
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Mediante este proceso somos capaces de generar todas las tablas que
deseemos con el contenido seleccionado a través de una única pagina Web
programada en ASP.
Figura 50. Tarifas de acceso libre. Ejemplo de tabla de
productos.
7.6.2.- Acceso a usuarios registrados
La página para el acceso exclusivo a los usuarios registrados en nuestro
sitio corresponde a tarifauser.asp.
Esta página contiene también el catálogo completo de productos de
Hidroconta, pero a diferencia del catálogo mostrado en la sección de tarifas de
acceso libre, en este apartado se puede consultar los precios de cada uno de
los productos, mientras que en la sección anterior (si eres un usuario no
registrado) sólo se podía consultar el código del producto y para solicitar más
Herranz Peris, Ricardo
78
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
información sobre él se debía remitir un correo electrónico a la empresa con el
fin de solicitar los precios de los productos deseados.
El acceso a esta página se realiza a través de su enlace correspondiente
en la tarifas de precios. Al pinchar en el enlace correspondiente se abre una
nueva ventana emergente con las siguientes características:
•
Reducido tamaño
•
Ausencia de barras de herramientas y exploración
•
Ausencia de barras de desplazamiento
En esta página se solicita un nombre de usuario y una contraseña de
acceso (Figura 51).
Figura 51. Validación de usuarios registrados
Si se desea salir de esta ventana bastará con apretar el botón de
cancelar y la página se cerrará automáticamente regresando a la página en la
que nos encontrábamos (sección de tarifas).
Cuando introducimos un nombre de usuario y una contraseña y
apretamos al botón de aceptar, se generan una secuencia de comandos y se
ejecutan unos scripts de Visual Basic que se encargan de comprobar los
parámetros enviados al servidor y compararlos con los datos almacenados, de
manera que si el script detecta el nombre de usuario en el servidor, comprueba
que la contraseña introducida sea la adecuada
Herranz Peris, Ricardo
79
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
En caso de que la contraseña, el nombre de usuario o ambos valores no
sean correctos, el script nos envía directamente a una página de error (Figura
52) en la que se muestran los datos introducidos y se solicita que se vuelvan a
introducir en caso de que sean erróneos.
Si el usuario no recuerda los datos de acceso se pueden solicitar a
través de la página de error por medio de un mensaje de correo electrónico al
administrador del sitio Web.
Figura 52. Error en la validación de usuarios.
Cuando el script comprueba que el nombre de usuario y la contraseña
introducida son correctos, el código nos redirecciona a la página encargada de
gestionar el catálogo de productos de Hidroconta con los correspondientes
productos.
En este caso la página del catálogo se presenta en una nueva ventana,
para que el navegante pueda acceder a ella sin tener que introducir la
contraseña cada vez que se desea visualizar el precio de un producto,
pudiendo ver otros apartados del sitio Web sin necesidad de abandonar esta
sección (Figura 53).
Herranz Peris, Ricardo
80
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Figura 53. Página de tarifas para usuarios registrados
La contraseña y el nombre del usuario se almacenan en una variable de
sesión de manera que se puede acceder a todos los apartados dentro de la
sección de tarifas para los usuarios registrados. Esta variable de sesión
permanece activa mientras existe una conexión entre el cliente y el servidor.
Cuando pasa un determinado tiempo (en nuestro caso 15 minutos) la variable
de sesión pierde los valores almacenados, de manera que si se quiere volver a
consultar una tarifa en la sección de usuarios registrados se requiere volver a
introducir los parámetros establecidos (usuario y contraseña).
7.6.3.- Registrarse
Como ya hemos comentado en el apartado anterior, para poder acceder
a la sección de tarifas para usuarios registrados es necesario registrarse en el
sitio Web para que el administrador de la página active el nombre de usuario y
la contraseña.
Herranz Peris, Ricardo
81
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Este registro lo formalizamos a través de un formulario Web presente en
la página registrar.asp (Figura 54).
Al registro de usuarios en el sitio Web se accede desde un enlace
presente en la sección de tarifas. Este enlace genera una nueva ventana Web
que contiene el correspondiente formulario de registro.
Los datos solicitados al navegante para darse de alta como usuario son:
•
Nombre de usuario
•
Contraseña
•
Repetir la contraseña
•
Dirección de correo electrónico
•
Nombre
•
Apellidos
•
Localidad
•
Provincia
•
País
•
Nombre de la empresa
•
Interés sobre los productos Hidroconta
•
Forma por la cual conoció el sitio Web
Herranz Peris, Ricardo
82
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Este formulario Web se envía directamente a dos direcciones de correo
electrónico, la del administrador del sitio Web y a una dirección de la empresa
Hidroconta.
Figura 54. Formulario de registro
De todos los datos solicitados en el formulario de registro, solamente los
registros marcados en color rojo son indispensables para procesar el alta en el
sitio Web.
Algunos de estos datos son requeridos por el administrador del sitio Web
para gestionar correctamente las cuentas de usuarios, mientras que otros datos
son información comercial que va destinada a la empresa para disponer de un
pequeño control de posibles clientes.
Herranz Peris, Ricardo
83
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
7.7.- Instalaciones
La sección de instalaciones de nuestro sitio Web corresponde con la
página insta.asp (Figura 55).
En el apartado de instalaciones se trata de mostrar y describir las
soluciones adoptadas en algunas de las instalaciones de riego más
características en las que se han instalado productos de la empresa Hidroconta
S.A. con el fin de salvar ciertas situaciones de solución más compleja y menos
común que las generalmente adoptadas.
Las instalaciones mostradas en esta sección son:
•
Comunidad de regantes de La Serratilla en los términos municipales de
Vilamarxant y Pedralba en la provincia de Valencia.
•
Comunidad de regantes Grupo V del término municipal de Cehegín en la
provincia de Murcia. De esta comunidad de regantes se han
seleccionado tres instalaciones debido a sus particularidades poco
comunes.
Figura 55. Sección de instalaciones
Herranz Peris, Ricardo
84
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Las distintas opciones que se presentan en la sección de instalaciones
nos dan acceso a la página instatipo.asp encargada de mostrar el contenido
correspondiente según el enlace seleccionado.
La página de las instalaciones se divide en dos secciones principales:
•
Descripción
•
Navegador de imágenes
7.7.1.- Descripción
En este apartado de la página de instalaciones se describe las
características propias de la instalación elegida.
En este apartado se plantea la problemática aparecida en la comunidad
de regantes, se explica la solución adoptada y se muestra la ejecución de
dichas soluciones.
Junto con las descripciones de las distintas problemáticas surgidas se
muestran distintas fotografías de la instalación para facilitar y ayudar a
entender las soluciones adoptadas.
7.7.2.- Navegador de imágenes
El navegador de imágenes nos permite mediante un applet de Java
visualizar todas las imágenes relacionadas con la instalación seleccionada
(Figura 56).
Herranz Peris, Ricardo
85
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
El navegador de imágenes consta de seis apartados:
•
Título. Muestra el nombre de la foto en la que nos encontramos.
•
Descripción. Breve descripción de la fotografía mostrada.
•
Menú desplegable. Menú que contiene todas las fotografías presentes
en el navegador para efectuar un acceso directo a la imagen deseada.
•
Botones de navegación. Botones de navegación dispuestos para poder
acceder de manera ordenada a las fotografías presentes en el
navegador.
•
Fotografía de baja resolución. Muestra preliminar de la fotografía
seleccionada.
•
Botón de ampliación. Botón para ampliar la imagen seleccionada.
Figura 56. Navegador de imágenes
Cuando pinchamos en el botón para la ampliación de las imágenes se
genera un visor (Figura 57) con las siguientes características:
•
Auto Zoom. Al aparecer el visor, éste se adapta automáticamente al
tamaño original de la imagen. En caso de mantener esta opción
seleccionada cuando cambiamos las dimensiones del visor, las
imágenes se adaptan al nuevo tamaño.
Herranz Peris, Ricardo
86
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
•
Zoom In. Cuando la opción Auto Zoom no está activada se puede
ampliar el tamaño de la imagen para ver detalles de la fotografía
•
Zoom Out. Al igual que la opción anterior, este botón permite alejar la
imagen para tener una vista general de la fotografía.
•
Efectos. Un desplegable nos permite efectuar diversos efectos gráficos
sobre la fotografía como son:
o Brillo
o Oscuridad
o Escala de grises
o Leve difuminado
o Trazos artísticos
o Fotografía en negativo
o Espejo vertical
o Grabado
o Sin efectos
Figura 57. Visor de imágenes
Herranz Peris, Ricardo
87
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
8.- Inclusión del sitio Web en el servidor
Una vez la página Web está finalizada, el siguiente paso es alojar
nuestro sitio Web en un servidor adecuado.
Los servicios que se requieren de un servidor para poder alojar una
página Web dinámicas del lado del servidor programada en el lenguaje ASP es
que tengan incorporados el correspondiente módulo para la ejecución de los
scripts ASP.
El servidor elegido para el hospedaje de nuestro sitio Web pertenece a la
empresa proveedora de servicios Arrakis. Para el alojamiento del sitio Web se
necesita también la contratación de un dominio que proporcione una dirección
física a nuestro dominio dentro de la inmensa red de páginas Web que es
Internet. El dominio contratado para alojar nuestro sitio Web ha sido
www.hidroconta.com.
El servidor encargado de alojar nuestro sitio Web está constituido por
una máquina bajo el sistema operativo Linux. Este hecho motivó una pequeña
reestructuración de los scripts encargados de realizar las conexiones entre las
páginas Web y nuestra base de datos, debido a que las cadenas de conexión a
las bases de datos son distintas bajo un sistema operativo Linux que bajo uno
Windows.
El sistema utilizado para colocar el contenido de nuestro sitio Web en el
dominio hidroconta.com es por medio de los protocolos de transferencia de
archivos (Files Transfer Protocol) o más conocidos por su acrónimo FTP.
Mediante un programa encargado de gestionar las conexiones FTP,
efectuamos las correspondientes actualizaciones del dominio. El acceso al
dominio Web vía FTP es restringido y solo se puede realizar mediante la
introducción de una contraseña y un nombre de usuario, que generalmente
Herranz Peris, Ricardo
88
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
solo es conocido por el administrador del sitio Web o Web master y es
proporcionado por el proveedor de servicios de Internet (ISP).
Herranz Peris, Ricardo
89
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
9.- Conclusiones
En el mundo actual Internet está desplazando a una gran parte de los
servicios tanto de comunicación como de información, llegando incluso a
competir con servicios comerciales y empresariales.
Este hecho motiva a que cualquier empresa decidida a prosperar dentro
del mundo comercial diseñe un espacio Web que le represente dentro de la
gran autopista de la información que es Internet.
Tras la elaboración del sitio Web correspondiente al dominio
www.hidroconta.com se puede asegurar que se ha conseguido la elaboración
de un espacio Web de fácil navegación, agradable estancia y que presta un
servicio técnico, comercial e informativo sobre los productos ofrecidos por la
empresa Hidroconta S.A. utilizando las tecnologías más avanzadas en el
mundo de la programación de páginas Web.
Herranz Peris, Ricardo
90
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.- Anejos
10.1.- Anejo 1: Relación de archivos del programa
10.1.1.- Imágenes
Las imágenes y los botones utilizados en la página Web se encuentran
almacenadas en el directorio imágenes.
Las imágenes se distribuyen en el directorio siguiendo la estructura que a
con
•
tinuación se muestra:
\imagenes
14/02/2003 21:42
<DIR>
.
14/02/2003 21:42
<DIR>
..
03/02/2003 16:01
<DIR>
fondos
03/02/2003 16:01
<DIR>
foto1
03/02/2003 16:01
<DIR>
hidrante
04/02/2003 20:35
<DIR>
pilotos
04/02/2003 22:28
<DIR>
tablas
03/02/2003 16:01
<DIR>
tarifas
03/02/2003 16:01
<DIR>
telege~1
telegestion
26/11/2002 18:37
5.019
acc2-1.jpg
09/12/2002 14:03
2.713 acces_~1.jpg
acces_cont.jpg
30/11/2002 14:37
1.361 acceso~1.jpg
accesorios.jpg
30/11/2002 14:45
1.293 accesv~1.jpg
accesvalv.jpg
29/01/2003 11:38
2.095
aceptar.gif
Herranz Peris, Ricardo
91
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
28/01/2003 11:39
1.150
aceptar.jpg
15/10/2002 19:26
5.878
aenor.gif
15/10/2002 19:12
1.767
afre.gif
03/12/2002 18:38
1.015 agrega~1.jpg
agregar-cesta.jpg
30/11/2002 14:45
1.358 automa~1.jpg
automatico.jpg
15/01/2003 12:08
6.441
b1.gif
15/01/2003 12:08
6.431
b2.gif
15/01/2003 12:08
6.035
b3.gif
15/01/2003 12:08
6.798
b4.gif
15/01/2003 12:20
6.525
b5.gif
04/10/2002 17:47
393
blanco.jpg
07/11/2002 19:35
8.726
bomba.gif
11/11/2002 10:55
7.067 bombac~1.jpg
bombacapa.jpg
30/11/2002 14:44
1.206
bombas.jpg
28/01/2003 11:48
2.141
cancelar.gif
28/01/2003 11:39
1.210
cancelar.jpg
14/11/2002 18:44
1.827 caract~1.jpg
caracteristicas.jpg
30/11/2002 14:45
1.234
cesta.jpg
07/11/2002 11:58
16.015 contad~1.jpg
contador256.jpg
30/11/2002 14:44
1.142 contad~2.jpg
contadores.jpg
08/11/2002 13:30
5.406
contmult.jpg
26/11/2002 10:50
3.357
contra01.jpg
11/11/2002 16:04
4.934
contra1.jpg
11/11/2002 10:45
7.899 contra~2.jpg
contracapa.jpg
30/11/2002 14:43
1.245 contra~1.jpg
contralavado.jpg
26/11/2002 10:15
4.713 contra~1.gif
contra-sk-1.gif
26/11/2002 10:15
4.767 contra~2.gif
contra-sk-2.gif
26/11/2002 10:15
4.512 contra~3.gif
contra-sk-3.gif
26/11/2002 10:16
4.701 contra~4.gif
contra-sk-4.gif
26/11/2002 10:16
4.318 co0573~1.gif
contra-sk-5.gif
15/01/2003 11:28
18.865
correo.gif
30/11/2002 14:44
1.313 domest~1.jpg
domesticos.jpg
13/11/2002 19:22
3.942 domest~2.jpg
domesticouar.jpg
30/01/2003 11:09
15.713
electro.gif
Herranz Peris, Ricardo
92
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
15/11/2002 11:38
17.787
electro2.gif
30/11/2002 14:43
1.276 electr~1.jpg
electromag.jpg
07/11/2002 17:33
2.523
emp.jpg
30/11/2002 14:54
2.914
emp2.jpg
07/11/2002 20:18
6.857
fondo.gif
04/12/2002 10:45
6.374
fondo2.gif
15/01/2003 16:21
15.872
fondo2.jpg
16/01/2003 12:21
4.100
fondo3.jpg
16/01/2003 12:23
3.677
fondo4.jpg
11/11/2002 17:23
740 fondoc~1.jpg
fondocelda.jpg
07/11/2002 10:33
3.458
gota2.gif
07/11/2002 10:34
2.219
gota3.gif
07/11/2002 11:20
3.829
gotaes.gif
07/11/2002 11:23
1.408
gotaes2.gif
07/11/2002 11:19
4.043
gotain.gif
07/11/2002 11:24
1.549
gotain2.gif
07/11/2002 11:39
4.642
gotas.gif
21/11/2002 11:37
9.130
hid1.jpg
21/11/2002 11:38
12.638
hid2.jpg
21/11/2002 11:41
9.379
hid3.jpg
11/11/2002 13:51
10.754 hidran~3.jpg
hidrante1.jpg
11/11/2002 10:42
8.077 hidran~2.jpg
hidrantecapa.jpg
30/11/2002 14:42
1.201 hidran~1.jpg
hidrantes.jpg
11/11/2002 11:11
1.843 hidroa~1.gif
hidroanim.gif
26/11/2002 10:51
10.013 hidroc~2.gif
hidroconta11.gif
26/11/2002 10:48
8.564 hidroc~1.gif
hidroconta12.gif
26/11/2002 10:18
6.722 hidroc~1.jpg
hidroconta12.jpg
30/11/2002 14:41
1.313 hidrof~1.jpg
hidroflush.jpg
03/10/2002 20:13
3.672
hidrotit.gif
30/11/2002 14:41
1.267 indica~1.jpg
indicador.jpg
09/12/2002 14:08
3.037 indica~2.jpg
indicadores.jpg
07/11/2002 17:33
2.614
ins.jpg
30/11/2002 14:54
3.601
ins2.jpg
17/01/2003 12:37
5.016
instal1.jpg
Herranz Peris, Ricardo
93
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
17/01/2003 13:01
3.054
instal2.jpg
15/10/2002 19:05
3.181
iqnet.gif
03/12/2002 12:04
1.452 latera~1.gif
lateral-en.gif
03/12/2002 12:04
1.448 latera~2.gif
lateral-es.gif
16/10/2002 16:50
78.868 locali~1.gif
localizacion.gif
18/11/2002 19:11
5.667
memb1.jpg
19/11/2002 11:13
4.390
memb2.jpg
19/11/2002 11:45
4.015
memb3.jpg
19/11/2002 11:45
4.128
memb4.jpg
19/11/2002 11:44
5.035
memb5.jpg
11/11/2002 10:36
8.381 membra~1.jpg
membracapa.jpg
30/11/2002 14:40
1.161
membrana.jpg
11/11/2002 13:12
7.879 membra~2.jpg
membrana1.jpg
30/01/2003 11:27
2.623 michel~1.gif
michelinlogo.gif
03/02/2003 13:28
2.557
obras1.gif
03/02/2003 13:29
3.881
obras2.gif
11/11/2002 16:29
7.284
piloto1.jpg
11/11/2002 10:50
5.841 piloto~1.jpg
pilotocapa.jpg
30/11/2002 14:40
1.201
pilotos.jpg
07/11/2002 17:33
2.496
pro.jpg
07/11/2002 12:08
9.889
pro1.gif
07/11/2002 12:04
6.452
pro2.gif
30/11/2002 14:54
2.757
pro2.jpg
11/11/2002 11:17
107.234 produc~1.gif
productos.gif
11/11/2002 11:17
92.645 produc~1.swf
productos.swf
30/11/2002 14:39
1.156 regist~1.jpg
registrar.jpg
07/11/2002 19:18
2.117 selecc~1.gif
seleccion.gif
02/12/2002 13:15
529
snow.gif
30/11/2002 14:37
1.312 soleno~1.jpg
solenoide.jpg
09/12/2002 14:10
2.493 soleno~2.jpg
solenoides.jpg
19/11/2002 17:13
1.539
subir.gif
14/11/2002 11:10
4.070
tablas.jpg
07/11/2002 17:33
2.393
tar.jpg
30/11/2002 14:54
2.632
tar2.jpg
Herranz Peris, Ricardo
94
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
30/11/2002 14:37
1.302
tarifar.jpg
03/12/2002 17:19
11.488
tarifas.jpg
28/11/2002 17:04
10.497
telecapa.jpg
28/11/2002 19:14
4.808 teleca~1.jpg
telecapamini.jpg
28/11/2002 16:31
4.512 telege~1.gif
telegestion.gif
30/11/2002 14:37
1.281 ultras~1.jpg
ultrasonidos.jpg
18/11/2002 11:08
3.233
valv1.gif
18/11/2002 12:14
5.265
valv2.gif
18/11/2002 13:00
5.756
valv3.gif
18/11/2002 13:02
9.672
valvulas.gif
30/11/2002 14:37
1.255
ventosa.jpg
09/12/2002 14:11
3.352
ventosas.jpg
21/11/2002 11:07
2.536
volver.gif
15/11/2002 11:41
15.191
woltmann.gif
30/11/2002 14:38
1.383
woltmann.jpg
09/12/2002 13:43
7.290 woltma~1.gif
woltmannsch.gif
09/12/2002 13:47
6.521 woltma~2.gif
woltmannwp.gif
•
\imagenes\fondos
15/02/2003 15:50
<DIR>
.
15/02/2003 15:50
<DIR>
..
14/11/2002 12:00
7.643
backv.jpg
14/11/2002 12:00
8.206
bombasv.jpg
14/11/2002 12:00
7.310 contad~1.jpg
contadorv.jpg
14/11/2002 12:00
8.118
contrav.jpg
14/11/2002 12:00
6.851 hidran~1.jpg
hidrantesv.jpg
14/11/2002 12:00
6.353 hydran~1.jpg
hydrantsv.jpg
14/11/2002 12:00
7.680 membra~1.jpg
membranev.jpg
14/11/2002 12:00
7.768
membv.jpg
14/11/2002 12:00
6.787
mixingv.jpg
14/11/2002 12:00
7.523
pilotosv.jpg
14/11/2002 12:00
7.524
pilotsv.jpg
Herranz Peris, Ricardo
95
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
01/12/2002 13:16
4.092
ratev.jpg
01/12/2002 13:17
4.281
tarifav.jpg
28/11/2002 17:46
8.236
telegv.jpg
28/11/2002 17:46
8.781
telemv.jpg
14/11/2002 12:00
7.295
waterv.jpg
•
\imagenes\foto1
15/02/2003 15:56
<DIR>
.
15/02/2003 15:56
<DIR>
..
17/01/2003 12:38
1.869
001_1.jpg
17/01/2003 12:38
1.440
002_2.jpg
17/01/2003 12:37
2.090
003_3.jpg
17/01/2003 12:37
4.031
004_4.jpg
17/01/2003 12:37
5.016
005_5.jpg
17/01/2003 12:37
5.104
006_6.jpg
17/01/2003 12:41
2.285
007_7.jpg
17/01/2003 12:41
1.959
008_8.jpg
17/01/2003 12:41
2.151
009_9.jpg
17/01/2003 12:40
1.392
010_10.jpg
17/01/2003 12:40
2.288
011_11.jpg
17/01/2003 12:40
4.218
012_12.jpg
17/01/2003 12:51
3.683
013_13.jpg
17/01/2003 12:51
2.422
014_14.jpg
17/01/2003 12:50
1.879
015_15.jpg
17/01/2003 12:50
2.529
016_16.jpg
17/01/2003 12:50
2.259
017_17.jpg
17/01/2003 12:49
2.922
018_18.jpg
17/01/2003 12:54
1.549
019_19.jpg
17/01/2003 12:54
2.680
020_20.jpg
17/01/2003 12:54
2.642
021_21.jpg
17/01/2003 12:54
1.541
023_23.jpg
17/01/2003 12:53
1.306
024_24.jpg
Herranz Peris, Ricardo
96
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
17/01/2003 12:57
2.282
025_25.jpg
17/01/2003 12:57
1.217
026_26.jpg
17/01/2003 12:57
1.402
027_27.jpg
17/01/2003 12:57
3.450
028_28.jpg
17/01/2003 12:58
2.824
029_29.jpg
17/01/2003 12:58
2.457
030_30.jpg
17/01/2003 13:01
2.864
031_31.jpg
17/01/2003 13:01
3.054
032_32.jpg
17/01/2003 13:00
3.506
033_33.jpg
17/01/2003 13:00
2.401
034_34.jpg
17/01/2003 13:01
1.532
035_35.jpg
17/01/2003 13:01
2.613
036_36.jpg
17/01/2003 13:01
1.555
037_37.jpg
17/01/2003 16:18
17.653
b1.jpg
17/01/2003 16:22
18.389
b10.jpg
17/01/2003 16:22
19.508
b11.jpg
17/01/2003 16:20
22.413
b12.jpg
17/01/2003 16:31
21.321
b13.jpg
17/01/2003 16:30
21.379
b14.jpg
17/01/2003 16:29
20.409
b15.jpg
17/01/2003 16:29
21.931
b16.jpg
17/01/2003 16:28
20.481
b17.jpg
17/01/2003 16:27
20.930
b18.jpg
17/01/2003 16:42
19.823
b19.jpg
17/01/2003 16:18
22.321
b2.jpg
17/01/2003 16:41
19.805
b20.jpg
17/01/2003 16:40
22.681
b21.jpg
17/01/2003 16:39
17.692
b23.jpg
17/01/2003 16:38
20.828
b24.jpg
17/01/2003 16:47
20.552
b25.jpg
17/01/2003 16:46
20.254
b26.jpg
17/01/2003 16:46
20.565
b27.jpg
17/01/2003 16:45
21.899
b28.jpg
17/01/2003 16:44
21.148
b29.jpg
Herranz Peris, Ricardo
97
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
17/01/2003 16:17
21.423
b3.jpg
17/01/2003 16:43
19.363
b30.jpg
17/01/2003 17:17
21.121
b31.jpg
17/01/2003 17:13
21.543
b32.jpg
17/01/2003 17:11
20.767
b33.jpg
17/01/2003 17:10
20.961
b34.jpg
17/01/2003 17:02
20.004
b35.jpg
17/01/2003 16:54
20.401
b36.jpg
17/01/2003 16:53
20.052
b37.jpg
17/01/2003 16:16
22.348
b4.jpg
17/01/2003 16:15
19.806
b5.jpg
17/01/2003 16:13
21.535
b6.jpg
17/01/2003 16:25
22.070
b7.jpg
17/01/2003 16:24
21.933
b8.jpg
17/01/2003 16:23
18.124
b9.jpg
•
\imagenes\hidrante
15/02/2003 16:06
<DIR>
.
15/02/2003 16:06
<DIR>
..
20/11/2002 17:42
11.415
caza.jpg
22/11/2002 18:18
11.852
caza-en.jpg
20/11/2002 17:49
15.194
contador.jpg
22/11/2002 18:19
14.920 contad~1.jpg
contador-en.jpg
20/11/2002 17:47
8.879 correc~1.jpg
corrector.jpg
22/11/2002 18:19
8.446 correc~2.jpg
corrector-en.jpg
20/11/2002 17:41
53.821
croquis.jpg
25/11/2002 13:01
84.288 croqui~1.jpg
croquis-en.jpg
20/11/2002 17:48
10.487
emisor.jpg
22/11/2002 18:19
10.421 emisor~1.jpg
emisor-en.jpg
20/11/2002 17:54
7.987
filtro.jpg
22/11/2002 18:17
7.955 filtro~1.jpg
filtro-en.jpg
20/11/2002 17:55
14.594
hidrante.jpg
Herranz Peris, Ricardo
98
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
20/11/2002 17:51
8.414 limita~1.jpg
limitador.jpg
22/11/2002 18:19
7.771 limita~2.jpg
limitador-en.jpg
20/11/2002 17:52
8.925 manome~1.jpg
manometro.jpg
22/11/2002 18:20
8.715 manome~2.jpg
manometro-en.jpg
20/11/2002 17:55
13.006
membrana.jpg
22/11/2002 18:18
12.656 membra~1.jpg
membrana-en.jpg
21/11/2002 17:27
8.638 minicr~1.jpg
minicroquis.jpg
20/11/2002 17:54
12.570
orificio.jpg
22/11/2002 18:18
12.374 orific~1.jpg
orificio-en.jpg
20/11/2002 17:52
8.565
reductor.jpg
22/11/2002 18:20
8.303 reduct~1.jpg
reductor-en.jpg
20/11/2002 17:53
9.949 soleno~1.jpg
solenoide.jpg
22/11/2002 18:21
9.136 soleno~2.jpg
solenoide-en.jpg
20/11/2002 17:53
16.914
valvula.jpg
22/11/2002 18:17
16.506 valvul~1.jpg
valvula-en.jpg
•
\imagenes\pilotos
15/02/2003 16:10
<DIR>
.
15/02/2003 16:10
<DIR>
..
26/11/2002 18:37
6.251
acc1-1.jpg
26/11/2002 18:35
5.322
acc1-2.jpg
26/11/2002 18:37
5.019
acc2-1.jpg
26/11/2002 18:35
4.820
acc2-2.jpg
26/11/2002 19:19
2.303
acces-sk.gif
27/11/2002 10:21
54.104 bronce~2.jpg
bronce-en.jpg
27/11/2002 10:22
54.556 bronce~1.jpg
bronce-es.jpg
27/11/2002 10:22
61.379 estruc~1.jpg
estructura.jpg
27/11/2002 11:49
6.189 fittin~1.jpg
fitting1-1.jpg
27/11/2002 10:36
72.235
fittings.jpg
27/11/2002 10:19
36.744 flotad~1.jpg
flotador-en.jpg
27/11/2002 10:21
38.069 flotad~2.jpg
flotador-es.jpg
26/11/2002 18:43
3.443
pilot1-1.jpg
Herranz Peris, Ricardo
99
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
27/11/2002 11:49
3.431 pilot1~1.jpg
pilot1-1-en.jpg
26/11/2002 18:44
3.140
pilot1-2.jpg
27/11/2002 11:50
3.263 pilot1~2.jpg
pilot1-2-en.jpg
26/11/2002 18:44
3.587
pilot2-1.jpg
27/11/2002 11:50
3.496 pilot2~1.jpg
pilot2-1-en.jpg
26/11/2002 18:44
3.932
pilot2-2.jpg
27/11/2002 11:50
4.078 pilot2~2.jpg
pilot2-2-en.jpg
26/11/2002 16:00
3.971 piloto~1.jpg
piloto-sk.jpg
27/11/2002 10:20
38.944 plasti~1.jpg
plastico-en.jpg
27/11/2002 10:21
40.191 plasti~2.jpg
plastico-es.jpg
•
\imagenes\tablas
15/02/2003 16:17
<DIR>
.
15/02/2003 16:17
<DIR>
..
27/11/2002 19:30
18.584 bo7dc4~1.gif
bombas-en-pr.gif
27/11/2002 19:28
46.868 bombas~4.gif
bombas-en-s1.gif
27/11/2002 19:28
44.929 bombas~3.gif
bombas-en-s2.gif
27/11/2002 19:30
18.936 bo77d4~1.gif
bombas-es-pr.gif
27/11/2002 19:28
47.197 bombas~2.gif
bombas-es-s1.gif
27/11/2002 19:28
45.414 bombas~1.gif
bombas-es-s2.gif
19/11/2002 16:58
12.076 cargav~2.gif
cargavhm-en.gif
19/11/2002 11:27
12.004 cargav~1.gif
cargavhm-es.gif
15/11/2002 11:24
26.641 chorro~3.gif
chorrom-en-ct.gif
14/11/2002 16:41
42.350 chorro~1.gif
chorrom-en-sp.gif
15/11/2002 11:25
26.718 chorro~4.gif
chorrom-es-ct.gif
14/11/2002 16:41
41.844 chorro~2.gif
chorrom-es-sp.gif
18/12/2002 12:56
13.582 diapos~1.jpg
diapositiva1.jpg
18/12/2002 12:56
14.504 diapos~2.jpg
diapositiva10.jpg
15/11/2002 11:26
33.172 electr~1.gif
electro-en-ct.gif
15/11/2002 12:14
38.081 electr~4.gif
electro-en-sp.gif
15/11/2002 11:27
32.993 electr~2.gif
electro-es-ct.gif
15/11/2002 12:14
38.013 electr~3.gif
electro-es-sp.gif
Herranz Peris, Ricardo
100
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
22/11/2002 17:23
32.910 hidran~1.gif
hidrante-en-ct.gif
22/11/2002 18:47
14.577 hidran~3.gif
hidrante-en-wf.gif
22/11/2002 17:23
32.707 hidran~2.gif
hidrante-es-ct.gif
22/11/2002 18:47
14.554 hidran~4.gif
hidrante-es-wf.gif
26/11/2002 10:04
38.824 hidrof~1.gif
hidroflush-en-ct.gif
26/11/2002 10:10
12.783 hidrof~3.gif
hidroflush-en-gf.gif
26/11/2002 10:04
39.674 hidrof~2.gif
hidroflush-es-ct.gif
26/11/2002 10:11
12.843 hidrof~4.gif
hidroflush-es-gf.gif
14/11/2002 13:39
38.822 uar-en~1.gif
uar-en-sp.gif
14/11/2002 13:39
38.154 uar-es~1.gif
uar-es-sp.gif
19/11/2002 16:59
39.709 vhm-en~1.gif
vhm-en-cau.gif
19/11/2002 16:59
30.510 vhm-en~3.gif
vhm-en-ct.gif
19/11/2002 16:59
38.162 vhm-en~2.gif
vhm-en-dim.gif
19/11/2002 16:59
39.015 vhm-es~2.gif
vhm-es-cau.gif
19/11/2002 16:59
30.635 vhm-es~1.gif
vhm-es-ct.gif
19/11/2002 16:59
38.069 vhm-es~3.gif
vhm-es-dim.gif
15/11/2002 11:28
33.387 woltma~1.gif
woltmann-en-ct.gif
15/11/2002 12:14
40.505 woltma~4.gif
woltmann-en-sp.gif
15/11/2002 11:29
33.488 woltma~2.gif
woltmann-es-ct.gif
15/11/2002 12:14
39.778 woltma~3.gif
woltmann-es-sp.gif
•
\imagenes\tarifas
15/02/2003 16:23
<DIR>
.
15/02/2003 16:23
<DIR>
..
03/02/2003 16:01
<DIR>
en
09/12/2002 17:13
163 blanco~1.jpg
05/12/2002 20:56
1.895 ta0bb8~1.gif
tarifa1-0.gif
05/12/2002 20:58
533 tarifa~2.gif
tarifa1-1.gif
05/12/2002 23:32
497 tarifa~3.gif
tarifa11-0.gif
05/12/2002 23:58
282 tarifa~4.gif
tarifa11-10.gif
05/12/2002 23:59
275 tae9e3~1.gif
tarifa11-11.gif
05/12/2002 23:35
785 tarifa~1.gif
tarifa111-1.gif
Herranz Peris, Ricardo
blancofila.jpg
101
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
05/12/2002 23:36
780 tae5fb~1.gif
tarifa111-2.gif
05/12/2002 23:49
290 ta6d1f~1.gif
tarifa11-2.gif
05/12/2002 23:47
553 tae3fb~1.gif
tarifa112-1.gif
05/12/2002 23:48
564 tae7fb~1.gif
tarifa112-2.gif
05/12/2002 23:38
759 taebfb~1.gif
tarifa112-3.gif
05/12/2002 23:51
252 ta7d1b~1.gif
tarifa11-3.gif
05/12/2002 23:39
596 tae5fb~2.gif
tarifa113-1.gif
05/12/2002 23:40
878 tae9fb~1.gif
tarifa113-2.gif
05/12/2002 23:52
299 ta7d17~1.gif
tarifa11-4.gif
05/12/2002 23:41
671 tae7fb~2.gif
tarifa114-1.gif
05/12/2002 23:53
251 ta7d13~1.gif
tarifa11-5.gif
05/12/2002 23:42
585 tae9fb~2.gif
tarifa115-1.gif
05/12/2002 23:54
250 ta7d1f~1.gif
tarifa11-6.gif
05/12/2002 23:43
559 taebfb~2.gif
tarifa116-1.gif
05/12/2002 23:44
606 taeffb~1.gif
tarifa116-2.gif
05/12/2002 23:55
254 ta8d1b~1.gif
tarifa11-7.gif
05/12/2002 23:45
499 taedfb~1.gif
tarifa117-1.gif
05/12/2002 23:56
259 ta8d17~1.gif
tarifa11-8.gif
05/12/2002 23:57
256 ta8d13~1.gif
tarifa11-9.gif
05/12/2002 20:59
520 ta03c8~1.gif
tarifa1-2.gif
06/12/2002 12:42
498 ta6d11~1.gif
tarifa12-0.gif
06/12/2002 12:43
839 ta6d15~1.gif
tarifa12-1.gif
06/12/2002 12:44
872 ta7d19~1.gif
tarifa12-2.gif
06/12/2002 12:45
951 ta7d1d~1.gif
tarifa12-3.gif
06/12/2002 12:47
976 ta7d11~1.gif
tarifa12-4.gif
06/12/2002 12:48
952 ta7d15~1.gif
tarifa12-5.gif
06/12/2002 12:49
827 ta8d19~1.gif
tarifa12-6.gif
06/12/2002 12:50
883 ta8d1d~1.gif
tarifa12-7.gif
06/12/2002 12:51
738 ta8d11~1.gif
tarifa12-8.gif
06/12/2002 12:52
806 ta8d15~1.gif
tarifa12-9.gif
05/12/2002 21:00
542 ta07c8~1.gif
tarifa1-3.gif
06/12/2002 12:16
490 ta6d13~1.gif
tarifa13-0.gif
06/12/2002 12:17
755 tae1f9~1.gif
tarifa131-1.gif
06/12/2002 12:18
770 tae5f9~1.gif
tarifa131-2.gif
Herranz Peris, Ricardo
102
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
06/12/2002 12:20
821 tae9f9~1.gif
tarifa131-3.gif
06/12/2002 12:34
250 ta7d1b~2.gif
tarifa13-2.gif
06/12/2002 12:21
850 tae3f9~1.gif
tarifa132-1.gif
06/12/2002 12:35
249 ta7d17~2.gif
tarifa13-3.gif
06/12/2002 12:22
813 tae5f9~2.gif
tarifa133-1.gif
06/12/2002 12:36
256 ta7d13~2.gif
tarifa13-4.gif
06/12/2002 12:24
711 tae7f9~1.gif
tarifa134-1.gif
06/12/2002 12:38
260 ta7d1f~2.gif
tarifa13-5.gif
09/12/2002 17:03
745 tae9f9~2.gif
tarifa135-1.gif
06/12/2002 12:26
814 taedf9~1.gif
tarifa135-2.gif
06/12/2002 12:39
275 ta8d1b~2.gif
tarifa13-6.gif
06/12/2002 12:27
673 taebf9~1.gif
tarifa136-1.gif
06/12/2002 12:40
270 ta8d17~2.gif
tarifa13-7.gif
06/12/2002 12:28
724 taedf9~2.gif
tarifa137-1.gif
06/12/2002 12:29
817 tae10a~1.gif
tarifa137-2.gif
06/12/2002 12:30
763 tae50a~1.gif
tarifa137-3.gif
09/12/2002 17:03
240 ta8d13~2.gif
tarifa13-8.gif
06/12/2002 12:32
784 taeff9~1.gif
tarifa138-1.gif
06/12/2002 12:33
702 tae30a~1.gif
tarifa138-2.gif
05/12/2002 21:02
1.782 ta0db8~1.gif
tarifa2-0.gif
05/12/2002 21:04
584 ta01c8~1.gif
tarifa2-1.gif
06/12/2002 12:56
1.947 ta6f13~1.gif
tarifa21-1.gif
06/12/2002 13:05
2.018 tae6e3~1.gif
tarifa21-10.gif
06/12/2002 13:06
1.872 taeae3~1.gif
tarifa21-11.gif
06/12/2002 13:07
1.693 taeee3~1.gif
tarifa21-12.gif
06/12/2002 12:57
1.921 ta6f1f~1.gif
tarifa21-2.gif
06/12/2002 12:58
2.142 ta7f1b~1.gif
tarifa21-3.gif
06/12/2002 12:59
2.055 ta7f17~1.gif
tarifa21-4.gif
06/12/2002 13:00
2.095 ta7f13~1.gif
tarifa21-5.gif
06/12/2002 13:01
2.062 ta7f1f~1.gif
tarifa21-6.gif
06/12/2002 13:02
2.013 ta8f1b~1.gif
tarifa21-7.gif
06/12/2002 13:03
1.939 ta8f17~1.gif
tarifa21-8.gif
06/12/2002 13:04
2.156 ta8f13~1.gif
tarifa21-9.gif
05/12/2002 21:05
593 ta05c8~1.gif
tarifa2-2.gif
Herranz Peris, Ricardo
103
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
06/12/2002 13:10
1.231 ta6f15~1.gif
tarifa22-1.gif
07/12/2002 18:11
749 tae6e4~1.gif
tarifa22-10.gif
07/12/2002 18:12
728 taeae4~1.gif
tarifa22-11.gif
07/12/2002 18:14
696 taeee4~1.gif
tarifa22-12.gif
07/12/2002 18:15
662 tae2f4~1.gif
tarifa22-13.gif
07/12/2002 18:16
667 tae6f4~1.gif
tarifa22-14.gif
07/12/2002 18:17
848 taeaf4~1.gif
tarifa22-15.gif
07/12/2002 18:19
756 taeef4~1.gif
tarifa22-16.gif
07/12/2002 18:20
637 tae205~1.gif
tarifa22-17.gif
07/12/2002 18:23
644 tae605~1.gif
tarifa22-18.gif
07/12/2002 18:27
641 taea05~1.gif
tarifa22-19.gif
06/12/2002 13:11
1.242 ta7f19~1.gif
tarifa22-2.gif
07/12/2002 18:29
641 tae6ee~1.gif
tarifa22-20.gif
07/12/2002 18:32
647 taeaee~1.gif
tarifa22-21.gif
07/12/2002 18:35
638 taeeee~1.gif
tarifa22-22.gif
09/12/2002 17:04
545 tae2fe~1.gif
tarifa22-23.gif
07/12/2002 18:40
604 tae6fe~1.gif
tarifa22-24.gif
07/12/2002 18:42
584 taeafe~1.gif
tarifa22-25.gif
07/12/2002 18:44
642 taeefe~1.gif
tarifa22-26.gif
07/12/2002 18:46
652 tae20f~1.gif
tarifa22-27.gif
07/12/2002 18:48
629 tae60f~1.gif
tarifa22-28.gif
07/12/2002 18:50
633 taea0f~1.gif
tarifa22-29.gif
06/12/2002 13:12
788 ta7f1d~1.gif
tarifa22-3.gif
07/12/2002 18:51
490 tae6e0~1.gif
tarifa22-30.gif
07/12/2002 18:53
490 taeae0~1.gif
tarifa22-31.gif
06/12/2002 13:15
1.333 ta7f11~1.gif
tarifa22-4.gif
06/12/2002 13:16
852 ta7f15~1.gif
tarifa22-5.gif
06/12/2002 13:17
1.052 ta8f19~1.gif
tarifa22-6.gif
06/12/2002 13:18
888 ta8f1d~1.gif
tarifa22-7.gif
06/12/2002 13:19
753 ta8f11~1.gif
tarifa22-8.gif
07/12/2002 18:10
754 ta8f15~1.gif
tarifa22-9.gif
05/12/2002 21:06
534 ta09c8~1.gif
tarifa2-3.gif
08/12/2002 13:03
919 ta6f1f~2.gif
tarifa23-1.gif
08/12/2002 13:21
1.859 tae6e1~1.gif
tarifa23-10.gif
Herranz Peris, Ricardo
104
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
08/12/2002 13:07
672 ta7f1b~2.gif
tarifa23-2.gif
08/12/2002 13:10
687 ta7f17~2.gif
tarifa23-3.gif
08/12/2002 13:12
683 ta7f13~2.gif
tarifa23-4.gif
08/12/2002 13:14
1.494 ta7f1f~2.gif
tarifa23-5.gif
08/12/2002 13:16
1.053 ta8f1b~2.gif
tarifa23-6.gif
08/12/2002 13:17
583 ta8f17~2.gif
tarifa23-7.gif
08/12/2002 13:18
1.194 ta8f13~2.gif
tarifa23-8.gif
08/12/2002 13:20
979 ta8f1f~1.gif
tarifa23-9.gif
05/12/2002 21:07
589 ta0dc8~1.gif
tarifa2-4.gif
08/12/2002 13:23
1.208 ta7f19~2.gif
tarifa24-1.gif
08/12/2002 13:46
1.457 tae6ee~2.gif
tarifa24-10.gif
08/12/2002 13:48
1.383 taeaee~2.gif
tarifa24-11.gif
08/12/2002 13:49
1.411 taeeee~2.gif
tarifa24-12.gif
08/12/2002 13:50
1.380 tae2fe~2.gif
tarifa24-13.gif
08/12/2002 13:52
1.400 tae6fe~2.gif
tarifa24-14.gif
08/12/2002 13:54
1.356 taeafe~2.gif
tarifa24-15.gif
08/12/2002 13:56
1.360 taeefe~2.gif
tarifa24-16.gif
08/12/2002 13:25
1.271 ta7f1d~2.gif
tarifa24-2.gif
08/12/2002 13:29
1.284 ta7f11~2.gif
tarifa24-3.gif
08/12/2002 13:32
1.000 ta7f15~2.gif
tarifa24-4.gif
08/12/2002 13:33
1.034 ta8f19~2.gif
tarifa24-5.gif
08/12/2002 13:38
1.029 ta8f1d~2.gif
tarifa24-6.gif
08/12/2002 13:41
1.050 ta8f11~2.gif
tarifa24-7.gif
08/12/2002 13:42
1.029 ta8f15~2.gif
tarifa24-8.gif
08/12/2002 13:44
1.682 ta9f19~1.gif
tarifa24-9.gif
05/12/2002 21:08
618 ta01d8~1.gif
tarifa2-5.gif
05/12/2002 21:08
583 ta05d8~1.gif
tarifa2-6.gif
05/12/2002 21:24
1.749 ta0fb8~1.gif
tarifa3-0.gif
05/12/2002 21:27
574 ta03c8~2.gif
tarifa3-1.gif
05/12/2002 21:35
732 ta513f~1.gif
tarifa3-10.gif
08/12/2002 14:01
1.723 ta6127~1.gif
tarifa31-0.gif
05/12/2002 21:36
757 ta613b~1.gif
tarifa3-11.gif
08/12/2002 14:04
724 ta6123~1.gif
tarifa31-1.gif
08/12/2002 14:23
666 tae7e3~1.gif
tarifa31-10.gif
Herranz Peris, Ricardo
105
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
08/12/2002 14:33
631 taebe3~1.gif
tarifa31-11.gif
08/12/2002 14:35
711 taefe3~1.gif
tarifa31-12.gif
08/12/2002 14:08
713 ta612f~1.gif
tarifa31-2.gif
08/12/2002 14:11
713 ta712b~1.gif
tarifa31-3.gif
08/12/2002 14:12
672 ta7127~1.gif
tarifa31-4.gif
08/12/2002 14:13
712 ta7123~1.gif
tarifa31-5.gif
08/12/2002 14:15
664 ta712f~1.gif
tarifa31-6.gif
08/12/2002 14:16
733 ta812b~1.gif
tarifa31-7.gif
08/12/2002 14:18
624 ta8127~1.gif
tarifa31-8.gif
08/12/2002 14:21
698 ta8123~1.gif
tarifa31-9.gif
05/12/2002 21:27
627 ta07c8~2.gif
tarifa3-2.gif
05/12/2002 21:29
607 ta0bc8~1.gif
tarifa3-3.gif
09/12/2002 17:00
569 ta0fc8~1.gif
tarifa3-4.gif
05/12/2002 21:30
659 ta03d8~1.gif
tarifa3-5.gif
05/12/2002 21:31
663 ta07d8~1.gif
tarifa3-6.gif
05/12/2002 21:32
661 ta0bd8~1.gif
tarifa3-7.gif
05/12/2002 21:33
702 ta0fd8~1.gif
tarifa3-8.gif
05/12/2002 21:34
728 ta03e8~1.gif
tarifa3-9.gif
05/12/2002 21:38
1.817 ta01c8~2.gif
tarifa4-0.gif
05/12/2002 21:39
497 ta05c8~2.gif
tarifa4-1.gif
05/12/2002 21:40
566 ta09c8~2.gif
tarifa4-2.gif
05/12/2002 21:41
515 ta0dc8~2.gif
tarifa4-3.gif
05/12/2002 21:42
562 ta01d8~2.gif
tarifa4-4.gif
05/12/2002 21:43
591 ta05d8~2.gif
tarifa4-5.gif
05/12/2002 21:45
599 ta09d8~1.gif
tarifa4-6.gif
05/12/2002 21:46
598 ta0dd8~1.gif
tarifa4-7.gif
05/12/2002 21:47
627 ta01e8~1.gif
tarifa4-8.gif
05/12/2002 21:48
1.850 ta03c8~3.gif
tarifa5-0.gif
05/12/2002 21:51
522 ta07c8~3.gif
tarifa5-1.gif
05/12/2002 21:52
543 ta0bc8~2.gif
tarifa5-2.gif
05/12/2002 21:53
519 ta0fc8~2.gif
tarifa5-3.gif
05/12/2002 21:54
586 ta03d8~2.gif
tarifa5-4.gif
05/12/2002 21:55
597 ta07d8~2.gif
tarifa5-5.gif
05/12/2002 21:57
597 ta0bd8~2.gif
tarifa5-6.gif
Herranz Peris, Ricardo
106
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
05/12/2002 22:01
591 ta0fd8~2.gif
tarifa5-7.gif
05/12/2002 22:26
1.933 ta05c8~3.gif
tarifa6-0.gif
05/12/2002 22:40
519 ta09c8~3.gif
tarifa6-1.gif
05/12/2002 22:58
587 ta573f~1.gif
tarifa6-10.gif
05/12/2002 22:46
555 ta673b~1.gif
tarifa6-11.gif
05/12/2002 23:00
574 ta6737~1.gif
tarifa6-12.gif
05/12/2002 22:47
576 ta6733~1.gif
tarifa6-13.gif
05/12/2002 23:01
575 ta673f~1.gif
tarifa6-14.gif
05/12/2002 22:48
573 ta773b~1.gif
tarifa6-15.gif
05/12/2002 23:02
602 ta7737~1.gif
tarifa6-16.gif
05/12/2002 22:48
554 ta7733~1.gif
tarifa6-17.gif
05/12/2002 23:02
594 ta773f~1.gif
tarifa6-18.gif
05/12/2002 22:49
580 ta873b~1.gif
tarifa6-19.gif
05/12/2002 22:55
574 ta0dc8~3.gif
tarifa6-2.gif
05/12/2002 23:03
619 ta5b3f~1.gif
tarifa6-20.gif
05/12/2002 22:50
589 ta6b3b~1.gif
tarifa6-21.gif
05/12/2002 23:05
439 ta6b37~1.gif
tarifa6-22.gif
05/12/2002 23:15
430 ta6b33~1.gif
tarifa6-23.gif
05/12/2002 23:06
450 ta6b3f~1.gif
tarifa6-24.gif
05/12/2002 23:16
433 ta7b3b~1.gif
tarifa6-25.gif
05/12/2002 23:08
584 ta7b37~1.gif
tarifa6-26.gif
05/12/2002 23:17
434 ta7b33~1.gif
tarifa6-27.gif
05/12/2002 23:08
576 ta7b3f~1.gif
tarifa6-28.gif
05/12/2002 23:18
437 ta8b3b~1.gif
tarifa6-29.gif
05/12/2002 22:42
512 ta01d8~3.gif
tarifa6-3.gif
05/12/2002 23:09
560 ta5f3f~1.gif
tarifa6-30.gif
05/12/2002 23:19
439 ta6f3b~1.gif
tarifa6-31.gif
05/12/2002 23:10
573 ta6f37~1.gif
tarifa6-32.gif
05/12/2002 23:19
429 ta6f33~1.gif
tarifa6-33.gif
05/12/2002 23:11
564 ta6f3f~1.gif
tarifa6-34.gif
05/12/2002 23:20
426 ta7f3b~1.gif
tarifa6-35.gif
05/12/2002 23:12
582 ta7f37~1.gif
tarifa6-36.gif
05/12/2002 23:21
435 ta7f33~1.gif
tarifa6-37.gif
05/12/2002 23:13
628 ta7f3f~1.gif
tarifa6-38.gif
Herranz Peris, Ricardo
107
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
05/12/2002 23:23
437 ta8f3b~1.gif
tarifa6-39.gif
05/12/2002 22:56
572 ta05d8~3.gif
tarifa6-4.gif
05/12/2002 23:14
598 ta534f~1.gif
tarifa6-40.gif
05/12/2002 22:51
928 ta634b~1.gif
tarifa6-41.gif
05/12/2002 22:52
1.150 ta6347~1.gif
tarifa6-42.gif
05/12/2002 22:53
1.819 ta6343~1.gif
tarifa6-43.gif
05/12/2002 23:24
1.854 ta634f~1.gif
tarifa6-44.gif
05/12/2002 23:25
1.163 ta734b~1.gif
tarifa6-45.gif
05/12/2002 23:26
1.151 ta7347~1.gif
tarifa6-46.gif
05/12/2002 22:43
529 ta09d8~2.gif
tarifa6-5.gif
05/12/2002 22:57
540 ta0dd8~2.gif
tarifa6-6.gif
05/12/2002 22:44
538 ta01e8~2.gif
tarifa6-7.gif
05/12/2002 22:58
575 ta05e8~1.gif
tarifa6-8.gif
05/12/2002 22:45
544 ta09e8~1.gif
tarifa6-9.gif
05/12/2002 22:13
314 ta07c8~4.gif
tarifa7-0.gif
05/12/2002 22:15
1.111 ta0bc8~3.gif
tarifa7-1.gif
05/12/2002 22:16
1.845 ta0fc8~3.gif
tarifa7-2.gif
05/12/2002 22:18
2.270 ta03d8~3.gif
tarifa7-3.gif
05/12/2002 22:19
410 ta09c8~4.gif
tarifa8-0.gif
05/12/2002 22:21
1.008 ta0dc8~4.gif
tarifa8-1.gif
05/12/2002 22:22
1.013 ta01d8~4.gif
tarifa8-2.gif
05/12/2002 22:04
435 ta0bc8~4.gif
tarifa9-0.gif
05/12/2002 22:05
672 ta0fc8~4.gif
tarifa9-1.gif
05/12/2002 22:06
727 ta03d8~4.gif
tarifa9-2.gif
05/12/2002 22:07
762 ta07d8~3.gif
tarifa9-3.gif
05/12/2002 22:09
663 ta0bd8~3.gif
tarifa9-4.gif
05/12/2002 22:10
648 ta0fd8~3.gif
tarifa9-5.gif
05/12/2002 22:11
889 ta03e8~2.gif
tarifa9-6.gif
•
\imagenes\tarifas\en
15/02/2003 16:38
<DIR>
.
15/02/2003 16:38
<DIR>
..
Herranz Peris, Ricardo
108
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
23/01/2003 15:49
1.351
1-0.gif
23/01/2003 15:55
373
11-0.gif
23/01/2003 15:52
771
111-1.gif
23/01/2003 15:54
735
111-2.gif
23/01/2003 15:58
470
112-1.gif
23/01/2003 15:58
483
112-2.gif
23/01/2003 15:59
700
112-3.gif
23/01/2003 16:00
465
113-1.gif
23/01/2003 16:01
712
113-2.gif
23/01/2003 16:01
469
114-1.gif
23/01/2003 16:02
612
115-1.gif
23/01/2003 16:03
475
116-1.gif
23/01/2003 16:03
484
116-2.gif
23/01/2003 16:04
345
117-1.gif
23/01/2003 16:07
375
12-0.gif
23/01/2003 16:07
813
12-1.gif
23/01/2003 16:08
834
12-2.gif
23/01/2003 16:08
891
12-3.gif
23/01/2003 16:09
931
12-4.gif
23/01/2003 16:29
906
12-5.gif
23/01/2003 16:29
892
12-6.gif
23/01/2003 16:30
919
12-7.gif
23/01/2003 16:30
818
12-8.gif
23/01/2003 16:31
853
12-9.gif
23/01/2003 16:35
389
13-0.gif
23/01/2003 16:36
685
131-1.gif
23/01/2003 16:37
726
131-2.gif
23/01/2003 16:37
898
131-3.gif
23/01/2003 16:38
801
132-1.gif
23/01/2003 16:39
833
133-1.gif
23/01/2003 16:39
743
134-1.gif
23/01/2003 16:40
746
135-1.gif
23/01/2003 16:40
887
135-2.gif
23/01/2003 16:41
605
136-1.gif
Herranz Peris, Ricardo
109
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
23/01/2003 16:42
786
137-1.gif
23/01/2003 16:42
953
137-2.gif
23/01/2003 16:43
776
137-3.gif
23/01/2003 16:43
742
138-1.gif
23/01/2003 16:44
669
138-2.gif
23/01/2003 16:48
1.298
2-0.gif
23/01/2003 17:00
1.844
21-1.gif
23/01/2003 17:05
1.969
21-10.gif
23/01/2003 17:06
1.693
21-11.gif
23/01/2003 17:06
1.472
21-12.gif
23/01/2003 17:00
1.814
21-2.gif
23/01/2003 17:01
1.968
21-3.gif
23/01/2003 17:02
1.902
21-4.gif
23/01/2003 17:02
1.863
21-5.gif
23/01/2003 17:03
1.840
21-6.gif
23/01/2003 17:03
1.839
21-7.gif
23/01/2003 17:04
1.848
21-8.gif
23/01/2003 17:04
1.989
21-9.gif
23/01/2003 17:11
1.284
22-1.gif
23/01/2003 17:17
780
22-10.gif
23/01/2003 17:17
715
22-11.gif
23/01/2003 17:18
737
22-12.gif
23/01/2003 17:18
648
22-13.gif
23/01/2003 17:19
648
22-14.gif
23/01/2003 17:19
765
22-15.gif
23/01/2003 17:20
624
22-16.gif
23/01/2003 17:21
473
22-17.gif
23/01/2003 17:21
639
22-18.gif
23/01/2003 17:22
615
22-19.gif
23/01/2003 17:12
1.284
22-2.gif
23/01/2003 17:22
658
22-20.gif
23/01/2003 17:23
663
22-21.gif
23/01/2003 17:24
649
22-22.gif
23/01/2003 17:24
653
22-23.gif
Herranz Peris, Ricardo
110
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
23/01/2003 17:25
649
22-24.gif
23/01/2003 17:25
643
22-25.gif
23/01/2003 17:26
605
22-26.gif
23/01/2003 17:26
615
22-27.gif
23/01/2003 17:27
543
22-28.gif
23/01/2003 17:27
543
22-29.gif
23/01/2003 17:12
695
22-3.gif
23/01/2003 17:28
387
22-30.gif
23/01/2003 17:28
430
22-31.gif
23/01/2003 17:13
1.227
22-4.gif
23/01/2003 17:13
753
22-5.gif
23/01/2003 17:14
949
22-6.gif
23/01/2003 17:15
742
22-7.gif
23/01/2003 17:15
695
22-8.gif
23/01/2003 17:16
828
22-9.gif
23/01/2003 17:34
904
23-1.gif
23/01/2003 17:39
1.446
23-10.gif
23/01/2003 17:35
600
23-2.gif
23/01/2003 17:35
678
23-3.gif
23/01/2003 17:36
685
23-4.gif
23/01/2003 17:36
1.291
23-5.gif
23/01/2003 17:37
1.077
23-6.gif
23/01/2003 17:37
555
23-7.gif
23/01/2003 17:38
1.227
23-8.gif
23/01/2003 17:38
993
23-9.gif
23/01/2003 17:41
1.139
24-1.gif
23/01/2003 17:46
1.552
24-10.gif
23/01/2003 17:46
1.340
24-11.gif
23/01/2003 17:47
1.329
24-12.gif
23/01/2003 17:48
1.325
24-13.gif
23/01/2003 17:49
1.312
24-14.gif
23/01/2003 17:50
1.318
24-15.gif
23/01/2003 17:50
1.290
24-16.gif
23/01/2003 17:42
1.096
24-2.gif
Herranz Peris, Ricardo
111
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
23/01/2003 17:42
1.157
24-3.gif
23/01/2003 17:43
1.011
24-4.gif
23/01/2003 17:43
918
24-5.gif
23/01/2003 17:44
1.030
24-6.gif
23/01/2003 17:44
1.041
24-7.gif
23/01/2003 17:45
1.034
24-8.gif
23/01/2003 17:45
1.757
24-9.gif
23/01/2003 17:54
1.344
3-0.gif
23/01/2003 17:55
1.343
31-0.gif
23/01/2003 17:55
1.262
4-0.gif
23/01/2003 17:56
1.292
5-0.gif
24/01/2003 09:40
1.536
6-0.gif
24/01/2003 09:41
509
6-1.gif
24/01/2003 09:50
540
6-10.gif
24/01/2003 09:43
526
6-11.gif
24/01/2003 09:50
546
6-12.gif
24/01/2003 09:43
538
6-13.gif
24/01/2003 09:51
554
6-14.gif
24/01/2003 09:44
527
6-15.gif
24/01/2003 09:51
567
6-16.gif
24/01/2003 09:45
550
6-17.gif
24/01/2003 09:52
564
6-18.gif
24/01/2003 09:45
540
6-19.gif
24/01/2003 09:48
545
6-2.gif
24/01/2003 09:52
574
6-20.gif
24/01/2003 09:46
535
6-21.gif
24/01/2003 09:53
413
6-22.gif
24/01/2003 09:53
409
6-23.gif
24/01/2003 10:07
400
6-24.gif
24/01/2003 09:54
393
6-25.gif
24/01/2003 10:08
411
6-26.gif
24/01/2003 09:54
413
6-27.gif
24/01/2003 10:08
409
6-28.gif
24/01/2003 09:55
421
6-29.gif
Herranz Peris, Ricardo
112
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
24/01/2003 09:41
507
6-3.gif
24/01/2003 10:09
409
6-30.gif
24/01/2003 09:55
405
6-31.gif
24/01/2003 10:09
408
6-32.gif
24/01/2003 09:55
415
6-33.gif
24/01/2003 10:09
388
6-34.gif
24/01/2003 09:56
392
6-35.gif
24/01/2003 10:10
394
6-36.gif
24/01/2003 09:56
423
6-37.gif
24/01/2003 10:11
422
6-38.gif
24/01/2003 09:56
450
6-39.gif
24/01/2003 09:49
516
6-4.gif
24/01/2003 10:11
426
6-40.gif
24/01/2003 09:46
794
6-41.gif
24/01/2003 09:47
903
6-42.gif
24/01/2003 09:47
1.717
6-43.gif
24/01/2003 10:11
1.829
6-44.gif
24/01/2003 10:12
948
6-45.gif
24/01/2003 10:12
934
6-46.gif
24/01/2003 09:42
509
6-5.gif
24/01/2003 09:49
541
6-6.gif
24/01/2003 09:42
519
6-7.gif
24/01/2003 09:50
563
6-8.gif
24/01/2003 09:42
538
6-9.gif
24/01/2003 10:17
307
7-0.gif
24/01/2003 10:18
2.775
7-1.gif
24/01/2003 10:18
2.128
7-2.gif
24/01/2003 10:19
1.696
7-3.gif
24/01/2003 10:17
307
8-0.gif
24/01/2003 10:20
643
8-1.gif
24/01/2003 10:20
595
8-2.gif
24/01/2003 10:21
406
9-0.gif
24/01/2003 10:21
691
9-1.gif
24/01/2003 10:21
738
9-2.gif
Herranz Peris, Ricardo
113
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
24/01/2003 10:22
766
9-3.gif
24/01/2003 10:22
631
9-4.gif
24/01/2003 10:23
642
9-5.gif
24/01/2003 10:23
828
9-6.gif
•
\imagenes\telegestion
15/02/2003 16:52
<DIR>
.
15/02/2003 16:52
<DIR>
..
28/11/2002 19:38
3.944
hid2mini.jpg
28/11/2002 19:31
3.580
hidmini.jpg
28/11/2002 18:09
6.248 monito~1.jpg
monitor-tg.jpg
28/11/2002 19:14
4.808 teleca~1.jpg
telecapamini.jpg
28/11/2002 16:21
4.543 telege~1.gif
telegestion-en-ala.gif
28/11/2002 16:20
4.628 telege~2.gif
telegestion-en-car.gif
28/11/2002 16:20
5.172 telege~3.gif
telegestion-en-com.gif
28/11/2002 16:17
3.993 telege~4.gif
telegestion-en-imp.gif
28/11/2002 16:18
5.077 te3339~1.gif
telegestion-en-int.gif
28/11/2002 16:19
6.153 tef245~1.gif
telegestion-en-ord.gif
28/11/2002 16:17
3.485 te1ff0~1.gif
telegestion-en-sai.gif
29/11/2002 09:20
38.569 telege~1.jpg
telegestion-en-sk1.jpg
29/11/2002 09:20
39.571 telege~2.jpg
telegestion-en-sk2.jpg
29/11/2002 09:20
41.197 telege~3.jpg
telegestion-en-sk3.jpg
29/11/2002 09:20
38.930 telege~4.jpg
telegestion-en-sk4.jpg
28/11/2002 16:19
8.054 te3343~1.gif
telegestion-en-trp.gif
28/11/2002 16:21
4.506 te2ffe~1.gif
telegestion-en-val.gif
28/11/2002 16:14
4.708 teda26~1.gif
telegestion-es-ala.gif
28/11/2002 16:13
4.511 te2ffd~1.gif
telegestion-es-car.gif
28/11/2002 16:13
5.067 te173a~1.gif
telegestion-es-com.gif
28/11/2002 16:10
4.187 te2f22~1.gif
telegestion-es-imp.gif
28/11/2002 16:11
5.119 te3332~1.gif
telegestion-es-int.gif
28/11/2002 16:12
6.180 te034e~1.gif
telegestion-es-ord.gif
28/11/2002 16:11
3.563 te2ff9~1.gif
telegestion-es-sai.gif
Herranz Peris, Ricardo
114
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
29/11/2002 09:21
38.763 te6692~1.jpg
telegestion-es-sk1.jpg
29/11/2002 09:21
39.973 te6696~1.jpg
telegestion-es-sk2.jpg
29/11/2002 09:20
41.446 te769a~1.jpg
telegestion-es-sk3.jpg
29/11/2002 09:21
39.752 te769e~1.jpg
telegestion-es-sk4.jpg
28/11/2002 16:12
8.275 te3344~1.gif
telegestion-es-trp.gif
28/11/2002 16:14
4.650 te3ffb~1.gif
telegestion-es-val.gif
28/11/2002 17:48
7.193 ventan~1.jpg
ventana-tg.jpg
10.1.2.- Scripts y Base de Datos
En el directorio de scripts se almacenan los diversos archivos de
inclusión utilizados en las distintas páginas de nuestro sitio Web.
El directorio de la Base de Datos contiene la base encargada de
gestionar el funcionamiento del sitio Web.
•
\script
15/02/2003 17:09
<DIR>
.
15/02/2003 17:09
<DIR>
..
03/10/2002 20:13
16.040
animate.js
23/01/2001 01:36
41
connoff.inc
10/01/2003 11:56
177
connon.inc
04/12/2002 13:23
744 impmod~1.inc
impmodelos.inc
04/12/2002 13:45
592 lectur~1.inc
lecturalengua.inc
11/10/2002 19:13
25.765
navcond.js
13/02/2003 20:09
7.745 navega~1.inc
navegacion.inc
13/11/2002 17:35
206
pagina.inc
03/02/2003 15:56
3.413 paint~1.lis
paint.list
15/01/2003 16:03
1.431 planti~1.inc
plantillahtml.inc
16/10/2002 17:38
Herranz Peris, Ricardo
305
popup.inc
115
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
24/01/2003 12:06
13.443 tarifa~1.inc
tarifaplantilla.inc
29/01/2003 10:54
9.641 tarifa~2.inc
tarifauser.inc
08/10/2002 18:22
1.018 testle~1.inc
testlengua.inc
•
\bd
15/02/2003 17:14
<DIR>
.
15/02/2003 17:14
<DIR>
..
03/02/2003 12:31
544.768 hidroc~1.mdb
hidroconta.mdb
10.1.3.- Páginas Web
Las páginas Web se encuentran almacenadas directamente en el
directorio principal del dominio Web.
Las páginas que conforman la estructura del sitio Web son:
15/02/2003 17:19
<DIR>
.
15/02/2003 17:19
<DIR>
..
15/02/2003 17:14
<DIR>
bd
14/02/2003 21:42
<DIR>
imagenes
15/02/2003 17:10
<DIR>
script
27/11/2002 19:00
4.067
bomba.asp
27/11/2002 20:15
4.530 bombat~1.asp
bombatipo.asp
21/11/2002 11:13
4.005
contador.asp
19/11/2002 12:56
2.725 contad~1.asp
contadortipo.asp
26/11/2002 11:00
4.098 contra~1.asp
contralavado.asp
14/01/2003 16:39
5.620 contra~2.asp
contratipo.asp
14/01/2003 16:33
13.470 croqui~1.asp
croquishid.asp
30/01/2003 11:49
11.916
default.asp
30/01/2003 11:34
4.499
empresa.asp
Herranz Peris, Ricardo
116
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
14/01/2003 16:52
7.509 eskema~1.asp
eskema-hc.asp
21/11/2002 11:12
4.014
hidrante.asp
14/01/2003 16:32
5.518 hidran~1.asp
hidrantetipo.asp
13/02/2003 20:30
7.467
insta.asp
03/02/2003 13:32
3.377 instat~1.asp
instatipo.asp
21/11/2002 11:13
4.028
membrana.asp
14/01/2003 16:21
7.970 membra~1.asp
membranatipo.asp
20/01/2003 14:03
952 navega~1.asp
navegador.asp
26/11/2002 19:31
4.074
pilotos.asp
27/11/2002 12:05
3.365 piloto~1.asp
pilototipo.asp
16/10/2002 17:43
341
plano.asp
14/01/2003 15:54
13.958
producto.asp
03/02/2003 12:32
4.295 regist~1.asp
registrar.asp
30/01/2003 10:07
5.294
tarifa.asp
24/01/2003 11:43
2.576 tarifa~1.asp
tarifalibre.asp
30/01/2003 10:03
5.422 tarifa~2.asp
tarifauser.asp
14/01/2003 16:49
8.592 telege~1.asp
telegestion.asp
06/02/2003 23:44
1.517
valida.asp
10.2.- Anejo 2: Scripts
10.2.1.- Animate.js
<!--
dynamicanimAttr = "dynamicanimation"
animCancel = "skipanim"
fpanimationPrefix = "fpAnim"
animateElements = new Array()
currentElement = 0
speed = 1
stepsZoom = 8
Herranz Peris, Ricardo
117
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
stepsWord = 8
stepsFly = 17
stepsSpiral = 16
stepsSpiralWord = 19
stepsElastic = 32
steps = stepsZoom
step = 0
cornerPhase=0
outEffect=0
function remSuffix(str)
{
ind=str.indexOf("FP")
str = str.substring(0,ind)
return str
}
function dynAnimOut(el)
{
outEffect=1
dynAnimation(el)
outEffect=0
}
function dynAnimation(obj)
{
animateElements = new Array()
var ms = navigator.appVersion.indexOf("MSIE")
var macness = navigator.appVersion.indexOf("Macintosh")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5,
ms+6)) >= 4)
ns6 = false
if(!ie4)
{
if((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion.substring(0,
1))
>=
5))
Herranz Peris, Ricardo
118
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
{
ns6=true
doc_els=document.getElementsByTagName('*')
}
else if((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion.substring(0,
1))
==
4))
{
doc_els=document.layers
}
else
return
}
else
doc_els=document.all
if(outEffect && !ie4)
return
if(ie4)
{
for
(index=document.all.length-1;
index
>=
document.body.sourceIndex; index--)
{
el = document.all[index]
if(outEffect && el != obj)
continue
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(null != animation)
{
altcnt=0
Herranz Peris, Ricardo
119
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
if(
animation == "dropWord"
||
animation == "flyTopRightWord"
||
animation == "flyBottomRightWord"
||
animation == "waveWords"
||
animation == "hopWords")
{
ih = el.innerHTML
outString = ""
i1 = 0
iend = ih.length
while(true)
{
i2 = startWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih,
i1,
i2,
false,
"",
outEffect ? obj.id : el.id)
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
if (animation == "waveWords")
outWordAlt(ih, i1, i2, true,
animation, altcnt)
else
outWord(ih, i1, i2, true,
(outEffect ? "Out" : "") + animation,
Herranz Peris, Ricardo
120
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
outEffect ? obj.id :
el.id)
if(i2 == iend)
break
i1 = i2
altcnt++
}
document.all[index].innerHTML
=
outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(animCancel, true)
document.all[index].style.visibility="visible"
}
}
}
}
i=0
for (index=0; index < doc_els.length; index++)
{
el = doc_els[index]
if(0 != el.id.indexOf(fpanimationPrefix))
continue
if (ie4)
{
elprops=el.style
scrollOffsetTop=document.body.scrollTop
docHeight=document.body.offsetHeight
docWidth=document.body.offsetWidth
elW=100
elH=el.offsetHeight
}
Herranz Peris, Ricardo
121
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
else
{
scrollOffsetTop=window.pageYOffset
docHeight=window.innerHeight
docWidth=window.innerWidth
if (ns6)
{
elprops=el.style
elW=100
elH=el.offsetHeight
}
else{
elprops=el
elW=el.clip.width
elH=el.clip.height
}
}
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(outEffect && (obj != el))
{
if(el.SRCID != obj.id)
continue
}
if (null != animation )
{
if(ie4 && null!=el.getAttribute(animCancel, false))
continue
if(!ie4)
{
elprops.posLeft=elprops.left
Herranz Peris, Ricardo
122
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
elprops.posTop=elprops.top
}
el.startL=offsetLeft(el)
if(animation == "flyLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = 0
}
else
if(animation
==
"flyRight"
||
animation=="elasticRight")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = 0
}
else
if(animation
==
"flyTop"
||
animation
==
"dropWord")
{
elprops.posLeft = 0
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)-elH
}
else if(animation == "flyBottom" || animation ==
"elasticBottom")
{
elprops.posLeft = 0
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)+docHeight
}
else if(animation == "flyTopLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)-elH
}
Herranz Peris, Ricardo
123
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
else if(animation == "flyTopRight" || animation ==
"flyTopRightWord")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)-elH
}
else if(animation == "flyCorner")
{
elprops.posLeft = docWidth*0.2-offsetLeft(el)
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)+docHeight
}
else if(animation == "flyBottomLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)+docHeight
}
else if(animation == "flyBottomRight" || animation ==
"flyBottomRightWord")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)+docHeight
}
else if(animation == "spiral")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop
=
scrollOffsetTop-
offsetTop(el)+docHeight
}
Herranz Peris, Ricardo
124
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
else if((animation.indexOf("waveWords") != -1) ||
animation=="hopWords")
{
if(i)
{
prevEl=animateElements[i-1]
elprops.r = offsetLeft(el)-prevEl.startL
}
else
elprops.r = offsetLeft(el)
}
else if(animation == "wipeLR" || animation ==
"wipeMID")
{
if (ie4 && elprops.position=="absolute")
{
el.sizeW=el.offsetWidth
if(macness < 0)
elprops.clip="rect(0 0 0 0)"
}
else if (!ie4)
{
if (ns6)
{
elprops.clip="rect(0 0 0 0)"
}
else{
el.sizeW=el.clip.width
el.clip.width=0
}
}
}
else if(animation == "wipeTB")
Herranz Peris, Ricardo
125
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
{
if (ie4 && elprops.position=="absolute")
{
elprops.clip="rect(0 0 0 0)"
}
else if(!ie4)
{
if (ns6)
{
elprops.clip="rect(0 0 0 0)"
}
else{
el.sizeH=el.clip.height
el.clip.height=0
}
}
}
else if(animation == "zoomIn")
{
elprops.posLeft = 0
elprops.posTop = 0
}
else if(animation == "zoomOut")
{
elprops.posLeft = 0
elprops.posTop = 0
}
else
{
continue
}
if(!outEffect)
{
el.initLeft = elprops.posLeft
Herranz Peris, Ricardo
126
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
el.initTop = elprops.posTop
el.endLeft = 0
el.endTop = 0
elprops.visibility = "hidden"
}
else
{
el.initLeft = 0
el.initTop = 0
el.endLeft = elprops.posLeft
el.endTop = elprops.posTop
elprops.posTop = 0
elprops.posLeft = 0
}
if(!ie4)
{
elprops.left=elprops.initLeft
elprops.top =elprops.initTop
}
animateElements[i++] = el
}
}
if(animateElements.length > 0)
{
if(outEffect)
window.setTimeout("animate(1);",
speed,
window.setTimeout("animate(0);",
speed,
"Javascript")
else
"Javascript")
}
}
function offsetLeft(el)
{
Herranz Peris, Ricardo
127
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
if(ie4 || ns6)
{
x = el.offsetLeft
for (e = el.offsetParent; e; e = e.offsetParent)
x += e.offsetLeft
return x
}
else
{
x = el.pageX
return x
}
}
function offsetTop(el)
{
if(ie4 || ns6)
{
y = el.offsetTop
for (e = el.offsetParent; e; e = e.offsetParent)
y += e.offsetTop;
return y
}
else
{
y = el.pageY
return y
}
}
function startWord(ih, i)
{
for(tag = false; i < ih.length; i++)
{
c = ih.charAt(i)
if(c == '<')
Herranz Peris, Ricardo
128
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
{
if(ih.substring(i+1, i+4) == "IMG")
return i;
tag = true
}
if(!tag)
return i
if(c == '>')
tag = false
}
return -1
}
function endWord(ih, i)
{
nonSpace = false
space = false
img = false
if(ih.charAt(i) == '<')
{
img = true
i++;
}
while(i < ih.length)
{
c = ih.charAt(i)
if(c != ' ')
nonSpace = true
if(img && c == '>')
img = false;
if(nonSpace && !img && c == ' ')
space = true
if(c == '<')
return i
if(space && c != ' ')
Herranz Peris, Ricardo
129
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
return i
i++
}
return -1
}
function outWord(ih, i1, i2, dyn, anim, srcID)
{
if(dyn)
if(!outEffect)
outString += "<SPAN ID=\"" + fpanimationPrefix +
anim + "FP\" style=\"position: relative; visibility: hidden;\">"
else
outString += "<SPAN SRCID=\"" + srcID + "\"ID=\"" +
fpanimationPrefix + anim + "FP\" style=\"position: relative;\">"
outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
function outWordAlt(ih, i1, i2, dyn, anim, altcnt)
{
if(dyn)
{
if(altcnt%2)
outString += "<SPAN ID=\"" + fpanimationPrefix +
anim + "LFP\" style=\"position: relative; visibility: hidden;\">"
else
outString += "<SPAN ID=\"" + fpanimationPrefix +
anim + "RFP\" style=\"position: relative; visibility: hidden;\">"
}
outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
Herranz Peris, Ricardo
130
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
function animate(animOut)
{
{
el = animateElements[currentElement]
if(animOut)
animationId = el.id.substring(9,el.id.length);
else
animationId = el.id.substring(6,el.id.length);
animation=remSuffix(animationId)
if (ie4)
elprops=el.style
else{
if (ns6)
elprops=el.style
else
elprops=el
}
if(!step && !animOut)
elprops.visibility="visible"
step++
if(animation == "spiral")
{
steps = stepsSpiral
v = step/steps
rf = 1.0 - v
t = v * 2.0*Math.PI
rx = Math.max(Math.abs(el.initLeft), 200)
ry = Math.max(Math.abs(el.initTop), 200)
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*ry)
}
Herranz Peris, Ricardo
131
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
else
if(animation
==
"waveWordsL"
||
animation=="hopWords" || animation == "waveWords")
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 - v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*elprops.r)
}
else if(animation == "waveWordsR")
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 - v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil( rf*Math.sin(t)*elprops.r)
}
else if(animation == "zoomIn")
{
steps = stepsZoom
elprops.fontSize = Math.ceil(50+50*step/steps) + "%"
elprops.posLeft = 0
}
else if(animation == "zoomOut")
{
steps = stepsZoom
fontSz=Math.ceil(100+200*(steps-step)/steps) + "%"
elprops.fontSize = fontSz
elprops.posLeft = 0
}
else if(animation == "elasticRight")
{
Herranz Peris, Ricardo
132
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 1.5*Math.PI
rx =Math.abs(el.initLeft)
elprops.posLeft = rf*Math.cos(t)*rx
elprops.posTop = 0
}
else if(animation == "elasticBottom")
{
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posLeft = 0
elprops.posTop = rf*Math.cos(t)*ry
}
else if(animation == "wipeLR")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
elprops.clip = "rect(0 "+ step/steps*100 +"%
100% 0)"
else if (!ie4)
{
if (ns6)
{
postop = elprops.top
posleft = elprops.left
str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px
"
+
step/steps*el.offsetWidth + "px "+el.offsetHeight+"px 0px)";
el.setAttribute("style",str);
Herranz Peris, Ricardo
133
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
else
elprops.clip.right=step/steps*el.sizeW
}
}
else if(animation == "wipeTB")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
elprops.clip
=
"rect(0
100%
"+step/steps*el.offsetHeight+"px 0)"
else{
if (ns6)
{
postop = elprops.top
posleft = elprops.left
str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px
"+
el.offsetWidth + "px " +step/steps*el.offsetHeight+"px 0px)";
el.setAttribute("style",str);
}
else{
elprops.clip.bottom=step/steps*el.sizeH
}
}
}
else if(animation == "wipeMID")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
{
elprops.clip
=
"rect(0
"+el.sizeW/2*(1+step/steps)+"px 100% "+el.sizeW/2*(1-step/steps)+")"
Herranz Peris, Ricardo
134
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
else if(!ie4)
{
if (ns6)
{
postop = elprops.top
posleft = elprops.left
str="position:absolute;top:"+postop+";left:"+posleft+";clip:rect(0px
el.offsetWidth/2*(1+step/steps)
+
"px
"+
"+el.offsetHeight+"px
"+el.offsetWidth/2*(1-step/steps)+"px)";
el.setAttribute("style",str);
}
else{
elprops.clip.right=el.sizeW/2*(1+step/steps)
elprops.clip.left=el.sizeW/2*(1step/steps)
}
}
}
else if(animation == "flyCorner")
{
if(!cornerPhase)
{
steps = stepsElastic/2
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posTop = Math.ceil(rf*Math.cos(t)*ry)
}
else
{
Herranz Peris, Ricardo
135
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
steps = stepsFly
dl = el.initLeft / steps
elprops.posLeft = elprops.posLeft - dl
elprops.posTop = 0
}
}
else
{
steps = stepsFly
if(animation
==
"dropWord"
||
animation
==
"flyTopRightWord" || animation == "flyBottomRightWord")
steps = stepsWord
dl = (el.endLeft - el.initLeft) / steps
dt = (el.endTop - el.initTop) / steps
elprops.posLeft = elprops.posLeft + dl
elprops.posTop = elprops.posTop + dt
}
if (step >= steps)
{
if(!(animation == "wipeLR" ||
animation == "wipeTB"
||
animation == "wipeMID" ||
(animation == "flyCorner" && !cornerPhase)))
{
elprops.posLeft = el.endLeft
elprops.posTop = el.endTop
}
if(animOut)
{
elprops.visibility="hidden"
}
step = 0
if(animation=="flyCorner" && !cornerPhase)
Herranz Peris, Ricardo
136
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
cornerPhase=1
else
{
cornerPhase=0
currentElement++
}
}
if(!ie4)
{
elprops.left = elprops.posLeft
elprops.top = elprops.posTop
}
if(currentElement < animateElements.length)
{
if(animOut)
window.setTimeout("animate(1);",
speed,
window.setTimeout("animate(0);",
speed,
"Javascript")
else
"Javascript")
}
else
currentElement=0
}
}
function rollIn(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5,
ms+6)) >= 4)
if(ie4)
{
Herranz Peris, Ricardo
137
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
el.initstyle=el.style.cssText;el.style.cssText=el.fprolloverstyle
}
}
function rollOut(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5,
ms+6)) >= 4)
if(ie4)
{
el.style.cssText=el.initstyle
}
}
function clickSwapStyle(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5,
ms+6)) >= 4)
if(ie4)
{
ts=el.style.cssText
el.style.cssText=el.fprolloverstyle
el.fprolloverstyle=ts
}
}
function clickSwapImg(el)
{
if(document.all || document.layers)
{
ts=el.src
el.src=el.lowsrc
el.lowsrc=ts
}
Herranz Peris, Ricardo
138
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
//-->
10.2.2.- Connof.inc
<%
'cerramos la conexion
conn.close
%>
10.2.3.- Connon.inc
<%
set conn = Server.Createobject("adodb.connection")
conn.Open
"DSN=access;Database=f:\www.hidroconta.com\HIDROCONTA.MDB"
%>
10.2.4.- Impmodelos.inc
<%
' Imprime los textos e imagenes de los modelos
Function impprod(mensaje, Tabla)
Herranz Peris, Ricardo
139
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
impprod="Select
'"&IdProducto&"'
and
Texto
From
IdModelo
"&Tabla&"
Like
Where
'"&ProdSel&"'
IdProducto
and
Lengua
like
like
'"&Session("lengua")&"' and IdTexto like '"&mensaje&"'"
set imtext = Conn.Execute(impprod)
Response.Write imtext("Texto")
imtext.Close
End Function
%>
<%
' Imprime los textos e imagenes de los modelos
Function imptgeneral(mensaje, Tabla)
imptgeneral="Select Texto From "&Tabla&" Where IdProducto like
'"&Prod&"' and (Lengua like '"&Session("lengua")&"' or Lengua like 'or') and
IdTexto like '"&mensaje&"'"
set imtgen = Conn.Execute(imptgeneral)
Response.Write imtgen("Texto")
imtgen.Close
End Function
%>
10.2.5.- Lecturalengua.inc
<%
'Funcion que selecciona la lengua en la que se imprime el texto
Function imprimir(mensaje)
imprimir="Select "&Session("lengua")&" From lengua Where variable
Like '"&mensaje&"'"
set im = Conn.Execute(imprimir)
Herranz Peris, Ricardo
140
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Response.Write im(Session("lengua"))
im.Close
End Function
%>
<%
'Funcion que selecciona la lengua en la que se imprime el texto
Function imprimir2(mensaje)
imprimir2="Select "&Session("lengua")&" From lenguaMenu Where
variable Like '"&mensaje&"'"
set im2 = Conn.Execute(imprimir2)
Response.Write im2(Session("lengua"))
im2.Close
End Function
%>
10.2.6.- Navcond.js
var
isMinNS4=(navigator.appName.indexOf("Netscape")>=0&&parseFloat(navigato
r.appVersion)>=4)?1:0;var
isMinIE4=(document.all)?1:0;var
isMinIE5=(isMinIE4&&navigator.appVersion.indexOf("5.")>=0)?1:0;function
hideLayer(layer){if(isMinNS4)layer.visibility="hide";if(isMinIE4)layer.style.visibilit
y="hidden";}function
showLayer(layer){if(isMinNS4)layer.visibility="show";if(isMinIE4)layer.style.visibi
lity="visible";}function
inheritLayer(layer){if(isMinNS4)layer.visibility="inherit";if(isMinIE4)layer.style.visi
bility="inherit";}function
getVisibility(layer){if(isMinNS4){if(layer.visibility=="show")return
"visible";if(layer.visibility=="hide")return
Herranz Peris, Ricardo
"hidden";return
141
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
layer.visibility;}if(isMinIE4)return
layer.style.visibility;return
"";}function
moveLayerTo(layer,x,y){if(isMinNS4)layer.moveTo(x,y);if(isMinIE4){layer.style.l
eft=x;layer.style.top=y;}}function
moveLayerBy(layer,dx,dy){if(isMinNS4)layer.moveBy(dx,dy);if(isMinIE4){layer.st
yle.pixelLeft+=dx;layer.style.pixelTop+=dy;}}function
getLeft(layer){if(isMinNS4)return
layer.left;if(isMinIE4)return
layer.style.pixelLeft;return-1;}function
layer.top;if(isMinIE4)return
getTop(layer){if(isMinNS4)return
layer.style.pixelTop;return-1;}function
getRight(layer){if(isMinNS4)return
layer.left+getWidth(layer);if(isMinIE4)return
layer.style.pixelLeft+getWidth(layer);return-1;}function
getBottom(layer){if(isMinNS4)return
layer.top+getHeight(layer);if(isMinIE4)return
layer.style.pixelTop+getHeight(layer);return-1;}function
getPageLeft(layer){var
x;if(isMinNS4)return
layer.pageX;if(isMinIE4){x=0;while(layer.offsetParent!=null){x+=layer.offsetLeft;l
ayer=layer.offsetParent;}x+=layer.offsetLeft;return
x;}return-1;}function
getPageTop(layer){var
y;if(isMinNS4)return
layer.pageY;if(isMinIE4){y=0;while(layer.offsetParent!=null){y+=layer.offsetTop;l
ayer=layer.offsetParent;}y+=layer.offsetTop;return
y;}return-1;}function
getWidth(layer){if(isMinNS4){if(layer.document.width)return
layer.document.width;else
return
layer.clip.right-
layer.clip.left;}if(isMinIE4){if(layer.style.pixelWidth)return
layer.style.pixelWidth;else
return
layer.clientWidth;}return-1;}function
getHeight(layer){if(isMinNS4){if(layer.document.height)return
layer.document.height;else
return
layer.clip.bottom-
layer.clip.top;}if(isMinIE4){if(layer.style.pixelHeight)return
layer.style.pixelHeight;else
return
getzIndex(layer){if(isMinNS4)return
layer.clientHeight;}return-1;}function
layer.zIndex;if(isMinIE4)return
layer.style.zIndex;return-1;}function
setzIndex(layer,z){if(isMinNS4)layer.zIndex=z;if(isMinIE4)layer.style.zIndex=z;}f
unction
clipLayer(layer,clipleft,cliptop,clipright,clipbottom){if(isMinNS4){layer.clip.left=clip
left;layer.clip.top=cliptop;layer.clip.right=clipright;layer.clip.bottom=clipbottom;}if(
isMinIE4)layer.style.clip='rect('+cliptop+'
Herranz Peris, Ricardo
'+clipright+'
'+clipbottom+'
142
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
'+clipleft+')';}function
getClipLeft(layer){if(isMinNS4)return
layer.clip.left;if(isMinIE4){var
str=layer.style.clip;if(!str)return
0;var
clip=getIEClipValues(layer.style.clip);return(clip[3]);}return-1;}function
getClipTop(layer){if(isMinNS4)return
layer.clip.top;if(isMinIE4){var
str=layer.style.clip;if(!str)return 0;var clip=getIEClipValues(layer.style.clip);return
clip[0];}return-1;}function
getClipRight(layer){if(isMinNS4)return
layer.clip.right;if(isMinIE4){var
str=layer.style.clip;if(!str)return
layer.style.pixelWidth;var
clip=getIEClipValues(layer.style.clip);return
clip[1];}return-1;}function
getClipBottom(layer){if(isMinNS4)return
layer.clip.bottom;if(isMinIE4){var
layer.style.pixelHeight;var
str=layer.style.clip;if(!str)return
clip=getIEClipValues(layer.style.clip);return
clip[2];}return-1;}function
getClipWidth(layer){if(isMinNS4)return
layer.clip.width;if(isMinIE4){var
layer.style.pixelWidth;var
str=layer.style.clip;if(!str)return
clip=getIEClipValues(layer.style.clip);return
clip[3];}return-1;}function
clip[1]-
getClipHeight(layer){if(isMinNS4)return
layer.clip.height;if(isMinIE4){var
str=layer.style.clip;if(!str)return
layer.style.pixelHeight;var
clip=getIEClipValues(layer.style.clip);return
clip[0];}return-1;}function
getIEClipValues(str){var
clip=new
clip[2]-
Array();var
i;i=str.indexOf("(");clip[0]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf(
"
",i+1);clip[1]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf("
",i+1);clip[2]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf("
",i+1);clip[3]=parseInt(str.substring(i+1,str.length),10);return
scrollLayerTo(layer,x,y,bound){var
clip;}function
dx=getClipLeft(layer)-x;var
dy=getClipTop(layer)-y;scrollLayerBy(layer,-dx,-dy,bound);}function
scrollLayerBy(layer,dx,dy,bound){var
ct=getClipTop(layer);var
cl=getClipLeft(layer);var
cr=getClipRight(layer);var
cb=getClipBottom(layer);if(bound){if(cl+dx<0)dx=-cl;else
if(cr+dx>getWidth(layer))dx=getWidth(layer)-cr;if(ct+dy<0)dy=-ct;else
if(cb+dy>getHeight(layer))dy=getHeight(layer)cb;}clipLayer(layer,cl+dx,ct+dy,cr+dx,cb+dy);moveLayerBy(layer,-dx,dy);}function
setBgColor(layer,color){if(isMinNS4)layer.bgColor=color;if(isMinIE4)layer.style.b
ackgroundColor=color;}function
setBgImage(layer,src){if(isMinNS4)layer.background.src=src;if(isMinIE4)layer.st
Herranz Peris, Ricardo
143
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
yle.backgroundImage="url("+src+")";}function
getLayer(name){if(isMinNS4)return
findLayer(name,document);if(isMinIE4)return eval('document.all.'+name);return
null;}function
findLayer(name,doc){var
i,layer;for(i=0;i<doc.layers.length;i++){layer=doc.layers[i];if(layer.name==name)r
eturn
layer;if(layer.document.layers.length>0)if((layer=findLayer(name,layer.documen
t))!=null)return layer;}return null;}function getImage(name){if(isMinNS4){return
findImage(name,document);}if(isMinIE4)return
eval('document.all.'+name);return
null;}function
findImage(name,doc){var
i,img;for(i=0;i<doc.images.length;i++)if(doc.images[i].name==name)return
doc.images[i];for(i=0;i<doc.layers.length;i++)if((img=findImage(name,doc.layers[
i].document))!=null){img.container=doc.layers[i];return img;}return null;}function
getImagePageLeft(img){var
x,obj;if(isMinNS4){if(img.container!=null)return
img.container.pageX+img.x;else
return
img.x;}if(isMinIE4){x=0;obj=img;while(obj.offsetParent!=null){x+=obj.offsetLeft;o
bj=obj.offsetParent;}x+=obj.offsetLeft;return
getImagePageTop(img){var
x;}return-1;}function
y,obj;if(isMinNS4){if(img.container!=null)return
img.container.pageY+img.y;else
return
img.y;}if(isMinIE4){y=0;obj=img;while(obj.offsetParent!=null){y+=obj.offsetTop;o
bj=obj.offsetParent;}y+=obj.offsetTop;return
getWindowWidth(){if(isMinNS4)return
y;}return-1;}function
window.innerWidth;if(isMinIE4)return
document.body.clientWidth;return-1;}function
getWindowHeight(){if(isMinNS4)return
window.innerHeight;if(isMinIE4)return
document.body.clientHeight;return-1;}function
getPageWidth(){if(isMinNS4)return
document.width;if(isMinIE4)return
document.body.scrollWidth;return-1;}function
getPageHeight(){if(isMinNS4)return
document.height;if(isMinIE4)return
document.body.scrollHeight;return-1;}function
getPageScrollX(){if(isMinNS4)return
window.pageXOffset;if(isMinIE4)return
document.body.scrollLeft;return-1;}function getPageScrollY(){if(isMinNS4)return
window.pageYOffset;if(isMinIE4)return
document.body.scrollTop;return-1;}var
isMinIE5_5=(isMinIE5&&navigator.appVersion.indexOf("5.5")>=0)?1:0;var
navBars=new
Herranz Peris, Ricardo
Array();function
144
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
NavBarMenuItem(text,link){this.text=text;this.link=link;}function
NavBarMenu(hdrWidth,menuWidth){this.hdrWidth=hdrWidth;this.width=menuWi
dth;this.height=0;this.items=new
Array();this.addItem=navBarMenuAddItem;}function
navBarMenuAddItem(item){this.items[this.items.length]=item;}function
NavBar(width){this.x=0;this.y=0;this.width=width;this.height=0;this.align="left";thi
s.minWidth=0;this.inverted=false;this.menus=new
Array();this.created=false;this.border=2;this.padding=4;this.separator=1;this.bor
derColor="#000000";this.hdrFgColor="#000000";this.hdrBgColor="#999999";thi
s.hdrHiFgColor="#ffffff";this.hdrHiBgColor="#666666";this.itmFgColor="#000000
";this.itmBgColor="#cccccc";this.itmHiFgColor="#ffffff";this.itmHiBgColor="#000
080";this.hdrFontFamily="Arial,Helvetica,sansserif";this.hdrFontStyle="plain";this.hdrFontWeight="bold";this.hdrFontSize="10p
t";this.itmFontFamily="MS
Sans
Serif,Arial,Helvetica,sans-
serif";this.itmFontStyle="plain";this.itmFontWeight="bold";this.itmFontSize="8pt";
this.setSizes=navBarSetSizes;this.setColors=navBarSetColors;this.setFonts=n
avBarSetFonts;this.addMenu=navBarAddMenu;this.create=navBarCreate;this.h
ide=navBarHide;this.show=navBarShow;this.moveTo=navBarMoveTo;this.mov
eBy=navBarMoveBy;this.getzIndex=navBarGetzIndex;this.setzIndex=navBarSe
tzIndex;this.getWidth=navBarGetWidth;this.getMinWidth=navBarGetMinWidth;t
his.getAlign=navBarGetAlign;this.setAlign=navBarSetAlign;this.resize=navBarR
esize;this.invert=navBarInvert;this.isInverted=navBarIsInverted;this.index=navB
ars.length;navBars[this.index]=this;}function
navBarSetSizes(border,padding,separator){if(!this.created){this.border=border;t
his.padding=padding;this.separator=separator;}}function
navBarSetColors(bdColor,hdrFgColor,hdrBgColor,hdrHiFgColor,hdrHiBgColor,it
mFgColor,itmBgColor,itmHiFgColor,itmHiBgColor){if(!this.created){this.borderC
olor=bdColor;this.hdrFgColor=hdrFgColor;this.hdrBgColor=hdrBgColor;this.hdr
HiFgColor=hdrHiFgColor;this.hdrHiBgColor=hdrHiBgColor;this.itmFgColor=itmF
gColor;this.itmBgColor=itmBgColor;this.itmHiFgColor=itmHiFgColor;this.itmHiB
gColor=itmHiBgColor;}}function
navBarSetFonts(hdrFamily,hdrStyle,hdrWeight,hdrSize,itmFamily,itmStyle,itmW
eight,itmSize){if(!this.created){this.hdrFontFamily=hdrFamily;this.hdrFontStyle=
hdrStyle;this.hdrFontWeight=hdrWeight;this.hdrFontSize=hdrSize;this.itmFontF
Herranz Peris, Ricardo
145
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
amily=itmFamily;this.itmFontStyle=itmStyle;this.itmFontWeight=itmWeight;this.it
mFontSize=itmSize;}}function
navBarAddMenu(menu){if(!this.created)this.menus[this.menus.length]=menu;}fu
nction navBarCreate(){var str;var i,j;var norm,high,end;var width,height;var
x,y;var
scrX,scrY;if(this.created||(!isMinNS4&&!isMinIE4))return;str="";if(isMinIE4&&!is
MinIE5){scrX=getPageScrollX();scrY=getPageScrollY();window.scrollTo(getPag
eWidth(),getPageHeight());}if(isMinNS4)str+='<layer
name="navBar'+this.index+'_filler"></layer>\n<layer
name="navBar'+this.index+'_hdrsBase">\n';if(isMinIE4)str+='<div
id="navBar'+this.index+'_filler"
style="position:absolute;"></div>\n<div
id="navBar'+this.index+'_hdrsBase"
style="position:absolute;">\n';for(i=0;i<this.menus.length;i++){norm='<table
border=0
cellpadding='+this.padding+'
cellspacing=0'+(this.menus[i].hdrWidth>0?'
width='+this.menus[i].hdrWidth:'')+((isMinIE4&&!isMinIE5)?'
id="navBar'+this.index+'_tbl'+i+'"':'')+'><tr><td'+(this.menus[i].hdrWidth==0?'
nowrap=1'+this.menus[i].hdrWidth:'')+'><span
style="color:'+this.hdrFgColor+';font-family:'+this.hdrFontFamily+';fontsize:'+this.hdrFontSize+';font-style:'+this.hdrFontStyle+';fontweight:'+this.hdrFontWeight+';">';high='<table
cellpadding='+this.padding+'
border=0
cellspacing=0'+(this.menus[i].hdrWidth>0?'
width='+this.menus[i].hdrWidth:'')+'><tr><td'+(this.menus[i].hdrWidth==0?'
nowrap=1'+this.menus[i].hdrWidth:'')+'><span
style="color:'+this.hdrHiFgColor+';font-family:'+this.hdrFontFamily+';fontsize:'+this.hdrFontSize+';font-style:'+this.hdrFontStyle+';fontweight:'+this.hdrFontWeight+';">';end='</span></td></tr></table>';if(isMinNS4)s
tr+='<layer
name="navBar'+this.index+'_head'+i+'">'+norm+this.menus[i].items[0].text+end
+'</layer>\n<layer
name="navBar'+this.index+'_headHigh'+i+'">'+high+this.menus[i].items[0].text+
end+'</layer>\n<layer
name="navBar'+this.index+'_headDummy'+i+'"></layer>\n';if(isMinIE4){str+='<di
v
Herranz Peris, Ricardo
id="navBar'+this.index+'_head'+i+'"
146
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
style="position:absolute;">'+norm+this.menus[i].items[0].text+end+'</div>\n<div
id="navBar'+this.index+'_headHigh'+i+'"
style="position:absolute;">'+high+this.menus[i].items[0].text+end+'</div>\n<div
id="navBar'+this.index+'_headDummy'+i+'"
style="position:absolute;">';if(isMinIE5_5)str+='<table
cellspacing=0
width="100%"
height="100%"><tr><td> </td></tr></table>';str+='</div>\n';}}if(isMinNS4){
str+='</layer>\n';this.baseLayer=new
Layer(this.width);this.baseLayer.document.open();this.baseLayer.document.writ
e(str);this.baseLayer.document.close();}if(isMinIE4){str+='</div>\n';str='<div
id="navBar'+this.index+'"
style="position:absolute;left:0px;top:0px;">\n'+str+'</div>\n';document.body.inse
rtAdjacentHTML("beforeEnd",str);this.baseLayer=getLayer("navBar"+this.index)
;}width=0;height=0;for(i=0;i<this.menus.length;i++){this.menus[i].hdrNormLayer
=getLayer('navBar'+this.index+'_head'+i);this.menus[i].hdrHighLayer=getLayer('
navBar'+this.index+'_headHigh'+i);this.menus[i].hdrDmmyLayer=getLayer('navB
ar'+this.index+'_headDummy'+i);height=Math.max(height,getHeight(this.menus[
i].hdrNormLayer));this.height=height+2*this.border;if(isMinIE4&&!isMinIE5){widt
h=this.menus[i].hdrWidth;if(width==0)width=eval('document.all.navBar'+this.inde
x+'_tbl'+i+'.clientWidth');navBarIEResizeLayer(this.menus[i].hdrNormLayer,widt
h,height);navBarIEResizeLayer(this.menus[i].hdrHighLayer,width,height);navBa
rIEResizeLayer(this.menus[i].hdrDmmyLayer,width,height);}}x=this.border;y=thi
s.border;for(i=0;i<this.menus.length;i++){width=Math.max(this.menus[i].hdrWidt
h,getWidth(this.menus[i].hdrNormLayer));if(this.menus[i].width==0)this.menus[i].
width=width+2*this.border;moveLayerTo(this.menus[i].hdrNormLayer,x,y);setBg
Color(this.menus[i].hdrNormLayer,this.hdrBgColor);clipLayer(this.menus[i].hdrN
ormLayer,0,0,width,height);inheritLayer(this.menus[i].hdrNormLayer);moveLaye
rTo(this.menus[i].hdrHighLayer,x,y);setBgColor(this.menus[i].hdrHighLayer,this.
hdrHiBgColor);clipLayer(this.menus[i].hdrHighLayer,0,0,width,height);hideLayer
(this.menus[i].hdrHighLayer);moveLayerTo(this.menus[i].hdrDmmyLayer,x,y);if(i
sMinIE4)navBarIEResizeLayer(this.menus[i].hdrDmmyLayer,width,height);clipL
ayer(this.menus[i].hdrDmmyLayer,0,0,width,height);inheritLayer(this.menus[i].h
drDmmyLayer);this.menus[i].hdrDmmyLayer.highLayer=this.menus[i].hdrHighLa
yer;this.menus[i].hdrLeft=x;x+=width+this.border;this.menus[i].hdrRight=x;}this.
Herranz Peris, Ricardo
147
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
minWidth=x;this.width=Math.max(this.minWidth,this.width);moveLayerTo(this.b
aseLayer,this.x,this.y);setBgColor(this.baseLayer,this.borderColor);if(isMinIE4)n
avBarIEResizeLayer(this.baseLayer,this.width,this.height);clipLayer(this.baseLa
yer,0,0,this.width,this.height);this.fillerLayer=getLayer('navBar'+this.index+'_fille
r');moveLayerTo(this.fillerLayer,this.border,this.border);setBgColor(this.fillerLay
er,this.hdrBgColor);width=this.width-2*this.border;height=this.height2*this.border;if(isMinIE4)navBarIEResizeLayer(this.fillerLayer,width,height);clipL
ayer(this.fillerLayer,0,0,width,height);inheritLayer(this.fillerLayer);this.hdrsBaseL
ayer=getLayer('navBar'+this.index+'_hdrsBase');if(this.align=="left")this.hdrsOffs
etX=0;else
if(this.align=="center")this.hdrsOffsetX=Math.round((this.width-
this.minWidth)/2);else
if(this.align=="right")this.hdrsOffsetX=this.width-
this.minWidth;else this.hdrsOffsetX=Math.min(parseInt(this.align,10),this.widththis.minWidth);moveLayerTo(this.hdrsBaseLayer,this.hdrsOffsetX,0);setBgColor
(this.hdrsBaseLayer,this.borderColor);if(isMinIE4)navBarIEResizeLayer(this.hdr
sBaseLayer,this.minWidth,this.height);clipLayer(this.hdrsBaseLayer,0,0,this.min
Width,this.height);inheritLayer(this.hdrsBaseLayer);for(i=0;i<this.menus.length;i
++){this.menus[i].hdrDmmyLayer.index=this.index;this.menus[i].hdrDmmyLayer.
offsetX=this.menus[i].hdrLeftthis.border;if(this.menus[i].hdrDmmyLayer.offsetX+this.menus[i].width>this.widt
h)this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrRightthis.menus[i].width;this.menus[i].hdrDmmyLayer.offsetY=this.heightthis.border;this.menus[i].hdrDmmyLayer.onmouseover=navBarHeaderOn;this.m
enus[i].hdrDmmyLayer.onmouseout=navBarHeaderOff;if(isMinNS4){this.menus[
i].hdrDmmyLayer.document.highLayer=this.menus[i].hdrHighLayer;this.menus[i]
.hdrDmmyLayer.document.link=this.menus[i].items[0].link;this.menus[i].hdrDmm
yLayer.document.captureEvents(Event.MOUSEUP);this.menus[i].hdrDmmyLay
er.document.onmouseup=navBarItemClick;}if(isMinIE4){this.menus[i].hdrDmmy
Layer.highLayer=this.menus[i].hdrHighLayer;this.menus[i].hdrDmmyLayer.link=t
his.menus[i].items[0].link;this.menus[i].hdrDmmyLayer.onclick=navBarItemClick;
}}norm='<table
border=0
width="100%"><tr><td><span
cellpadding='+this.padding+'
cellspacing=0
style="color:'+this.itmFgColor+';font-
family:'+this.itmFontFamily+';font-size:'+this.itmFontSize+';fontstyle:'+this.itmFontStyle+';font-weight:'+this.itmFontWeight+';">';high='<table
border=0
Herranz Peris, Ricardo
cellpadding='+this.padding+'
cellspacing=0
148
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
width="100%"><tr><td><span
style="color:'+this.itmHiFgColor+';font-
family:'+this.itmFontFamily+';font-size:'+this.itmFontSize+';fontstyle:'+this.itmFontStyle+';fontweight:'+this.itmFontWeight+';">';end='</span></td></tr></table>';for(i=0;i<this.
menus.length;i++){width=this.menus[i].width2*this.border;str="";for(j=1;j<this.menus[i].items.length;j++){if(isMinNS4)str+='<l
ayer
name="navBar'+this.index+'_menu'+i+'_norm'+j+'"
width='+width+'>'+norm+this.menus[i].items[j].text+end+'</layer>\n<layer
name="navBar'+this.index+'_menu'+i+'_high'+j+'"
width='+width+'>'+high+this.menus[i].items[j].text+end+'</layer>\n<layer
name="navBar'+this.index+'_menu'+i+'_dmmy'+j+'"
width='+width+'></layer>\n';if(isMinIE4){str+='<div
id="navBar'+this.index+'_menu'+i+'_norm'+j+'"
style="position:absolute;width:'+width+'px;">'+norm+this.menus[i].items[j].text+e
nd+'</div>\n<div
id="navBar'+this.index+'_menu'+i+'_high'+j+'"
style="position:absolute;width:'+width+'px;">'+high+this.menus[i].items[j].text+e
nd+'</div>\n<div
id="navBar'+this.index+'_menu'+i+'_dmmy'+j+'"
style="position:absolute;width:'+width+'px;">';if(isMinIE5_5)str+='<table
cellspacing=0
width="100%"
height="100%"><tr><td> </td></tr></table>';str+='</div>\n';}}if(isMinNS4){
this.menus[i].baseLayer=new
Layer(this.menus[i].width);this.menus[i].baseLayer.document.open();this.menus
[i].baseLayer.document.write(str);this.menus[i].baseLayer.document.close();}if(i
sMinIE4){str='<div
id="navBar'+this.index+'_menu'+i+'"
style="position:absolute;left:0px;
top:0px;width:'+this.menus[i].width+'px;visibility:hidden;">\n'+str+'</div>\n';docu
ment.body.insertAdjacentHTML("beforeEnd",str);this.menus[i].baseLayer=getLa
yer("navBar"+this.index+"_menu"+i);}}if(isMinIE4&&!isMinIE5)window.scrollTo(x
,y);for(i=0;i<this.menus.length;i++){moveLayerTo(this.menus[i].baseLayer,this.
menus[i].hdrDmmyLayer.offsetX,this.menus[i].hdrDmmyLayer.offsetY);setBgCol
or(this.menus[i].baseLayer,this.borderColor);if(this.menus[i].items.length>1){this
.menus[i].hdrDmmyLayer.menuLayer=this.menus[i].baseLayer;if(isMinNS4)this.
menus[i].hdrDmmyLayer.document.menuLayer=this.menus[i].baseLayer;}else{t
his.menus[i].hdrDmmyLayer.menuLayer=null;if(isMinNS4)this.menus[i].hdrDmm
Herranz Peris, Ricardo
149
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
yLayer.document.menuLayer=this.menus[i].baseLayer;}x=this.border;y=this.bor
der;width=this.menus[i].width2*this.border;for(j=1;j<this.menus[i].items.length;j++){this.menus[i].items[j].norm
Layer=getLayer('navBar'+this.index+'_menu'+i+'_norm'+j);this.menus[i].items[j].
highLayer=getLayer('navBar'+this.index+'_menu'+i+'_high'+j);this.menus[i].item
s[j].dmmyLayer=getLayer('navBar'+this.index+'_menu'+i+'_dmmy'+j);height=get
Height(this.menus[i].items[j].normLayer);moveLayerTo(this.menus[i].items[j].nor
mLayer,x,y);setBgColor(this.menus[i].items[j].normLayer,this.itmBgColor);clipLa
yer(this.menus[i].items[j].normLayer,0,0,width,height);inheritLayer(this.menus[i].i
tems[j].normLayer);moveLayerTo(this.menus[i].items[j].highLayer,x,y);setBgCol
or(this.menus[i].items[j].highLayer,this.itmHiBgColor);clipLayer(this.menus[i].ite
ms[j].highLayer,0,0,width,height);hideLayer(this.menus[i].items[j].highLayer);mo
veLayerTo(this.menus[i].items[j].dmmyLayer,x,y);if(isMinIE4)navBarIEResizeLa
yer(this.menus[i].items[j].dmmyLayer,width,height);clipLayer(this.menus[i].items[
j].dmmyLayer,0,0,width,height);inheritLayer(this.menus[i].items[j].dmmyLayer);t
his.menus[i].items[j].dmmyLayer.highLayer=this.menus[i].items[j].highLayer;this.
menus[i].items[j].dmmyLayer.onmouseover=navBarItemOn;this.menus[i].items[j]
.dmmyLayer.onmouseout=navBarItemOff;if(isMinNS4){this.menus[i].items[j].dm
myLayer.document.highLayer=this.menus[i].items[j].highLayer;this.menus[i].ite
ms[j].dmmyLayer.document.parentHighLayer=this.menus[i].hdrHighLayer;this.m
enus[i].items[j].dmmyLayer.document.menuLayer=this.menus[i].baseLayer;this.
menus[i].items[j].dmmyLayer.document.link=this.menus[i].items[j].link;this.menu
s[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);this.menus
[i].items[j].dmmyLayer.document.onmouseup=navBarItemClick;}if(isMinIE4){this
.menus[i].items[j].dmmyLayer.highLayer=this.menus[i].items[j].highLayer;this.m
enus[i].items[j].dmmyLayer.parentHighLayer=this.menus[i].hdrHighLayer;this.m
enus[i].items[j].dmmyLayer.menuLayer=this.menus[i].baseLayer;this.menus[i].it
ems[j].dmmyLayer.link=this.menus[i].items[j].link;this.menus[i].items[j].dmmyLay
er.onclick=navBarItemClick;}y+=height+this.separator;}width=this.menus[i].widt
h;height=ythis.separator+this.border;this.menus[i].baseLayer.width=this.menus[i].width;thi
s.menus[i].baseLayer.height=height;if(isMinIE4)navBarIEResizeLayer(this.men
us[i].baseLayer,width,height);clipLayer(this.menus[i].baseLayer,0,0,width,height
);this.menus[i].baseLayer.parentHighLayer=this.menus[i].hdrHighLayer;this.men
Herranz Peris, Ricardo
150
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
us[i].baseLayer.onmouseout=navBarMenuOff;}this.created=true;this.resize(this.
width);showLayer(this.baseLayer);}function
navBarHide(){if(this.created)hideLayer(this.baseLayer);}function
navBarShow(){if(this.created)showLayer(this.baseLayer);}function
navBarMoveTo(x,y){this.x=x;this.y=y;if(this.created)moveLayerTo(this.baseLaye
r,this.x,this.y);}function
navBarMoveBy(dx,dy){this.x+=dx;this.y+=dy;if(this.created)moveLayerTo(this.b
aseLayer,this.x,this.y);}function
navBarGetzIndex(){if(this.created)return
getzIndex(this.baseLayer);return
0;}function
navBarSetzIndex(z){var
i;if(this.created){setzIndex(this.baseLayer,z);for(i=0;i<this.menus.length;i++)setz
Index(this.menus[i].baseLayer,z);}}function
this.width;}function
navBarGetMinWidth(){return
navBarGetWidth(){return
this.minWidth;}function
navBarGetAlign(){return
this.align;}function
navBarSetAlign(align){this.align=align;if(this.created)this.resize(this.width);}funct
ion
navBarResize(width){if(this.created){this.width=Math.max(width,this.minWidth);if
(isMinIE4){navBarIEResizeLayer(this.fillerLayer,this.width2*this.border,this.height2*this.border);navBarIEResizeLayer(this.baseLayer,this.width,this.height);}clipL
ayer(this.fillerLayer,0,0,this.width-2*this.border,this.height2*this.border);clipLayer(this.baseLayer,0,0,this.width,this.height);if(this.align=="l
eft")this.hdrsOffsetX=0;else
if(this.align=="center")this.hdrsOffsetX=Math.round((this.widththis.minWidth)/2);else
if(this.align=="right")this.hdrsOffsetX=this.width-
this.minWidth;else this.hdrsOffsetX=Math.min(parseInt(this.align,10),this.widththis.minWidth);moveLayerTo(this.hdrsBaseLayer,this.hdrsOffsetX,0);for(i=0;i<th
is.menus.length;i++){this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrLeftthis.border;if(this.hdrsOffsetX+this.menus[i].hdrDmmyLayer.offsetX+this.menus[
i].width>this.width)this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrRightthis.menus[i].width;}}else
this.width=width;}function
navBarInvert(){this.inverted=!this.inverted;}function
navBarIsInverted(){return
this.inverted;}function
navBarIEResizeLayer(layer,width,height){layer.style.pixelWidth=width;layer.styl
e.pixelHeight=height;}function
Herranz Peris, Ricardo
navBarHeaderOn(e){var
bar;var
151
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
x,y;bar=navBars[this.index];if(this.menuLayer!=null){x=bar.x+bar.hdrsOffsetX+th
is.offsetX;y=bar.y+this.offsetY;if(bar.inverted)y=bar.ythis.menuLayer.height+bar.border;moveLayerTo(this.menuLayer,x,y);this.menu
Layer.left=getPageLeft(this.menuLayer);this.menuLayer.top=getPageTop(this.m
enuLayer);this.menuLayer.right=this.menuLayer.left+this.menuLayer.width+1;thi
s.menuLayer.bottom=this.menuLayer.top+this.menuLayer.height+1;}if(isMinIE4)
{if(bar.activeHeader!=null&&bar.activeHeader!=this){hideLayer(bar.activeHeade
r.highLayer);if(bar.activeHeader.menuLayer!=null)hideLayer(bar.activeHeader.
menuLayer);}bar.activeHeader=this;}showLayer(this.highLayer);if(this.menuLay
er!=null)showLayer(this.menuLayer);}function
navBarHeaderOff(e){if(this.menuLayer!=null){if(isMinIE4){mouseX=window.eve
nt.clientX+document.body.scrollLeft;mouseY=window.event.clientY+document.
body.scrollTop;}if(mouseX>=this.menuLayer.left&&mouseX<=this.menuLayer.ri
ght&&mouseY>=this.menuLayer.top&&mouseY<=this.menuLayer.bottom)return
;hideLayer(this.menuLayer);}hideLayer(this.highLayer);}function
navBarMenuOff(e){if(isMinIE4){mouseX=window.event.clientX+document.body.
scrollLeft;mouseY=window.event.clientY+document.body.scrollTop;if(mouseX>
=this.left&&mouseX<=this.right&&mouseY>=this.top&&mouseY<=this.bottom)re
turn;}hideLayer(this);hideLayer(this.parentHighLayer);}function
navBarItemOn(){showLayer(this.highLayer);}function
navBarItemOff(){hideLayer(this.highLayer);}function
navBarItemClick(e){if(this.link=="")return
true;if(this.menuLayer!=null){hideLayer(this.menuLayer);}if(this.parentHighLayer
!=null){hideLayer(this.parentHighLayer);}hideLayer(this.highLayer);if(this.link.ind
exOf("javascript:")==0)eval(this.link);else
window.location.href=this.link;return
true;}var
mouseX=0;var
mouseY=0;if(isMinNS4)document.captureEvents(Event.MOUSEMOVE);docum
ent.onmousemove=navBarGetMousePosition;function
navBarGetMousePosition(e){if(isMinNS4){mouseX=e.pageX;mouseY=e.pageY;
}if(isMinIE4){mouseX=window.event.clientX+document.body.scrollLeft;mouseY
=window.event.clientY+document.body.scrollTop;}}var
origWidth;var
origHeight;if(isMinNS4){origWidth=window.innerWidth;origHeight=window.inner
Height;}window.onresize=navBarReload;function
navBarReload(){if(isMinNS4&&origWidth==window.innerWidth&&origHeight==w
Herranz Peris, Ricardo
152
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
indow.innerHeight)return;if(isMinIE4)setTimeout('window.location.href
=
window.location.href',2000);else window.location.href=window.location.href;}
10.2.7.- Navegacion.inc
<script Language="Javascript">
function fenetre() {
// Definition des elements que l'on souhaite ou non voir apparaitre
// avec
0 = absence, 1 = presence
var win_opt="toolbar=0,location=0,directories=0,status=0,menubar=0,";
win_opt+="scrollbars=0,resizable=1,copyhistory=0,";
// Definition des dimensions de la fenetre
win_opt+="width=200"+",height=150";
// Vous pouvez aussi definir la position de la fenetre a ouvrir
//win_opt+="top=100"+",left=200";
if (window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
var xc = (aw - 200) / 2;
var yc = (ah - 150) / 2;
win_opt+= ",left=" + xc + ",top=" + yc;
}
// Creation de la fenetre en precisant le fichier a afficher et le
// titre de la fenetre
Herranz Peris, Ricardo
153
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
NewWindow = window.open("valida.asp","Hidroconta",win_opt);
// Creation de la propriete creator permettant de referencer
//
la fenetre source
NewWindow.creator=self;
}
</script>
<script Language="Javascript">
function registrar() {
// Definition des elements que l'on souhaite ou non voir apparaitre
// avec
0 = absence, 1 = presence
var win_opt="toolbar=0,location=0,directories=0,status=0,menubar=0,";
win_opt+="scrollbars=1,resizable=1,copyhistory=0,";
// Definition des dimensions de la fenetre
win_opt+="width=700"+",height=640";
// Vous pouvez aussi definir la position de la fenetre a ouvrir
//win_opt+="top=100"+",left=200";
if (window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
var xc = (aw - 700) / 2;
var yc = (ah - 640) / 2;
win_opt+= ",left=" + xc + ",top=" + yc;
}
// Creation de la fenetre en precisant le fichier a afficher et le
// titre de la fenetre
Herranz Peris, Ricardo
154
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
NewWindow = window.open("registrar.asp","Hidroconta",win_opt);
// Creation de la propriete creator permettant de referencer
//
la fenetre source
NewWindow.creator=self;
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page"
+
id
+
"
=
window.open(URL,
'"
+
id
+
"',
'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=4
00,height=400,left = 200,top = 100');");
}
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUpCarac(URL) {
day = new Date();
id = day.getTime();
eval("page"
+
id
+
"
=
window.open(URL,
'"
+
id
+
"',
'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=6
00,height=600,left = 200,top = 50');");
}
// End -->
Herranz Peris, Ricardo
155
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</script>
<script language="javascript" type="text/javascript">
<!-var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(scre
en.widthw)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.heighth)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.widthw)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else
if((pos!="center"
&&
pos!="random")
||
pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scro
llbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,r
esizable=no';
win=window.open(mypage,myname,settings);}
// -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUpTabla(URL) {
day = new Date();
id = day.getTime();
Herranz Peris, Ricardo
156
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
eval("page"
+
id
+
"
=
window.open(URL,
'"
+
id
+
"',
'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=8
00,height=600,left = 100,top = 60');");
}
// End -->
</script>
<script language="JavaScript" src="script/navcond.js"></script>
<script language="JavaScript">
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category
width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("Inicio")%>",
"default.asp"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("empresa")%>",
"empresa.asp?pactual=empresa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("menu21")%>",
"empresa.asp?pactual=empresa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("menu22")%>",
"javascript:popUp('plano.asp')"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%imprimir("contactar")%>",
"mailto:[email protected]?subject=<%imprimir("inform")%>"));
myNavBar1.addMenu(dhtmlMenu);
Herranz Peris, Ricardo
157
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
dhtmlMenu = new NavBarMenu(100, 160);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("productos")%>",
"producto.asp?pactual=producto.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("contador")%>",
"contador.asp?pactual=contador.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("membrana")%>",
"membrana.asp?pactual=membrana.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("hidrante")%>",
"hidrante.asp?pactual=hidrante.asp"));
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contralavado")%>",
"contralavado.asp?pactual=contralavado.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("pilotos")%>",
"pilotos.asp?pactual=pilotos.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("bombas")%>",
"bomba.asp?pactual=bomba.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("telegestion")%>",
"telegestion.asp?pactual=telegestion.asp"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 160);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("tarifas")%>",
"tarifa.asp?pactual=tarifa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("libre")%>",
"tarifalibre.asp?pactual=tarifa.asp&Producto=0"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("registrados")%>",
href="javascript:fenetre();"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("registrar")%>",
"javascript:registrar();"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("instalaciones")%>",
"insta.asp?pactual=insta.asp"));
Herranz Peris, Ricardo
158
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
dhtmlMenu.addItem(new NavBarMenuItem("La Serratilla", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Grupo V-Sector 1", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Grupo V-Sector 2", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Grupo V", ""));
myNavBar1.addMenu(dhtmlMenu);
//dhtmlMenu = new NavBarMenu(30,100);
//dhtmlMenu.addItem(new NavBarMenuItem("­", ""));
//myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("cambiar")%>",
"<%Response.Write
Session("pagina")%>?nuevalengua=<%imprimir("lengua")%>&pactual=<%Res
ponse.Write Session("pagina")%>"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
(lineas,
letrastit, fondotit, letrestit, restit,
letrasmen,
fondomenu, letresmenu, resaltemenu
myNavBar1.setColors("#ffffff", "#ffffff", "#000099", "#ffff00", "#006699", "#ffffff",
"#009977", "#ffff00", "#003333")
//uncomment below line to center the menu (valid values are "left", "center", and
"right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
fullWidth = getWindowWidth()
Herranz Peris, Ricardo
159
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
<body onload="init()">
10.2.8.- Pagina.inc
<%
' Miramos la pagina en la que entramos
if request.querystring("pactual") = "" then
Session("pagina")=Request.form("pactual")
else
Session("pagina")=Request.Querystring("pactual")
end if
%>
10.2.9.- Paint.list
&Imagenes/foto1/001_1.jpg
^Imagenes/foto1/b1.jpg
Herranz Peris, Ricardo
160
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
%Foto1
!Foto1
Esto es la foto #1
&Imagenes/foto1/002_2.jpg
^Imagenes/foto1/b2.jpg
%Foto2
!Foto2
Esto es la foto #2
&Imagenes/foto1/003_3.jpg
^Imagenes/foto1/b3.jpg
%Foto3
!Foto3
Esto es la foto #3
&Imagenes/foto1/004_4.jpg
^Imagenes/foto1/b4.jpg
%Foto4
!Foto4
Esto es la foto #4
&Imagenes/foto1/005_5.jpg
^Imagenes/foto1/b5.jpg
%Foto5
!Foto5
Esto es la foto #5
Herranz Peris, Ricardo
161
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
&Imagenes/foto1/006_6.jpg
^Imagenes/foto1/b6.jpg
%Foto6
!Foto6
Esto es la foto #6
&Imagenes/foto1/007_7.jpg
^Imagenes/foto1/b7.jpg
%Foto7
!Foto7
Esto es la foto #7
&Imagenes/foto1/008_8.jpg
^Imagenes/foto1/b8.jpg
%Foto8
!Foto8
Esto es la foto #8
&Imagenes/foto1/009_9.jpg
^Imagenes/foto1/b9.jpg
%Foto9
!Foto9
Esto es la foto #9
&Imagenes/foto1/010_10.jpg
^Imagenes/foto1/b10.jpg
%Foto10
!Foto10
Esto es la foto #10
Herranz Peris, Ricardo
162
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
&Imagenes/foto1/011_11.jpg
^Imagenes/foto1/b11.jpg
%Foto11
!Foto11
Esto es la foto #11
&Imagenes/foto1/012_12.jpg
^Imagenes/foto1/b12.jpg
%Foto12
!Foto12
Esto es la foto #12
&Imagenes/foto1/013_13.jpg
^Imagenes/foto1/b13.jpg
%Foto13
!Foto13
Esto es la foto #13
&Imagenes/foto1/014_14.jpg
^Imagenes/foto1/b14.jpg
%Foto14
!Foto14
Esto es la foto #14
&Imagenes/foto1/015_15.jpg
^Imagenes/foto1/b15.jpg
%Foto15
!Foto15
Herranz Peris, Ricardo
163
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Esto es la foto #15
&Imagenes/foto1/016_16.jpg
^Imagenes/foto1/b16.jpg
%Foto16
!Foto16
Esto es la foto #16
&Imagenes/foto1/017_17.jpg
^Imagenes/foto1/b17.jpg
%Foto17
!Foto17
Esto es la foto #17
&Imagenes/foto1/018_18.jpg
^Imagenes/foto1/b18.jpg
%Foto18
!Foto18
Esto es la foto #18
&Imagenes/foto1/019_19.jpg
^Imagenes/foto1/b19.jpg
%Foto19
!Foto19
Esto es la foto #19
&Imagenes/foto1/020_20.jpg
^Imagenes/foto1/b20.jpg
%Foto20
!Foto20
Herranz Peris, Ricardo
164
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Esto es la foto #20
&Imagenes/foto1/021_21.jpg
^Imagenes/foto1/b21.jpg
%Foto21
!Foto21
Esto es la foto #21
&Imagenes/foto1/023_23.jpg
^Imagenes/foto1/b23.jpg
%Foto23
!Foto23
Esto es la foto #23
&Imagenes/foto1/024_24.jpg
^Imagenes/foto1/b24.jpg
%Foto24
!Foto24
Esto es la foto #24
&Imagenes/foto1/025_25.jpg
^Imagenes/foto1/b25.jpg
%Foto25
!Foto25
Esto es la foto #25
&Imagenes/foto1/026_26.jpg
^Imagenes/foto1/b26.jpg
%Foto26
Herranz Peris, Ricardo
165
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
!Foto26
Esto es la foto #26
&Imagenes/foto1/027_27.jpg
^Imagenes/foto1/b27.jpg
%Foto27
!Foto27
Esto es la foto #27
&Imagenes/foto1/028_28.jpg
^Imagenes/foto1/b28.jpg
%Foto28
!Foto28
Esto es la foto #28
&Imagenes/foto1/029_29.jpg
^Imagenes/foto1/b29.jpg
%Foto29
!Foto29
Esto es la foto #29
&Imagenes/foto1/030_30.jpg
^Imagenes/foto1/b30.jpg
%Foto30
!Foto30
Esto es la foto #30
&Imagenes/foto1/031_31.jpg
Herranz Peris, Ricardo
166
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
^Imagenes/foto1/b31.jpg
%Foto31
!Foto31
Esto es la foto #31
&Imagenes/foto1/032_32.jpg
^Imagenes/foto1/b32.jpg
%Foto32
!Foto32
Esto es la foto #32
&Imagenes/foto1/033_33.jpg
^Imagenes/foto1/b33.jpg
%Foto33
!Foto33
Esto es la foto #33
&Imagenes/foto1/034_34.jpg
^Imagenes/foto1/b34.jpg
%Foto34
!Foto34
Esto es la foto #34
&Imagenes/foto1/035_35.jpg
^Imagenes/foto1/b35.jpg
%Foto35
!Foto35
Esto es la foto #35
Herranz Peris, Ricardo
167
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
&Imagenes/foto1/036_36.jpg
^Imagenes/foto1/b36.jpg
%Foto36
!Foto36
Esto es la foto #36
&Imagenes/foto1/037_37.jpg
^Imagenes/foto1/b37.jpg
%Foto37
!Foto37
Esto es la foto #37
10.2.10.- Plantilla.inc
<html>
<head>
<title><%imprimir("Titulo")%></title>
<META name="description" content="<%imprimir("descripcion")%>">
<META name="keywords" content="<%imprimir("keywords")%>">
<META name="title" content="<%imprimir("Titulo")%>">
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591">
</head>
<style>
body { SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
Herranz Peris, Ricardo
168
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
</style>
<style
type="text/css"><!--A:link
{text-decoration:
none}
A:visited
{text-
decoration: none} A:active {text-decoration: none}--></style>
<body
bgcolor="#ffffff"
text="#000000"
link="#006060"
vlink="#006060"
topmargin="0" leftmargin="0">
<style>
<!-.popshadow{
position:relative;
left:-5;
top:-5;
filter:shadow(silver,direction=135)
}
-->
</style>
<script language="JavaScript1.2">
function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
Herranz Peris, Ricardo
169
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
}
}
if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}
</script>
10.2.11.- Popup.inc
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page"
+
id
+
"
=
window.open(URL,
'"
+
id
+
"',
'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=4
00,height=400,left = 200,top = 100');");
}
// End -->
</script>
10.2.12.- Tarifaplantilla.inc
<html>
Herranz Peris, Ricardo
170
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<head>
<title><%imprimir("Titulo")%></title>
<META name="description" content="<%imprimir("descripcion")%>">
<META name="keywords" content="<%imprimir("keywords")%>">
<META name="title" content="<%imprimir("Titulo")%>">
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591">
</head>
<script language="JavaScript1.2">
if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}
function initlat() {
if (n) tab = document.tabDiv
if (n) poptext = document.poptextDiv
if (ie) tab = tabDiv.style
if (ie) poptext = poptextDiv.style
}
var tabShow=1;
//Hide-Show Layer
function hidepoptext() {
if (tabShow == 0) {
if (n) {
tab.visibility = "hide";
tab.left = 0;
tab.visibility = "show";
Herranz Peris, Ricardo
171
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
poptext.visibility = "hide";
tabShow = 1;
return;
}
if (ie) {
tab.visibility = "hidden";
tab.left = 0;
tab.visibility = "visible";
poptext.visibility = "hidden";
tabShow = 1;
return;
}
}
if (tabShow == 1) {
if (n) {
tab.visibility = "hide";
tab.left = 223;
tab.visibility = "show";
poptext.visibility = "show";
tabShow = 0;
}
if (ie) {
tab.visibility = "hidden";
tab.left = 223;
tab.visibility = "visible";
poptext.visibility = "visible";
tabShow = 0;
}
}
}
</script>
Herranz Peris, Ricardo
172
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<style>
<!-#tabdiv {
position:absolute;
top:300px;
left:0px;
z-index:2;
visibility:show;
}
#poptextdiv {
visibility:hidden;
position:absolute;
width:223px;
top:300px;
left:0px;
z-index:0;
border-width:1px;
border-color:#FFC0A2;
background-color:#FFC0A2;
color:black;
padding:10 5 10 5;
z-index:1;
}
-->
</style>
</head>
<style>
body { SCROLLBAR-FACE-COLOR: #cccccc;
Herranz Peris, Ricardo
173
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
</style>
<style
type="text/css"><!--A:link
{text-decoration:
none}
A:visited
{text-
decoration: none} A:active {text-decoration: none}--></style>
<script language="JavaScript" src="script/navcond.js"></script>
<script language="JavaScript">
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category
width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("Inicio")%>",
"default.asp"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("empresa")%>",
"empresa.asp?pactual=empresa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("menu21")%>",
"empresa.asp?pactual=empresa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("menu22")%>",
"javascript:popUp('plano.asp')"));
Herranz Peris, Ricardo
174
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
dhtmlMenu.addItem(new
NavBarMenuItem("<%imprimir("contactar")%>",
"mailto:[email protected]?subject=<%imprimir("inform")%>"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 160);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("productos")%>",
"producto.asp?pactual=producto.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("contador")%>",
"contador.asp?pactual=contador.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("membrana")%>",
"membrana.asp?pactual=membrana.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("hidrante")%>",
"hidrante.asp?pactual=hidrante.asp"));
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contralavado")%>",
"contralavado.asp?pactual=contralavado.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("pilotos")%>",
"pilotos.asp?pactual=pilotos.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("bombas")%>",
"bomba.asp?pactual=bomba.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("telegestion")%>",
"telegestion.asp?pactual=telegestion.asp"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 160);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("tarifas")%>",
"tarifa.asp?pactual=tarifa.asp"));
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("libre")%>",
"tarifalibre.asp?pactual=tarifa.asp&Producto=0"));
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrados")%>", ""));
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrar")%>", ""));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
Herranz Peris, Ricardo
175
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("instalaciones")%>",
"insta.asp?pactual=insta.asp"));
dhtmlMenu.addItem(new NavBarMenuItem("", ""));
dhtmlMenu.addItem(new NavBarMenuItem("", ""));
dhtmlMenu.addItem(new NavBarMenuItem("", ""));
dhtmlMenu.addItem(new NavBarMenuItem("", ""));
myNavBar1.addMenu(dhtmlMenu);
//dhtmlMenu = new NavBarMenu(30,100);
//dhtmlMenu.addItem(new NavBarMenuItem("­", ""));
//myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new
NavBarMenuItem("<%
imprimir("cambiar")%>",
"<%Response.Write
Session("pagina")%>?nuevalengua=<%imprimir("lengua")%>&pactual=<%Res
ponse.Write Session("pagina")%>"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
(lineas,
letrastit, fondotit, letrestit, restit,
letrasmen,
fondomenu, letresmenu, resaltemenu
myNavBar1.setColors("#ffffff", "#ffffff", "#000099", "#ffff00", "#006699", "#ffffff",
"#009977", "#ffff00", "#003333")
//uncomment below line to center the menu (valid values are "left", "center", and
"right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
Herranz Peris, Ricardo
176
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
<body bgcolor="#FFFFFF" text="#000000" link="#006060" vlink="#006060"
topmargin="0" leftmargin="0" onLoad="initlat(); init()">
<style>
<!-.popshadow{
position:relative;
left:-5;
top:-5;
filter:shadow(silver,direction=135)
}
-->
</style>
<script language="JavaScript1.2">
function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
Herranz Peris, Ricardo
177
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
}
}
}
if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}
</script>
<div ID=tabDiv style="left: 0px; top: 30px; width: 52px; height: 179px"> <a
href="javascript:hidepoptext();">
<img src="<%imprimir2("solapa")%>" width=42 height=179 alt="Haz clic aquí
para mostrar/ocultar" border="0">
</a> </div>
<div ID=poptextDiv style="left: 1px; top: 30px">
<p
style="margin-bottom:0"><font
size="2"><b><%imprimir2("0")%></b></font></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=1&pactual=tarifa.asp"><%imprimir2("1")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=2&pactual=tarifa.asp"><%imprimir2("2")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
Herranz Peris, Ricardo
178
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
href="tarifalibre.asp?Producto=3&pactual=tarifa.asp"><%imprimir2("3")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=4&pactual=tarifa.asp"><%imprimir2("4")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=5&pactual=tarifa.asp"><%imprimir2("5")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=6&pactual=tarifa.asp"><%imprimir2("6")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=7&pactual=tarifa.asp"><%imprimir2("7")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=8&pactual=tarifa.asp"><%imprimir2("8")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=9&pactual=tarifa.asp"><%imprimir2("9")%></a>
<BR>
</font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("10")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><%imprimir2("11")%></font></b></p>
Herranz Peris, Ricardo
179
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=111&pactual=tarifa.asp"><%imprimir2("111")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=112&pactual=tarifa.asp"><%imprimir2("112")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=113&pactual=tarifa.asp"><%imprimir2("113")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=114&pactual=tarifa.asp"><%imprimir2("114")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=115&pactual=tarifa.asp"><%imprimir2("115")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=116&pactual=tarifa.asp"><%imprimir2("116")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=117&pactual=tarifa.asp"><%imprimir2("117")%>
</a><BR></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=12&pactual=tarifa.asp"><%imprimir2("12")%></a
></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><%imprimir2("13")%></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=131&pactual=tarifa.asp"><%imprimir2("131")%>
</a></font></b></p>
Herranz Peris, Ricardo
180
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=132&pactual=tarifa.asp"><%imprimir2("132")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=133&pactual=tarifa.asp"><%imprimir2("133")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=134&pactual=tarifa.asp"><%imprimir2("134")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=135&pactual=tarifa.asp"><%imprimir2("135")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=136&pactual=tarifa.asp"><%imprimir2("136")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=137&pactual=tarifa.asp"><%imprimir2("137")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifalibre.asp?Producto=138&pactual=tarifa.asp"><%imprimir2("138")%>
</a><BR></font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("20")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=21&pactual=tarifa.asp"><%imprimir2("21")%></a
></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=22&pactual=tarifa.asp"><%imprimir2("22")%></a
></font></b></p>
Herranz Peris, Ricardo
181
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=23&pactual=tarifa.asp"><%imprimir2("23")%></a
></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=24&pactual=tarifa.asp"><%imprimir2("24")%></a
></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><BR>
</font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("30")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifalibre.asp?Producto=31&pactual=tarifa.asp"><%imprimir2("31")%></a
></font></b><font size="2"><BR>
</font></p>
<CENTER>
</CENTER>
</div>
10.2.13.- Tarifauser.inc
<html>
<head>
<title><%imprimir("Titulo")%></title>
<META name="description" content="<%imprimir("descripcion")%>">
<META name="keywords" content="<%imprimir("keywords")%>">
<META name="title" content="<%imprimir("Titulo")%>">
Herranz Peris, Ricardo
182
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591">
</head>
<script language="JavaScript1.2">
if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}
function initlat() {
if (n) tab = document.tabDiv
if (n) poptext = document.poptextDiv
if (ie) tab = tabDiv.style
if (ie) poptext = poptextDiv.style
}
var tabShow=1;
//Hide-Show Layer
function hidepoptext() {
if (tabShow == 0) {
if (n) {
tab.visibility = "hide";
tab.left = 0;
tab.visibility = "show";
poptext.visibility = "hide";
tabShow = 1;
return;
}
if (ie) {
Herranz Peris, Ricardo
183
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
tab.visibility = "hidden";
tab.left = 0;
tab.visibility = "visible";
poptext.visibility = "hidden";
tabShow = 1;
return;
}
}
if (tabShow == 1) {
if (n) {
tab.visibility = "hide";
tab.left = 223;
tab.visibility = "show";
poptext.visibility = "show";
tabShow = 0;
}
if (ie) {
tab.visibility = "hidden";
tab.left = 223;
tab.visibility = "visible";
poptext.visibility = "visible";
tabShow = 0;
}
}
}
</script>
<style>
<!-#tabdiv {
position:absolute;
Herranz Peris, Ricardo
184
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
top:300px;
left:0px;
z-index:2;
visibility:show;
}
#poptextdiv {
visibility:hidden;
position:absolute;
width:223px;
top:300px;
left:0px;
z-index:0;
border-width:1px;
border-color:#FFC0A2;
background-color:#FFC0A2;
color:black;
padding:10 5 10 5;
z-index:1;
}
-->
</style>
</head>
<style>
body { SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
Herranz Peris, Ricardo
185
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
</style>
<style
type="text/css"><!--A:link
{text-decoration:
none}
A:visited
{text-
decoration: none} A:active {text-decoration: none}--></style>
<script language="JavaScript" src="script/navcond.js"></script>
<body bgcolor="#FFFFFF" text="#000000" link="#006060" vlink="#006060"
topmargin="0" leftmargin="0" onLoad="initlat()">
<style>
<!-.popshadow{
position:relative;
left:-5;
top:-5;
filter:shadow(silver,direction=135)
}
-->
</style>
<script language="JavaScript1.2">
function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
Herranz Peris, Ricardo
186
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
}
}
if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}
</script>
<div ID=tabDiv style="left: 0px; top: 30px; width: 52px; height: 179px"> <a
href="javascript:hidepoptext();">
<img src="<%imprimir2("solapa")%>" width=42 height=179 alt="Haz clic aquí
para mostrar/ocultar" border="0">
</a> </div>
<div ID=poptextDiv style="left: 1px; top: 30px">
<p
style="margin-bottom:0"><font
size="2"><b><%imprimir2("0")%></b></font></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=1&pactual=tarifa.asp"><%imprimir2("1")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=2&pactual=tarifa.asp"><%imprimir2("2")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=3&pactual=tarifa.asp"><%imprimir2("3")%></a>
</font></b></p>
Herranz Peris, Ricardo
187
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=4&pactual=tarifa.asp"><%imprimir2("4")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=5&pactual=tarifa.asp"><%imprimir2("5")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=6&pactual=tarifa.asp"><%imprimir2("6")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=7&pactual=tarifa.asp"><%imprimir2("7")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=8&pactual=tarifa.asp"><%imprimir2("8")%></a>
</font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=9&pactual=tarifa.asp"><%imprimir2("9")%></a>
<BR>
</font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("10")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><%imprimir2("11")%></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=111&pactual=tarifa.asp"><%imprimir2("111")%>
</a></font></b></p>
Herranz Peris, Ricardo
188
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=112&pactual=tarifa.asp"><%imprimir2("112")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=113&pactual=tarifa.asp"><%imprimir2("113")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=114&pactual=tarifa.asp"><%imprimir2("114")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=115&pactual=tarifa.asp"><%imprimir2("115")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=116&pactual=tarifa.asp"><%imprimir2("116")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=117&pactual=tarifa.asp"><%imprimir2("117")%>
</a><BR></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=12&pactual=tarifa.asp"><%imprimir2("12")%></
a></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><%imprimir2("13")%></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=131&pactual=tarifa.asp"><%imprimir2("131")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=132&pactual=tarifa.asp"><%imprimir2("132")%>
</a></font></b></p>
Herranz Peris, Ricardo
189
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=133&pactual=tarifa.asp"><%imprimir2("133")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=134&pactual=tarifa.asp"><%imprimir2("134")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=135&pactual=tarifa.asp"><%imprimir2("135")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=136&pactual=tarifa.asp"><%imprimir2("136")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=137&pactual=tarifa.asp"><%imprimir2("137")%>
</a></font></b></p>
<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a
href="tarifauser.asp?Producto=138&pactual=tarifa.asp"><%imprimir2("138")%>
</a><BR></font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("20")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=21&pactual=tarifa.asp"><%imprimir2("21")%></
a></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=22&pactual=tarifa.asp"><%imprimir2("22")%></
a></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
Herranz Peris, Ricardo
190
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
href="tarifauser.asp?Producto=23&pactual=tarifa.asp"><%imprimir2("23")%></
a></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=24&pactual=tarifa.asp"><%imprimir2("24")%></
a></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><BR>
</font></b></p>
<p
style="margin-bottom:0"><b><font
size="2"><%imprimir2("30")%></font></b></p>
<p
style="margin-bottom:0;
margin-top:0;
margin-left:10"><b><font
size="2"><a
href="tarifauser.asp?Producto=31&pactual=tarifa.asp"><%imprimir2("31")%></
a></font></b><font size="2"><BR>
</font></p>
<CENTER>
</CENTER>
</div>
10.2.14.- Testlengua.inc
<%
'Tratamiento de la lengua
'Damos fecha de caducidad a las galletas
Response.Cookies("lengua").Expires=#1/1/2005#
'Asignamos a la Session el valor de las cookies
Session("lengua")=Request.Cookies("lengua")
Herranz Peris, Ricardo
191
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
'Miramos si se ha seleccionado una nuevalengua y la asigno como lengua
oficial en las cookies y en las session
nuevalengua=Request.Querystring("nuevalengua")
If nuevalengua="es" Then
Response.Cookies("lengua")="es"
Session("lengua")="es"
Elseif nuevalengua="en" Then
Response.Cookies("lengua")="en"
Session("lengua")="en"
End If
'Ahora miramos si no ha seleccionado lengua y no tiene nada en las cookies
para mirar la lengua de su navegador
'La lengua por defecto es el ingles
If Request.Cookies("lengua")="" and nuevalengua="" Then
lengua=left(Request.ServerVariables("http_accept_language"),2)
If lengua<>"es" Then
Response.Cookies("lengua")="en"
Session("lengua")="en"
Else
Session("lengua")="es"
Response.Cookies("lengua")="es"
End If
End If
%>
10.3.- Anejo 3: Páginas Web ASP
Herranz Peris, Ricardo
192
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.3.1.- Bomba.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="17" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/bombas.jpg"
width="50"
height="50"></div>
</td>
<td
colspan="2"
height="17"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("bombas")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="27%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="2" valign="top">
<div align="left"></div>
Herranz Peris, Ricardo
193
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<form method="post" action="bombatipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '6'"
Set rs = conn.Execute(SQL)
While Not rs.EOF
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="bomba.asp">
<input type=hidden name="Producto" value="6">
<input type="submit" value="<%imprimir("entrar")%>
>>">
Herranz Peris, Ricardo
194
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</b></font></td>
</tr>
</table>
</form>
</td>
<td height="2" width="35%" align="left">
<h3 align="left"> </h3>
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font color="#2f6479"><a href="producto.asp">
<%imprimir("irprod")%>
</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
<p> </p>
<p><img src="Imagenes/bombacapa.jpg" width="225" height="192"></p>
</div>
</td>
<td width="35%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("bombap01")%>
<b><font color="#2f6479">
<%imprimir("contp02")%>
</font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479">
<%imprimir("contp04")%>
</font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479">
Herranz Peris, Ricardo
195
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<%imprimir("contp06")%>
</font></b> </font></div>
<br>
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
</td>
<td width="27%" height="407" valign="top" align="center">
<p> </p>
<p> </p>
<p><img src="Imagenes/bomba.gif" width="142" height="181"></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.2.- Bombatipo.asp
Herranz Peris, Ricardo
196
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
<!-- #include file="script/impmodelos.inc"-->
</p>
<p> </p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td
width="9%"
height="25"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/bombas.jpg" width="50" height="50"></td>
<td width="34%" height="25" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5"><%impprod"1","Texto5"%></font></b></font></div>
</td>
<td width="26%" height="25" background="Imagenes/fondo2.jpg">
<div align="right"><a href="bomba.asp"><img src="Imagenes/bombas.jpg"
align="absmiddle"
width="40"
height="40"
border="0"><font
size="4"
color="#2f6479">
<%imprimir("volver")%></font></a></div>
</td>
<td height="63" rowspan="2" valign="top" width="31%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
Herranz Peris, Ricardo
197
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p><img
src="<%impprod"3","Imagenes"%>"
width="142"
height="181"></p>
<table width="80%" border="0" align="center" height="249">
<tr>
<td height="374" valign="top">
<p
align="justify"><b><font
size="3"><%impprod"6","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"7","Texto5"%></font></b></p>
</td>
</tr>
</table>
<p> </p>
</div>
</td>
</tr>
<tr>
<td height="672" valign="top" width="9%">
<div
align="left"><img
src="<%impprod"1","Imagenes"%>"
width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="672" valign="top">
<p align="center"> </p>
<p align="center"><img src="<%impprod"2","Imagenes"%>" width="225"
height="192"></p>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><font
color="#2F6479"><b>
<%impprod"8","Texto5"%></b></font></p>
<p
align="center"><a
href="<%impprod"4","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','500','320','yes','center');return
onfocus="this.blur()"><img
src="Imagenes/caracteristicas.jpg"
false"
width="77"
height="103" border="0"></a></p>
Herranz Peris, Ricardo
198
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="center"><b><font
color="#2f6479">
<%impprod"9","Texto5"%></font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><b><font
color="#2f6479"><%impprod"10","Texto5"%></font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><a
href="<%impprod"5","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onfocus="this.blur()"><img src="Imagenes/tablas.jpg" width="139" height="105"
border="0"></a></p>
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"> </p>
<p
style="margin-top:
0;
margin-bottom:
0"><b><font
color="#2f6479"><%impprod"11","Texto5"%></font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><a
href="<%impprod"6","Imagenes"%>"
onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return
onFocus="this.blur()"><img
src="Imagenes/tablas.jpg"
false"
width="139"
height="105" border="0"></a></p>
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"> </p>
</div>
</div>
</td>
<td height="672" align="left" valign="top">
<p> </p>
<table width="80%" border="0" align="center">
<tr>
<td>
<p
align="justify"><b><font
size="3"><%impprod"2","Texto5"%>
 <%impprod"3","Texto5"%> </font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"4","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"5","Texto5"%></font></b></p>
Herranz Peris, Ricardo
199
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
</tr>
</table>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.3.- Contador.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="21" background="Imagenes/fondo2.jpg">
Herranz Peris, Ricardo
200
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div
align="right"><img
src="Imagenes/contadores.jpg"
width="50"
height="50"></div>
</td>
<td
colspan="2"
height="21"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("contador")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="35%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="45">
<div align="left">
<form method="post" action="contadortipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '1'"
Herranz Peris, Ricardo
201
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Set rs = conn.Execute(SQL)
While Not rs.EOF
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="contador.asp">
<input type=hidden name="Producto" value="1">
<input type="submit" value="<%imprimir("entrar")%>
>>">
</b></font></td>
</tr>
</table>
</form>
</div>
</td>
<td height="45" width="24%" align="left">
<h3 align="left"> </h3>
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font color="#2f6479"><a href="producto.asp">
<%imprimir("irprod")%>
</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
Herranz Peris, Ricardo
202
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p> </p>
<p><img src="Imagenes/contmult.jpg" width="247" height="139"></p>
</div>
</td>
<td width="24%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("contp01")%>
<b><font color="#2f6479"><%imprimir("contp02")%></font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479"><%imprimir("contp04")%></font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479"><%imprimir("contp06")%></font></b>
</font></div>
<br>
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
</td>
<td width="35%" height="407" valign="top" align="center">
<p> </p>
<p
align="center"><img
src="Imagenes/contador256.jpg"
width="255"
height="220"></p>
</td>
</tr>
</table>
<p> </p>
Herranz Peris, Ricardo
203
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.4.- Contadortipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
<!-- #include file="script/impmodelos.inc"-->
</p>
<p> </p>
<p> </p>
<table width="100%">
<tr>
<td
width="9%"
align="right"><img
height="33"
background="Imagenes/fondo2.jpg"
src="<%impprod"1","Imagenes"%>"
width="50"
height="50"></td>
<td colspan="2" height="33" background="Imagenes/fondo2.jpg">
Herranz Peris, Ricardo
204
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5"><%impprod"1","Texto"%></font></b></font></div>
</td>
<td height="21" rowspan="2" valign="top" width="35%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
<p> </p>
<p><b><font color="#2f6479"><%impprod"2","Texto"%></font></b></p>
<p><a href="javascript:popUpTabla('<%impprod"4","Imagenes"%>')"><img
src="Imagenes/tablas.jpg" width="139" height="105" border="0"></a></p>
<p> </p>
</div>
</td>
</tr>
<tr>
<td height="437" valign="top" width="9%" rowspan="2">
<div
align="left"><img
src="<%impprod"2","Imagenes"%>"
width="60"
height="415"></div>
<div align="center"></div>
</td>
<td height="283" width="34%"><img src="<%impprod"3","Imagenes"%>"
width="237" height="121"></td>
<td height="437" align="left" width="22%" valign="top" rowspan="2">
<p> </p>
<p align="justify"><b><font size="3">
<%impprod"5","Texto"%>
&nbsp
<%impprod"6","Texto"%>
</font></b></p>
<p align="justify"><font size="3"><b>
<%impprod"7","Texto"%>
</b></font></p>
</td>
Herranz Peris, Ricardo
205
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</tr>
<tr>
<td height="42" width="34%" valign="top">
<div align="center">
<p><font color="#2F6479"><b><%impprod"8","Texto"%></b></font></p>
<p><b>
<%impprod"9","Texto"%>
</b></p>
</div>
</td>
<td height="42" valign="top" width="35%">
<div
align="center"><a
href="contador.asp"><img
src="Imagenes/contadores.jpg" width="40" height="40" align="absMIDDLE"
border="0">
<font size="4" color="#2f6479">
<%impprod"4","Texto"%>
</font> </a></div>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.5.- Contralavado.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
Herranz Peris, Ricardo
206
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="23" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/contralavado.jpg"
width="50"
height="50"></div>
</td>
<td
colspan="2"
height="23"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("contralavado")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="38%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="2">
<div align="left">
<form method="post" action="contratipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
Herranz Peris, Ricardo
207
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '4'"
Set rs = conn.Execute(SQL)
While Not rs.EOF
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="contralavado.asp">
<input type=hidden name="Producto" value="4">
<input type="submit" value="<%imprimir("entrar")%>
>>">
</b></font></td>
</tr>
</table>
</form>
Herranz Peris, Ricardo
208
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
</td>
<td height="2" width="21%" align="left">
<h3 align="left"> </h3>
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font color="#2f6479"><a href="producto.asp">
<%imprimir("irprod")%>
</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
<p> </p>
<p><img src="Imagenes/contracapa.jpg" width="237" height="225"></p>
</div>
</td>
<td width="21%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("contrap01")%>
<b><font color="#2f6479">
<%imprimir("contp02")%>
</font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479">
<%imprimir("contp04")%>
</font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479">
<%imprimir("contp06")%>
</font></b> </font></div>
<br>
Herranz Peris, Ricardo
209
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
</td>
<td width="38%" height="407" valign="top" align="center">
<p> </p>
<p> </p>
<p
align="center"><img
src="Imagenes/contra1.jpg"
width="178"
height="184"></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.6.- Contratipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
Herranz Peris, Ricardo
210
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
<!-- #include file="script/impmodelos.inc"-->
<a name="Descripcion"></a> </p>
<p> </p>
<p> </p>
<table width="100%" height="651">
<tr>
<td
width="11%"
height="49"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/hidroflush.jpg" width="50" height="50"></td>
<td width="32%" height="49" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5">
<%impprod"1","Texto3"%></font></b></font></div>
</td>
<td
width="33%"
height="49"
align="right"><a
background="Imagenes/fondo2.jpg"
href="contralavado.asp"><img
src="Imagenes/contralavado.jpg" width="40" height="40" align="absMIDDLE"
border="0">
<font
size="4"
color="#2f6479">
<%impprod"2","Texto3"%></font>
</a></td>
<td height="21" rowspan="3" valign="top" width="24%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
<table width="75%" border="1" bordercolor="#333333">
<tr>
Herranz Peris, Ricardo
211
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td height="377">
<p
align="center"><b><font
color="#2f6479"><%impprod"8","Texto3"%></font></b></p>
<div align="left" style="margin-right: 20">
<ul>
<li><font
color="#333333"><b><%impprod"9","Texto3"%></b></font></li>
<li><b><font color="#333333">
<%impprod"10","Texto3"%>
</font></b></li>
<li><b><font
color="#333333"><%impprod"11","Texto3"%></font></b></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td
colspan="3"
height="27"
background="Imagenes/fondo2.jpg"
align="center">
<a
href="#Descripcion"><img
src="Imagenes/gota3.gif"
width="20"
height="20" border="0"><font color="#2f6479"><b>
<%impprod"3","Texto3"%>
</b></font></a><a
href="#Perdidas">
<img
src="Imagenes/gota3.gif"
width="20" height="20" border="0"><font color="#2f6479"><b>
<%impprod"4","Texto3"%>
</b></font></a>
<a
href="#Tipos">
<font
color="#2f6479"><b>
</b></font></a></td>
</tr>
<tr>
Herranz Peris, Ricardo
212
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td height="437" valign="top" width="11%" rowspan="2">
<div
align="left"><img
src="<%impprod"1","Imagenes"%>"
width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="437" width="32%" nowrap valign="top">
<p> </p>
<p
align="center"><img
src="Imagenes/hidroconta11.gif"
width="226"
height="104"></p>
<p align="center"> </p>
<p
align="center"><img
src="Imagenes/contra1.jpg"
width="178"
height="184"></p>
</td>
<td height="437" align="left" width="33%" valign="top" rowspan="2">
<p> </p>
<p
align="justify"><b><font
size="3">
<%impprod"5","Texto3"%></font></b></p>
<p align="justify"><b><font size="3"> <%impprod"6","Texto3"%> 
<%impprod"7","Texto3"%> </font></b></p>
</td>
</tr>
<tr>
<td height="2" width="32%" valign="top">
<div align="center">
<p><b> </b></p>
</div>
</td>
<td height="2" valign="top" width="24%">
<div align="center"><a href="#Descripcion"><img src="Imagenes/subir.gif"
align="absMIDDLE"
width="40"
height="40"
border="0"><b><font
color="#2f6479"><%impprod"12","Texto3"%></font></b></a></div>
</td>
</tr>
</table>
Herranz Peris, Ricardo
213
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p> </p>
<table width="100%" border="0">
<tr>
<td height="3">
<p><a
name="Perdidas"><img
src="Imagenes/gota3.gif"
width="20"
height="20"><font color="#2f6479"><b>
<%impprod"13","Texto3"%>
</b></font></a></p>
</td>
<td height="3"> </td>
<td align="right" height="3"> </td>
</tr>
<tr>
<td align="center" colspan="3"><img src="<%impprod"2","Imagenes"%>"
width="720" height="368"></td>
</tr>
<tr>
<td align="center" width="54%">
<p><img src="Imagenes/contra-sk-1.gif" width="205" height="177"></p>
<p><img src="Imagenes/contra-sk-2.gif" width="205" height="177"></p>
<p><img src="Imagenes/contra-sk-3.gif" width="205" height="150"></p>
</td>
<td align="center" width="26%">
<p><img src="Imagenes/contra-sk-4.gif" width="205" height="155"></p>
<p><img src="Imagenes/contra-sk-5.gif" width="205" height="155"></p>
<p
style="margin-top:
0;
margin-bottom:
0"><b><font
color="#2f6479"><%impprod"14","Texto3"%></font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"><b><font
color="#2f6479"><%impprod"15","Texto3"%></font></b></p>
<p><a
href="<%impprod"3","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onfocus="this.blur()"><img src="Imagenes/tablas.jpg" width="139" height="105"
border="0"></a></p>
</td>
Herranz Peris, Ricardo
214
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td align="left" width="20%" valign="bottom"><a href="#Descripcion"><img
src="Imagenes/subir.gif"
align="absMIDDLE"
width="40"
height="40"
border="0"><b><font
color="#2f6479"><%impprod"12","Texto3"%></font></b></a></td>
</tr>
</table>
<p> </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.7.- Croquishid.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<script LANGUAGE="JavaScript">
<!-/* Estas funciones se encargan de mostrar
y ocultar capas.
*/
function MostrarCapa(capa){
Herranz Peris, Ricardo
215
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
if(document.layers)document.layers[capa].visibility='show'
// Si utilizamos
NS
if(document.all)document.all(capa).style.visibility='visible' // Si utilizamos IE
}
function OcultarCapa(capa){
if(document.layers)document.layers[capa].visibility='hide'
// Si utilizamos NS
if(document.all)document.all(capa).style.visibility='hidden' // Si utilizamos IE
}
-->
</script>
<div
id="Layer1"
style="position:absolute;
left:15px;
top:10;
width:310;
height:233; z-index:1; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa1")%>" width="310" height="223"></b></font></div>
</div>
<div id="Layer2" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:2; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa2")%>" width="310" height="233"></b></font></div>
</div>
<div id="Layer3" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:3; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa3")%>" width="310" height="233"></b></font></div>
</div>
<div id="Layer4" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa4")%>" width="310" height="233"></b></font></div>
Herranz Peris, Ricardo
216
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
<div
id="Layer5"
style="position:absolute;
left:15px;
top:10;
width:310;
height:233; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa5")%>" width="310" height="233"></b></font></div>
</div>
<div
id="Layer6"
style="position:absolute;
left:15px;
top:10;
width:310;
height:233; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa6")%>" width="310" height="233"></b></font></div>
</div>
<div id="Layer7" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa7")%>" width="310" height="233"></b></font></div>
</div>
<div id="Layer8" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa8")%>" width="310" height="233"></b></font></div>
</div>
<div id="Layer9" style="position:absolute; left:15; top:10; width:310; height:233;
z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa9")%>" width="310" height="233"></b></font></div>
</div>
<div
id="Layer10"
style="position:absolute;
left:15;
top:10;
width:310;
height:233; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa10")%>" width="310" height="233"></b></font></div>
</div>
<div
id="Layer11"
style="position:absolute;
left:15;
top:10;
width:310;
height:233; z-index:4; visibility: hidden">
Herranz Peris, Ricardo
217
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa11")%>" width="310" height="233"></b></font></div>
</div>
<div
id="Layer12"
style="position:absolute;
left:15;
top:10;
width:310;
height:233; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("ckcapa12")%>" width="310" height="233"></b></font></div>
</div>
<div
id="Layer13"
style="position:absolute;
left:15;
top:10;
width:310;
height:233; z-index:4; visibility: visible">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="Imagenes/hidrante/hidrante.jpg"
width="310"
height="233"></b></font></div>
</div>
<div id="LayerT1" style="position:absolute; left:20px; top:244px; width:300;
height:25px; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT1")%></font></div>
</div>
<div
id="LayerT2"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT2")%></font></div>
</div>
<div
id="LayerT3"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT3")%></font></div>
</div>
Herranz Peris, Ricardo
218
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div
id="LayerT4"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT4")%></font></div>
</div>
<div
id="LayerT5"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT5")%></font></div>
</div>
<div
id="LayerT6"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT6")%></font></div>
</div>
<div
id="LayerT7"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT7")%></font></div>
</div>
<div
id="LayerT8"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT8")%></font></div>
</div>
<div
id="LayerT9"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
Herranz Peris, Ricardo
219
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT9")%></font></div>
</div>
<div
id="LayerT10"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT10")%></font></div>
</div>
<div
id="LayerT11"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT11")%></font></div>
</div>
<div
id="LayerT12"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT12")%></font></div>
</div>
<div
id="LayerT13"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
color="#FFFFFF"><%imprimir("ckcapaT13")%></font><font
size="5"
face="Arial,
Helvetica, sans-serif" size="5"> </font></div>
</div>
<div
id="LayerT14"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div align="center"><font color="#FFFFFF" size="5" face="Arial, Helvetica,
sans-serif"><%imprimir("ckcapaT14")%></font></div>
</div>
Herranz Peris, Ricardo
220
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div
id="LayerT15"
style="position:absolute;
left:20;
top:244;
width:300;
height:25; z-index:4; visibility: hidden; background-color: #2F6479; layerbackground-color: #2F6479; border: 1px none #000000">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="5"
color="#FFFFFF"><%imprimir("ckcapaT15")%></font></div>
</div>
<table width="100%" border="0" height="110" cellspacing="0" cellpadding="0">
<tr>
<td height="131">
<div align="right">
<p><img src="Imagenes/hidrotit.gif" width="302" height="79"></p>
<h2><b><font color="#000099"><img src="Imagenes/gota3.gif" width="20"
height="20">
<font color="#2F6479">
<%imprimir("ckejemplo")%>
</font></font></b></h2>
</div>
</td>
</tr>
</table>
<p
align="center"><img
src="<%imprimir("ckcroquis")%>"
width="576"
height="433" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="442,290,467,315" onmouseover="MostrarCapa
('Layer12');MostrarCapa
('LayerT13');OcultarCapa
('Layer13')"
onmouseout="OcultarCapa ('Layer12');OcultarCapa ('LayerT13');MostrarCapa
('Layer13')" href="#">
<area shape="rect" coords="374,318,400,344" onmouseover="MostrarCapa
('Layer11');MostrarCapa
('LayerT12');OcultarCapa
('Layer13')"
onmouseout="OcultarCapa ('Layer11');OcultarCapa ('LayerT12');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="379,199,404,222" onmouseover="MostrarCapa
('Layer10');MostrarCapa
Herranz Peris, Ricardo
('LayerT11');OcultarCapa
('Layer13')"
221
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
onmouseout="OcultarCapa ('Layer10');OcultarCapa ('LayerT11');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="502,198,525,224" onmouseover="MostrarCapa
('Layer9');MostrarCapa
onmouseout="OcultarCapa
('LayerT10');OcultarCapa
('Layer9');OcultarCapa
('Layer13')"
('LayerT10');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="490,165,517,190" onmouseover="MostrarCapa
('Layer8');MostrarCapa
onmouseout="OcultarCapa
('LayerT9');OcultarCapa
('Layer8');OcultarCapa
('Layer13')"
('LayerT9');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="475,134,500,160" onmouseover="MostrarCapa
('Layer7');MostrarCapa
onmouseout="OcultarCapa
('LayerT8');OcultarCapa
('Layer7');OcultarCapa
('Layer13')"
('LayerT8');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="443,84,468,109" onmouseover="MostrarCapa
('Layer6');MostrarCapa
onmouseout="OcultarCapa
('LayerT7');OcultarCapa
('Layer6');OcultarCapa
('Layer13')"
('LayerT7');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="378,125,402,150" onmouseover="MostrarCapa
('Layer5');MostrarCapa
onmouseout="OcultarCapa
('LayerT6');OcultarCapa
('Layer5');OcultarCapa
('Layer13')"
('LayerT6');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="313,184,340,207" onmouseover="MostrarCapa
('Layer4');MostrarCapa
onmouseout="OcultarCapa
('LayerT5');OcultarCapa
('Layer4');OcultarCapa
('Layer13')"
('LayerT5');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="283,202,308,227" onmouseover="MostrarCapa
('Layer3');MostrarCapa
onmouseout="OcultarCapa
('LayerT4');OcultarCapa
('Layer3');OcultarCapa
('Layer13')"
('LayerT4');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="229,225,253,249" onmouseover="MostrarCapa
('Layer2');MostrarCapa
onmouseout="OcultarCapa
('LayerT3');OcultarCapa
('Layer2');OcultarCapa
('Layer13')"
('LayerT3');MostrarCapa
('Layer13')"href="#">
Herranz Peris, Ricardo
222
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<area shape="rect" coords="173,311,198,335" onmouseover="MostrarCapa
('Layer1');MostrarCapa
('LayerT2');OcultarCapa
onmouseout="OcultarCapa
('Layer1');OcultarCapa
('Layer13')"
('LayerT2');MostrarCapa
('Layer13')"href="#">
<area shape="rect" coords="95,113,123,142" onmouseover="MostrarCapa
('LayerT1')" onmouseout="OcultarCapa ('LayerT1')"href="#">
<area
shape="rect"
coords="10,90,37,120"
onmouseover="MostrarCapa
('LayerT14')" onmouseout="OcultarCapa ('LayerT14')" href="#">
<area shape="rect" coords="91,398,119,429" onmouseover="MostrarCapa
('LayerT15')" onmouseout="OcultarCapa ('LayerT15')" href="#">
</map>
</p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.8.- Default.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/pagina.inc" -->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<body onload="dynAnimation()">
Herranz Peris, Ricardo
223
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<script language="JavaScript" fptype="dynamicanimation">
<!-function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script
language="JavaScript1.2"
fptype="dynamicanimation"
src="script/animate.js">
</script>
<script language="JavaScript">
<!-function MM_reloadPage(init) { //reloads the window if Nav4 resized
if
(init==true)
with
(navigator)
{if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth;
document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
// -->
</script>
<script LANGUAGE="JavaScript">
<!-/* Estas funciones se encargan de mostrar
y ocultar capas.
*/
function MostrarCapa(capa){
if(document.layers)document.layers[capa].visibility='show'
// Si utilizamos
NS
if(document.all)document.all(capa).style.visibility='visible' // Si utilizamos IE
Herranz Peris, Ricardo
224
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
function OcultarCapa(capa){
if(document.layers)document.layers[capa].visibility='hide'
// Si utilizamos NS
if(document.all)document.all(capa).style.visibility='hidden' // Si utilizamos IE
}
-->
</script>
<div id="Layer1" style="position:absolute; left:6px; top:88px; width:145px;
height:51px; z-index:1; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><font
color="#2f6479"><%imprimir("empresa")%></font></b></font></div>
</div>
<div id="Layer2" style="position:absolute; left:6px; top:88px; width:145px;
height:51px; z-index:2; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><font
color="#2f6479"><%imprimir("productos")%></font></b></font></div>
</div>
<div id="Layer3" style="position:absolute; left:6px; top:88px; width:145px;
height:51px; z-index:3; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><font
color="#2f6479"><%imprimir("tarifas")%></font></b></font></div>
</div>
<div id="Layer4" style="position:absolute; left:6px; top:88px; width:145px;
height:51px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><font
color="#2f6479"><%imprimir("instalaciones")%></font></b></font></div>
</div>
Herranz Peris, Ricardo
225
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<table
border="0"
collapse"
cellpadding="0"
cellspacing="0"
bordercolor="#111111"
style="border-collapse:
width="1014"
id="AutoNumber1"
height="322">
<tr>
<td width="39" height="71"> </td>
<td width="38" height="71"> </td>
<td width="155" height="71" valign="bottom" colspan="2" align="center"> <a
onmouseover="document['fpAnimswapImgFP68'].imgRolln=document['fpAnims
wapImgFP68'].src;document['fpAnimswapImgFP68'].src=document['fpAnimswa
pImgFP68'].lowsrc;MostrarCapa
('Layer1')"
onmouseout="document['fpAnimswapImgFP68'].src=document['fpAnimswapIm
gFP68'].imgRolln;
OcultarCapa
('Layer1')"
href="empresa.asp?pactual=empresa.asp">
<img
border="0"
src="Imagenes/emp.jpg"
name="fpAnimswapImgFP68"
id="fpAnimswapImgFP68"
dynamicanimation="fpAnimswapImgFP68"
lowsrc="Imagenes/emp2.jpg" width="71" height="71"></a></td>
<td width="71" height="71"> </td>
<td width="104" height="147" rowspan="2" valign="bottom"> </td>
<td width="103" height="147" rowspan="2" valign="bottom"> </td>
<td width="104" height="147" rowspan="2" valign="bottom"> <span> <img
border="0" src="<%imprimir("bubbig")%>" width="120" height="117" alt="<%
imprimir("Cambioes")%>"></span></td>
<td
width="103"
height="147"
rowspan="2"
valign="top">
<a
href="default.asp?nuevalengua=<%imprimir("lengua")%>&pactual=default.asp"
><img
border="0"
src="<%imprimir("bublit")%>"
align="left"
width="56"
height="56" alt="<% imprimir("Cambioen")%>"></a></td>
<td width="358" height="147" rowspan="2" valign="bottom">
<p align="center"> 
</td>
<td width="358" height="286" rowspan="5" valign="bottom" align="center"><a
href="mailto:[email protected]"><img
src="Imagenes/correo.gif"
width="60" height="60" border="0" alt="<% imprimir("correo")%>"></a>
</td>
</tr>
Herranz Peris, Ricardo
226
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<tr>
<td width="39" height="76" align="center"> </td>
<td
width="38"
height="76"
align="center"><img
border="0"
src="Imagenes/blanco.jpg" width="71" height="71"></td>
<td
width="39"
height="76"
align="left"
valign="bottom">
<a
onmouseover="document['fpAnimswapImgFP74'].imgRolln=document['fpAnims
wapImgFP74'].src;document['fpAnimswapImgFP74'].src=document['fpAnimswa
pImgFP74'].lowsrc;MostrarCapa
('Layer2')"
onmouseout="document['fpAnimswapImgFP74'].src=document['fpAnimswapIm
gFP74'].imgRolln;
OcultarCapa
('Layer2')"
href="producto.asp?pactual=producto.asp">
<img
border="0"
src="Imagenes/pro.jpg"
name="fpAnimswapImgFP74"
id="fpAnimswapImgFP74"
dynamicanimation="fpAnimswapImgFP74"
lowsrc="Imagenes/pro2.jpg" align="left" width="71" height="71"></a></td>
<td width="116" height="76" align="center"> </td>
<td width="71" height="76"> </td>
</tr>
<tr>
<td width="39" height="39" align="center"> </td>
<td
width="77"
height="110"
align="center"
rowspan="2"
valign="top"
colspan="2">
<div
align="left"><a
onmouseover="document['fpAnimswapImgFP71'].imgRolln=document['fpAnims
wapImgFP71'].src;document['fpAnimswapImgFP71'].src=document['fpAnimswa
pImgFP71'].lowsrc;MostrarCapa
('Layer3')"
onmouseout="document['fpAnimswapImgFP71'].src=document['fpAnimswapIm
gFP71'].imgRolln; OcultarCapa ('Layer3')" href="tarifa.asp?pactual=tarifa.asp">
<img
border="0"
src="Imagenes/tar.jpg"
name="fpAnimswapImgFP71"
id="fpAnimswapImgFP71"
dynamicanimation="fpAnimswapImgFP71"
lowsrc="Imagenes/tar2.jpg" width="71" height="71"></a></div>
</td>
<td
width="116"
height="110"
align="center"
rowspan="2"
bordercolor="#CCCCCC"> </td>
Herranz Peris, Ricardo
227
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td width="843" height="139" rowspan="3" colspan="6" align="center"
valign="top">
<img border="0" src="Imagenes/hidrotit.gif" width="430" height="94"></td>
</tr>
<tr>
<td
width="39"
height="71"
align="center">
<a
onmouseover="document['fpAnimswapImgFP73'].imgRolln=document['fpAnims
wapImgFP73'].src;document['fpAnimswapImgFP73'].src=document['fpAnimswa
pImgFP73'].lowsrc;MostrarCapa
('Layer4')"
onmouseout="document['fpAnimswapImgFP73'].src=document['fpAnimswapIm
gFP73'].imgRolln; OcultarCapa ('Layer4')" href="insta.asp?pactual=insta.asp">
<img
border="0"
src="Imagenes/ins.jpg"
name="fpAnimswapImgFP73"
id="fpAnimswapImgFP73"
dynamicanimation="fpAnimswapImgFP73"
lowsrc="Imagenes/ins2.jpg" align="left" width="71" height="71"></a></td>
</tr>
<tr>
<td width="39" height="29" align="center"> </td>
<td width="38" height="29" align="center"> </td>
<td width="39" height="29" align="center"> </td>
<td width="116" height="29" align="center"> </td>
</tr>
<tr valign="middle" align="center">
<td width="954" height="23" colspan="11" nowrap> <applet code="Ascroll"
width="1000" height="25" align="center">
<param name="sleep" value="25">
<param name="backcolor" value="#ffffff">
<param name="image" value="Imagenes\fondo4.jpg">
<param name="imageinc" value="1">
<param name="textcolor" value="#0000ff">
<param name="text"
value="<%imprimir("Bienvenida")%>">
<param name="fontface" value="ARIAL">
<param name="pointsize" value="20">
<param name="textinc" value="-2">
Herranz Peris, Ricardo
228
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</applet> </td>
</tr>
</table>
<table
border="0"
cellpadding="0"
cellspacing="0"
style="border-collapse:
collapse" bordercolor="#111111" width="1014" id="AutoNumber1" height="262"
background="Imagenes/fondo2.jpg">
<tr valign="top" align="center">
<td height="100" valign="middle" width="188">
<p> </p>
<p>
<script language="JavaScript1.2">
<!-var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight) alert ("Esta página
web está optimizada para una resolución de 1024*768 pixels. \nTu resolución
es de "+screen.width+"*"+screen.height+" pixels. Por favor, modifícala para
visualizarla sin problemas. \n\nThis webpage is bested viewed with screen
resolution
1024*768
pixels.\nYour
current
resolution
is
"+screen.width+"*"+screen.height+" pixels. If possible, please change the
resolution.")
//-->
</script>
</p>
<p> </p>
<div align="center"> </div>
</td>
<td height="200" colspan="2" valign="middle" rowspan="2">
<p> <applet CODE="FadingBanner.class" WIDTH="140" HEIGHT="140">
<param name="bgImage" value="none">
<param name="bgColor" value="FFFFFF">
Herranz Peris, Ricardo
229
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<param name="StartDelay" value="0">
<param name="FadeAmount" value="15">
<param name="FadeSpeed" value="30">
<param name="Hold" value="2">
<param name="FadeToBackground" value="false">
<param name="HoldBackground" value="5">
<param name="DisplayOrder" value="down">
<param name="DefaultTarget" value="right">
<param name="UseSelectColors" value="false">
<param name="DefaultSelectColor" value="ffffff">
<param name="ShrinkOnSelect" value="false">
<param name="defaults" value="SELECTCOLOR=ffffff">
<param name="Images"
value="
Imagenes/b1.gif|
Imagenes/b2.gif|
Imagenes/b3.gif|
Imagenes/b5.gif|
Imagenes/b4.gif|
">
</applet> </p>
<p><b><font
id="flashlink"
color="#2f6479"><a
href="mailto:[email protected]"
flashtype=1
flashcolor="#024ac9"><font
color="#FF0000">[email protected]</font></a></font></b></p>
</td>
<td height="200" valign="bottom" rowspan="2" width="188"> </td>
</tr>
<tr valign="top" align="center">
<td height="117" valign="middle" width="188">
<p style="margin-top: 0; margin-bottom: 0"> </p>
<p style="margin-top: 0; margin-bottom: 0"><b><font color="#2f6479"><%
imprimir("visita")%></font></b></p>
<p style="margin-top: 0; margin-bottom: 0">
<script language="JavaScript">
Herranz Peris, Ricardo
230
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
//<!-document.write('<br><font size=2></font></a>');
document.write('<A
TARGET="_blank"
HREF="http://www.contadorwap.com/basic/viewstat.php?pag=37147">');
document.write('<IMG
SRC="http://www.contadorwap.com/basic/cont.php?pag=37147&tipo=grafico');
document.write('&refer='+escape(document.referrer)+'&sc='+screen.width+'x'+s
creen.height+'x'+screen.colorDepth+'" BORDER="0" ALT=""></A>');
//-->
</script>
</p>
</td>
</tr>
</table>
<!-- #include file="script/connoff.inc"-->
<script language="JavaScript1.2">
if (document.all&&document.all.flashlink){
var flashlinks=document.all.flashlink
if (flashlinks.length==null)
flashlinks[0]=document.all.flashlink
function changecolor(which,type,color){
if (type==0){
if (flashlinks[which].style.color!=color)
flashlinks[which].style.color=color
else
flashlinks[which].style.color=''
}
else if (type==1){
Herranz Peris, Ricardo
231
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
if (flashlinks[which].style.backgroundColor!=color)
flashlinks[which].style.backgroundColor=color
else
flashlinks[which].style.backgroundColor=''
}
}
if (flashlinks.length==null){
var
flashengine='setInterval("changecolor(0,'+flashlinks[0].flashtype+',\''+flashlinks[0
].flashcolor+'\')",'+'1000)'
eval(flashengine)
}
else
for (i=0;i<flashlinks.length;i++){
var
flashengine='setInterval("changecolor('+i+','+flashlinks[i].flashtype+',\''+flashlinks
[i].flashcolor+'\')",'+'1000)'
eval(flashengine)
}
}
</script>
</body>
</html>
10.3.9.- Empresa.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
Herranz Peris, Ricardo
232
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<table width="1003" border="0">
<tr>
<td width="104" nowrap height="114" background="Imagenes/fondo2.jpg">
<div
align="center"><img
src="Imagenes/emp2.jpg"
width="70"
height="70"></div>
</td>
<td nowrap colspan="2" background="Imagenes/fondo2.jpg">
<div
align="center"><img
src="Imagenes/hidrotit.gif"
width="433"
height="94"></div>
</td>
<td nowrap colspan="3" background="Imagenes/fondo2.jpg">
<div
align="left"><img
src="Imagenes/gotas.gif"
width="168"
height="112"></div>
</td>
<td nowrap width="256" bgcolor="#000099">
<p
align="center"
style="margin-top:
0;
margin-bottom:
0"><font
0;
margin-bottom:
0"><font
color="#FFFFFF"><b>Ctra.
Sta. Catalina, 60</b> </font></p>
<p
align="center"
style="margin-top:
color="#FFFFFF">30.012
MURCIA</font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p
align="center"
style="margin-top:
0;
margin-bottom:
0"><font
color="#FFFFFF">Tel.:
Herranz Peris, Ricardo
233
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
968 26 77 88</font></p>
<p
align="center"
style="margin-top:
0;
margin-bottom:
0"><font
color="#FFFFFF">Fax:
968 34 11 49</font></p>
</td>
</tr>
<tr>
<td nowrap height="41" width="104"> </td>
<td nowrap valign="top" colspan="2">
<p> </p>
</td>
<td nowrap> </td>
<td nowrap> </td>
<td nowrap colspan="2">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"><b><font color="#003333"><a
href="javascript:popUp('plano.asp')">
<%imprimir("localizacion")%>
</a></font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"><a
href="javascript:popUp('plano.asp')"><img src="Imagenes/gota3.gif" width="29"
height="25" border=0></a></p>
</div>
</td>
</tr>
<tr>
<td nowrap rowspan="3" height="208" valign="top" width="104">
<p align="center"><img src="Imagenes/afre.gif" width="89" height="38"
border="0"></p>
<p
align="center"
style="margin-top:
0;
margin-bottom:
0"><img
src="Imagenes/aenor.gif" width="59" height="109" border="0"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><b> <font
size="1" color="#FF0000">ER-0362/2/00</font></b></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
Herranz Peris, Ricardo
234
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="center"
style="margin-top:
0;
margin-bottom:
0"><img
src="Imagenes/iqnet.gif" width="110" height="50" border="0"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><font size="1">
<b>ES-0362/2/00</b></font></p>
</td>
<td nowrap width="105" valign="top">
<p> </p>
</td>
<td nowrap width="340" valign="top">
<div align="justify"><font size="5" color="#000099">
<p>
<%imprimir("DescEmp")%>
</p>
<p>
<%imprimir("descemp1")%>
</p>
</font></div>
</td>
<td valign="top" width="73" nowrap>
<div align="right"></div>
</td>
<td width="37"></td>
<td nowrap colspan="2">
<div align="center">
<p
style="margin-bottom:0"><b><font
color="#2f6479"><%imprimir("localizacion2")%></font></b></p>
<p
style="margin-top:0"><a
href="http://www.viamichelin.com/viamichelin/esp/dyn/controller/mapRoadMapD
isplay;jsessionid=MPQ42HFJSF1TCRNNJZWXM4Q?type=In&pageOrigin=300
&rnd=1043921956135" target="_blank"><img src="Imagenes/michelinlogo.gif"
width="148" height="44" border="0"></a></p>
<p><img src="Imagenes/contador256.jpg" width="254" height="206"></p>
</div>
</td>
Herranz Peris, Ricardo
235
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</tr>
<tr>
<td nowrap valign="top" rowspan="2">
<div align="center"></div>
</td>
<td nowrap valign="top" rowspan="2">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"> </p>
</div>
</td>
<td colspan="4" height="21"> </td>
</tr>
<tr>
<td colspan="2" height="34"></td>
<td width="58" height="34"></td>
<td width="256" height="34"></td>
</tr>
</table>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
10.3.10.- Eskema-hc.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<%ProdSel=request.querystring("Esquema")
IdProducto=request.querystring("Producto")
%>
Herranz Peris, Ricardo
236
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/impmodelos.inc"-->
<script LANGUAGE="JavaScript">
<!-/* Estas funciones se encargan de mostrar
y ocultar capas.
*/
function MostrarCapa(capa){
if(document.layers)document.layers[capa].visibility='show'
// Si utilizamos
NS
if(document.all)document.all(capa).style.visibility='visible' // Si utilizamos IE
}
function OcultarCapa(capa){
if(document.layers)document.layers[capa].visibility='hide'
// Si utilizamos NS
if(document.all)document.all(capa).style.visibility='hidden' // Si utilizamos IE
}
-->
</script>
<div id="Layer1" style="position:absolute; left:201px; top:151px; width:245px;
height:125px; z-index:1; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-1")%>" width="245" height="123"></b></font></div>
</div>
<div id="Layer2" style="position:absolute; left:288px; top:146px; width:243px;
height:98px; z-index:2; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-2")%>" width="252" height="108"></b></font></div>
Herranz Peris, Ricardo
237
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
<div id="Layer3" style="position:absolute; left:267px; top:193px; width:219px;
height:74px; z-index:3; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-3")%>" width="265" height="183"></b></font></div>
</div>
<div id="Layer4" style="position:absolute; left:69px; top:371px; width:82px;
height:191px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-4")%>" width="251" height="183"></b></font></div>
</div>
<div id="Layer5" style="position:absolute; left:54px; top:99px; width:233px;
height:275px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-5")%>" width="280" height="319"></b></font></div>
</div>
<div id="Layer6" style="position:absolute; left:309px; top:210px; width:97px;
height:130px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-6")%>" width="272" height="213"></b></font></div>
</div>
<div id="Layer7" style="position:absolute; left:303px; top:184px; width:112px;
height:173px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-7")%>" width="272" height="255"></b></font></div>
</div>
<div id="Layer8" style="position:absolute; left:301px; top:143px; width:179px;
height:233px; z-index:4; visibility: hidden">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-8")%>" width="274" height="297"></b></font></div>
</div>
<div id="Layer9" style="position:absolute; left:295px; top:183px; width:269px;
height:233px; z-index:4; visibility: hidden">
Herranz Peris, Ricardo
238
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img
src="<%imprimir("capa-tg-9")%>" width="273" height="254"></b></font></div>
</div>
<div id="Layer13" style="position:absolute; left:69px; top:401px; width:239px;
height:34px; z-index:4; visibility: visible">
<div
align="center"><font
face="Arial,
Helvetica,
sans-serif"
size="4"
color="#2f6479"><b><font
size="3"><%impprod"19","telegestion"%></font></b></font></div>
</div>
<table width="100%" border="0" height="20" cellspacing="0" cellpadding="0">
<tr>
<td height="25">
<div align="right">
<h2
align="center"><b><img
src="Imagenes/gota3.gif"
width="20"
src="<%impprod"2","telegestion"%>"
width="570"
height="20">
<font color="#2F6479">
<%impprod"1","telegestion"%>
</font></b></h2>
</div>
</td>
</tr>
</table>
<p
align="center"><img
height="428" usemap="#Map" border="0">
<map name="Map">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"7","telegestion"%>"
('Layer4');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer4');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"14","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')" href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"12","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
Herranz Peris, Ricardo
239
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"15","telegestion"%>"
('Layer6');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer6');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"17","telegestion"%>"
('Layer8');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer8');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"18","telegestion"%>"
('Layer9');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer9');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"16","telegestion"%>"
('Layer7');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer7');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"11","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"8","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"10","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"6","telegestion"%>"
('Layer4');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer4');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"5","telegestion"%>"
('Layer3');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer3');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"13","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"4","telegestion"%>"
('Layer2');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer2');MostrarCapa ('Layer13')"href="#">
Herranz Peris, Ricardo
240
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"3","telegestion"%>"
('Layer1');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer1');MostrarCapa ('Layer13')"href="#">
<area
shape="rect"
onMouseOver="MostrarCapa
coords="<%impprod"9","telegestion"%>"
('Layer5');OcultarCapa
('Layer13')"
onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')"href="#">
</map>
</p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.11.- Hidrante.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="24" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/hidrantes.jpg"
width="50"
height="50"></div>
Herranz Peris, Ricardo
241
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
<td
colspan="2"
height="24"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("hidrante")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="38%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="2">
<div align="left">
<form method="post" action="hidrantetipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '3'"
Set rs = conn.Execute(SQL)
While Not rs.EOF
Herranz Peris, Ricardo
242
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="hidrante.asp">
<input type=hidden name="Producto" value="3">
<input type="submit" value="<%imprimir("entrar")%>
>>">
</b></font></td>
</tr>
</table>
</form>
</div>
</td>
<td height="2" width="21%" align="left">
<h3 align="left"> </h3>
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font
href="producto.asp"><%imprimir("irprod")%>
href="producto.asp"><img
color="#2f6479"><a
</a></font></b><a
src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
<p> </p>
<p><img src="Imagenes/hidrantecapa.jpg" width="240" height="171"></p>
Herranz Peris, Ricardo
243
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
</td>
<td width="21%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("hidp01")%>
<b><font color="#2f6479"><%imprimir("contp02")%></font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479"><%imprimir("contp04")%></font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479"><%imprimir("contp06")%></font></b>
</font></div>
<br>
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
</td>
<td width="38%" height="407" valign="top" align="center">
<p> </p>
<p> </p>
<p
align="center"><img
src="Imagenes/hidrante1.jpg"
width="245"
height="163"></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
Herranz Peris, Ricardo
244
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.12.- Hidrantetipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
<!-- #include file="script/impmodelos.inc"-->
</p>
<p> </p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td
width="10%"
height="33"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/hidrantes.jpg" width="50" height="50"></td>
<td width="28%" height="33" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5"><%impprod"1","Texto3"%></font></b></font></div>
Herranz Peris, Ricardo
245
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
<td width="28%" height="33" background="Imagenes/fondo2.jpg">
<div
align="right"><a
src="Imagenes/hidrantes.jpg"
align="absmiddle"
href="hidrante.asp"><img
width="40"
height="40"
border="0"><font size="4" color="#2f6479">
<%impprod"2","Texto3"%></font></a></div>
</td>
<td height="63" rowspan="3" valign="top">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
<table width="75%" border="1" bordercolor="#333333">
<tr>
<td>
<p
align="center"><b><font
color="#2f6479">
<%impprod"10","Texto3"%></font></b></p>
<p align="center"><font color="#333333"><b>
<%impprod"11","Texto3"%>
 
<%impprod"12","Texto3"%>
</b></font></p>
</td>
</tr>
</table>
<p><img src="Imagenes/hid2.jpg" width="240" height="125"></p>
<table width="75%" border="1" bordercolor="#333333" cellpadding="2">
<tr>
<td>
<p
align="center"><b><font
color="#2f6479">
<%impprod"13","Texto3"%></font></b></p>
<p align="justify"
style="margin-left: 20; margin-right: 20"><font
color="#333333"><b>
<%impprod"14","Texto3"%></b></font></p>
<div align="justify" style="margin-right: 20">
<ul>
Herranz Peris, Ricardo
246
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<li><b><font
color="#333333"><%impprod"15","Texto3"%></font></b></li>
<li><b><font
color="#333333"><%impprod"16","Texto3"%></font></b></li>
<li><b><font
color="#333333"><%impprod"17","Texto3"%></font></b></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<div align="center"><a href="contador.asp"> </a></div>
</td>
</tr>
<tr>
<td height="437" valign="top" width="10%" rowspan="2">
<div align="left"><img src="Imagenes/fondos/hidrantesv.jpg" width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="644" width="28%" valign="top">
<p align="center"> </p>
<p
align="center"><img
src="Imagenes/hid1.jpg"
width="275"
height="162"></p>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><font
color="#2F6479"><b><%impprod"6","Texto3"%></b></font></p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><font
color="#2F6479"><b>
<%impprod"7","Texto3"%></b></font></p>
Herranz Peris, Ricardo
247
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="center"><a
href="javascript:popUpCarac('<%impprod"1","Imagenes"%>')"><img
src="Imagenes/caracteristicas.jpg"
width="77"
height="103"
border="0"></a></p>
<p
align="center"><b><font
color="#2f6479"><%impprod"8","Texto3"%></font></b></p>
<p
align="center"><a
href="<%impprod"2","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','400','400','yes','center');return
false"
onfocus="this.blur()"><img src="Imagenes/tablas.jpg" width="139" height="105"
border="0"></a></p>
</td>
<td height="644" align="left" width="28%" valign="top">
<p> </p>
<table width="80%" border="0" align="center">
<tr>
<td>
<p
align="justify"><b><font
size="3"><%impprod"3","Texto3"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"4","Texto3"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"5","Texto3"%></font></b></p>
</td>
</tr>
</table>
<p> </p>
<p align="center"><b><font color="#2f6479"><img src="Imagenes/gota3.gif"
width="20" height="20">
<%impprod"9","Texto3"%>
</font></b></p>
<p
style="margin-top:
0;
margin-bottom:
0"
align="center"><a
href="croquishid.asp"
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
Herranz Peris, Ricardo
false"
248
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
onfocus="this.blur()"><img
src="Imagenes/hidrante/minicroquis.jpg"
width="199" height="135" border="0"></a></p>
</td>
</tr>
<tr>
<td height="42" colspan="2" valign="top">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"><img src="Imagenes/hid3.jpg"
width="352" height="183"></p>
</div>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.13.- Insta.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<script language="JavaScript" fptype="dynamicanimation">
<!-function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
Herranz Peris, Ricardo
249
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<script
language="JavaScript1.2"
fptype="dynamicanimation"
src="file:///C:/Archivos%20de%20programa/Microsoft%20Office/Office10/fpclas
s/animate.js">
</script>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>  </p>
<table width="1000" border="0">
<tr>
<td width="128" nowrap height="65" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/ins2.jpg"
width="70"
height="70"></div>
</td>
<td nowrap width="651" background="Imagenes/fondo2.jpg" height="65">
<h1 align="left"><font color="#2f6479"><b><font size="+7"> Instalaciones
</font></b></font></h1>
</td>
<td nowrap background="Imagenes/fondo2.jpg" height="65" colspan="2">
<div
align="left"><img
src="Imagenes/gotas.gif"
width="168"
height="112"></div>
</td>
</tr>
<tr>
<td width="128" nowrap height="70">
<p style="margin-bottom: 0; margin-left: 20; margin-right: 40"> </p>
</td>
Herranz Peris, Ricardo
250
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td width="651" nowrap height="70" valign="middle">
<p align="left"><b>Descripción y soluciones adoptadas dentro de
algunas
de las instalaciones de riego más características en las
que se han instalado productos de Hidroconta para salvar situaciones
concretas
de solución compleja o poco común.</b></p>
</td>
<td nowrap height="70" width="122">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0" align="left">  </p>
</div>
<div align="center"></div>
</td>
<td nowrap height="70" width="81"> </td>
</tr>
<tr>
<td width="128" nowrap height="97"> </td>
<td nowrap height="97" valign="top" colspan="2">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onMouseOver="document['fpAnimswapImgFP1'].imgRolln=document['fpAnims
wapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapI
mgFP1'].lowsrc;"
onMouseOut="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].imgRolln"
href="instatipo.asp"><img
class="popshadow"
width="50"
id="fpAnimswapImgFP1"
dynamicanimation="fpAnimswapImgFP1"
src="Imagenes/ins.jpg"
height="50"
align="absmiddle"
name="fpAnimswapImgFP1"
lowsrc="Imagenes/seleccion.gif"
border="0"></a><a
onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimsw
apImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].lowsrc;"
Herranz Peris, Ricardo
251
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].imgRolln" href="instatipo.asp">C.RR.
La Serratilla</a></font></b></p>
<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"><font size="3"
color="#000000">Comunidad
de regantes de La Serratilla en los términos municipales de
Villamarchante
y Pedralba en la provincia de Valencia</font></p>
</td>
<td nowrap height="97" width="81"> </td>
</tr>
<tr>
<td width="128" nowrap height="76"> </td>
<td nowrap valign="top" height="76" colspan="2">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onMouseOver="document['fpAnimswapImgFP2'].imgRolln=document['fpAnims
wapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapI
mgFP2'].lowsrc;"
onMouseOut="document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].imgRolln"
href="instatipo.asp"><img
class="popshadow"
width="50"
src="Imagenes/ins.jpg"
height="50"
id="fpAnimswapImgFP2"
dynamicanimation="fpAnimswapImgFP2"
align="absmiddle"
name="fpAnimswapImgFP2"
lowsrc="Imagenes/seleccion.gif"
border="0"></a><a
onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimsw
apImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].lowsrc;"
onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].imgRolln" href="javascript:void(0)">C.
RR. Grupo V Sector 1</a></font></b></p>
<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"><font size="3"
color="#000000">Instalaciones
Herranz Peris, Ricardo
252
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
de caracter especial en el sector 1 de la comunidad de regantes Grupo
V de Cehegín en la provincia de Murcia.</font></p>
</td>
<td nowrap height="76" width="81"> </td>
</tr>
<tr>
<td width="128" nowrap height="36"> </td>
<td nowrap valign="top" height="36" colspan="2">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onMouseOver="document['fpAnimswapImgFP3'].imgRolln=document['fpAnims
wapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapI
mgFP3'].lowsrc;"
onMouseOut="document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].imgRolln"
href="instatipo.asp"><img
class="popshadow"
width="50"
src="Imagenes/ins.jpg"
height="50"
id="fpAnimswapImgFP3"
dynamicanimation="fpAnimswapImgFP3"
align="absmiddle"
name="fpAnimswapImgFP3"
lowsrc="Imagenes/seleccion.gif"
border="0"></a><a
onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimsw
apImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].lowsrc;"
onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].imgRolln" href="javascript:void(0)">C.
RR. Grupo V Sector 2</a></font></b></p>
<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"><font size="3"
color="#000000">Instalaciones
de caracter especial en el sector 2 de la comunidad de regantes Grupo
V de Cehegín en la provincia de Murcia.</font></p>
</td>
<td nowrap height="36" width="81"> </td>
</tr>
<tr>
Herranz Peris, Ricardo
253
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td width="128" nowrap height="34"> </td>
<td nowrap valign="top" height="34" colspan="2">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onMouseOver="document['fpAnimswapImgFP4'].imgRolln=document['fpAnims
wapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapI
mgFP4'].lowsrc;"
onMouseOut="document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].imgRolln"
href="tarifalibre.asp?pactual=tarifa.asp&Producto=0"><img
src="Imagenes/ins.jpg"
align="absmiddle"
class="popshadow"
width="50"
id="fpAnimswapImgFP4"
dynamicanimation="fpAnimswapImgFP4"
height="50"
name="fpAnimswapImgFP4"
lowsrc="Imagenes/seleccion.gif"
border="0"></a><a
onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimsw
apImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].lowsrc;"
onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].imgRolln" href="javascript:void(0)">C.
RR. Grupo V</a></font></b></p>
<p
style="margin-top:
5;
margin-left:
25"><font
size="3"
color="#000000">Instalaciones
de caracter especial de la comunidad de regantes Grupo V de
Cehegín
en la provincia de Murcia.</font></p>
</td>
<td nowrap height="34" width="81"> </td>
</tr>
</table>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
Herranz Peris, Ricardo
254
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.3.14.- Instatipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=1
IdProducto=8
%>
<!-- #include file="script/impmodelos.inc"-->
<a name="0"></a></p>
<p> </p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td
width="9%"
height="28"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/ins.jpg" width="50" height="50"></td>
<td
height="28"
background="Imagenes/fondo2.jpg"
width="39%"
valign="middle">
<div
align="right"><font
color="#2f6479"><b><font
size="5"></font></b></font></div>
<b><font size="5" color="#2f6479">Instalación X</font></b>
<div align="right"><a href="producto.asp"></a></div>
</td>
<td width="29%" height="28" background="Imagenes/fondo2.jpg">
<div
align="right"><a
align="absmiddle"
href="insta.asp"><img
width="40"
height="40"
src="Imagenes/ins2.jpg"
border="0"><font
size="4"
color="#2f6479">
Herranz Peris, Ricardo
255
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<%imprimir("volver")%>
</font></a></div>
</td>
<td height="11" rowspan="2" valign="top" width="23%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
</div>
</td>
</tr>
<tr>
<td colspan="3" height="36" align="right">
<div align="center">
<p
style="margin-top:
src="Imagenes/gota3.gif"
0;
margin-bottom:
width="20"
0"><a
height="20"
href="#1"><img
border="0"><font
color="#2f6479"><b>
Descripción</b></font></a>
<a
href="navegador.asp"
onClick="NewWindow(this.href,'Croquis','420','140','yes','center');return
false"
onFocus="this.blur()">
<img src="Imagenes/gota3.gif" width="20" height="20" border="0"><font
color="#2f6479"><b>
Navegador de Imágenes</b></font></a></p>
</div>
</td>
</tr>
<tr>
<td height="437" valign="top" width="9%" rowspan="2">
<div align="left"></div>
<div align="center"></div>
</td>
<td height="149" colspan="2" valign="top">
<p align="center"> </p>
<p align="left"><img src="Imagenes/Obras1.gif" width="170" height="150"
style="margin-right: 50; margin-bottom: 30" align="left"><a name="1"></a><img
Herranz Peris, Ricardo
256
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
src="Imagenes/gota3.gif"
width="20"
height="20"
align="absmiddle"
border="0"><font color="#2f6479"><b>
Descripción</b></font></p>
<p
align="justify"><b><font
color="#ff0000"><font
size="3"><img
src="Imagenes/obras2.gif" width="300" height="200"></font></font></b></p>
<p align="justify"><b><font size="3"> </font></b></p>
</td>
<td
height="149"
href="#0"><img
valign="bottom"
src="Imagenes/subir.gif"
width="23%"
align="left"><a
align="absMIDDLE"
width="40"
height="40" style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
</font></b></a></td>
</tr>
<tr>
<td height="42" colspan="2" valign="top"> </td>
<td height="42" valign="bottom" width="23%" align="left"> </td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.15.- Membrana.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
Herranz Peris, Ricardo
257
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="20" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/membrana.jpg"
width="50"
height="50"></div>
</td>
<td
colspan="2"
height="20"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("membrana")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="38%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="2">
<div align="left">
<form method="post" action="membranatipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
Herranz Peris, Ricardo
258
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '2'"
Set rs = conn.Execute(SQL)
While Not rs.EOF
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="membrana.asp">
<input type=hidden name="Producto" value="2">
<input type="submit" value="<%imprimir("entrar")%>
>>">
</b></font></td>
</tr>
</table>
</form>
</div></td>
<td height="2" width="21%" align="left">
<h3 align="left"> </h3>
Herranz Peris, Ricardo
259
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font color="#2f6479"><a href="producto.asp">
<%imprimir("irprod")%>
</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
<p> </p>
<p><img src="Imagenes/membracapa.jpg" width="246" height="200"></p>
</div>
</td>
<td width="21%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("membp01")%>
<b><font color="#2f6479"><%imprimir("contp02")%></font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479"><%imprimir("contp04")%></font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479"><%imprimir("contp06")%></font></b>
</font></div>
<br>
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
Herranz Peris, Ricardo
260
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
<td width="38%" height="407" valign="top" align="center">
<p> </p>
<p> </p>
<p
align="center"><img
src="Imagenes/membrana1.jpg"
width="258"
height="181"></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.16.- Membranatipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
Herranz Peris, Ricardo
261
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/impmodelos.inc"-->
<a name="Descripcion"></a> </p>
<p> </p>
<p> </p>
<table width="100%" height="651">
<tr>
<td
width="11%"
height="22"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/membrana.jpg" width="50" height="50"></td>
<td width="33%" height="22" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5">
<%impprod"1","Texto2"%> </font></b></font></div>
</td>
<td
width="31%"
align="right"><a
height="22"
background="Imagenes/fondo2.jpg"
href="membrana.asp"><img
src="Imagenes/membrana.jpg"
width="40" height="40" align="absMIDDLE" border="0">
<font
size="4"
color="#2f6479">
<%impprod"2","Texto2"%></font>
</a></td>
<td height="21" rowspan="3" valign="top" width="25%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
<p> </p>
<table width="75%" border="1" bordercolor="#333333">
<tr>
<td>
<p
align="center"><b><font
color="#2f6479"><%impprod"10","Texto2"%></font></b></p>
<p
align="center"><font
color="#333333"><b><%impprod"11","Texto2"%></b></font></p>
<p align="center"> </p>
</td>
</tr>
</table>
Herranz Peris, Ricardo
262
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p><img
src="Imagenes/valvulas.gif"
width="273"
height="106"
border="0"></p>
</div>
</td>
</tr>
<tr>
<td
colspan="3"
height="19"
background="Imagenes/fondo2.jpg"
align="center">
<a
href="#Descripcion"><img
src="Imagenes/gota3.gif"
width="20"
height="20" border="0"><font color="#2f6479"><b>
<%impprod"3","Texto2"%>
</b></font></a><font
color="#2f6479"><b>
</b>
</font><a
href="#Perdidas">
<img src="Imagenes/gota3.gif" width="20" height="20" border="0"><font
color="#2f6479"><b>
<%impprod"4","Texto2"%>
</b></font></a>
<a
href="#Tipos">
<img
src="Imagenes/gota3.gif"
width="20" height="20" border="0"><font color="#2f6479"><b>
<%impprod"5","Texto2"%>
</b></font></a></td>
</tr>
<tr>
<td height="437" valign="top" width="11%" rowspan="2">
<div
align="left"><img
src="<%impprod"1","Imagenes"%>"
width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="304" width="33%" nowrap valign="top">
<p> </p>
<p
align="center"><img
src="Imagenes/memb1.jpg"
width="231"
height="149"></p>
<p align="center"> </p>
<p
align="center"><font
color="#2F6479"><b><%impprod"9","Texto2"%></b></font></p>
Herranz Peris, Ricardo
263
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="center"><font
color="#2F6479"><b><a
href="javascript:popUpCarac('<%impprod"2","Imagenes"%>')"><img
src="Imagenes/caracteristicas.jpg"
width="77"
height="103"
border="0"></a></b></font></p>
</td>
<td height="437" align="left" width="31%" valign="top" rowspan="2">
<p> </p>
<p
align="justify"><b><font
size="3">
<%impprod"6","Texto2"%></font></b></p>
<p align="justify"><b><font size="3">
<%impprod"7","Texto2"%> 
<%impprod"8","Texto2"%>
</font></b></p>
</td>
</tr>
<tr>
<td height="34" width="33%" valign="top">
<div align="center">
<p><img
src="Imagenes/memb2.jpg"
width="171"
height="128"><b>
</b></p>
</div>
</td>
<td height="34" valign="top" width="25%">
<div align="center"><a href="#Descripcion"><img src="Imagenes/subir.gif"
align="absMIDDLE"
width="40"
height="40"
border="0"><b><font
color="#2f6479"><%impprod"12","Texto2"%> </font></b></a></div>
</td>
</tr>
</table>
<p> </p>
<table width="100%" border="0">
<tr>
<td height="18">
Herranz Peris, Ricardo
264
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p><a
name="Perdidas"><img
src="Imagenes/gota3.gif"
width="20"
height="20"><font color="#2f6479"><b>
<%impprod"13","Texto2"%>
</b></font></a></p>
<p> </p>
</td>
<td height="18"> </td>
<td
align="right"
src="Imagenes/subir.gif"
height="18">
<a
align="absMIDDLE"
href="#Descripcion"><img
width="40"
height="40"
border="0"><b><font color="#2f6479">
<%impprod"12","Texto2"%>
</font></b></a></td>
</tr>
<tr>
<td align="center" colspan="3"><img src="<%impprod"3","Imagenes"%>"
width="715" height="341"></td>
</tr>
<tr>
<td align="center" width="54%">
<p><img src="Imagenes/valv1.gif" width="280" height="128"></p>
<p><img src="Imagenes/valv2.gif" width="238" height="144"></p>
<p><img src="Imagenes/valv3.gif" width="207" height="172"></p>
</td>
<td align="center" width="26%">
<p><b><font color="#2f6479"><%impprod"14","Texto2"%></font></b></p>
<p><a href="javascript:popUpTabla('<%impprod"4","Imagenes"%>')"><img
src="Imagenes/tablas.jpg" width="139" height="105" border="0"></a></p>
<p> </p>
<p><b><font color="#2f6479"><%impprod"15","Texto2"%></font></b></p>
<p><a href="javascript:popUpTabla('<%impprod"5","Imagenes"%>')"><img
src="Imagenes/tablas.jpg" width="139" height="105" border="0"></a></p>
</td>
<td align="center" width="20%"> </td>
</tr>
Herranz Peris, Ricardo
265
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</table>
<p> </p>
<table width="90%" border="0" align="center">
<tr>
<td height="29">
<p><a
name="Tipos">
<img
src="Imagenes/gota3.gif"
width="20"
height="20"><font color="#2f6479"><b>
<%impprod"16","Texto2"%>
</b></font></a></p>
<p> </p>
</td>
<td height="29"> </td>
<td
align="right"
src="Imagenes/subir.gif"
height="29"><a
href="#Descripcion"><img
align="absMIDDLE"
width="40"
height="40"
border="0"><b><font color="#2f6479">
<%impprod"12","Texto2"%>
</font></b></a></td>
</tr>
<tr>
<td width="40%" valign="top">
<p
align="justify"><b><font
color="#2f6479"><%impprod"17","Texto2"%></font></b></p>
<p align="justify"><%impprod"18","Texto2"%></p>
<p
align="center"><img
src="Imagenes/memb3.jpg"
width="155"
height="141"></p>
<p
align="justify"><b><font
color="#2f6479"><%impprod"19","Texto2"%></font></b></p>
<p align="justify">
<%impprod"20","Texto2"%> 
<%impprod"21","Texto2"%>
</p>
<p
align="justify"><b><font
color="#2f6479"><%impprod"22","Texto2"%></font></b></p>
<p align="justify"><%impprod"23","Texto2"%></p>
Herranz Peris, Ricardo
266
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="justify"><b><font
color="#2f6479"><%impprod"24","Texto2"%></font></b></p>
<p align="justify"><%impprod"25","Texto2"%></p>
<p
align="center"><img
src="Imagenes/memb5.jpg"
width="144"
height="159"></p>
</td>
<td width="18%"> </td>
<td width="42%" valign="top">
<p
align="justify"><b><font
color="#2f6479"><%impprod"26","Texto2"%></font></b></p>
<p align="justify"><%impprod"27","Texto2"%></p>
<p
align="justify"><b><font
color="#2f6479"><%impprod"28","Texto2"%></font></b></p>
<p align="justify"><%impprod"29","Texto2"%></p>
<p
align="justify"><b><font
color="#2f6479"><%impprod"30","Texto2"%></font></b></p>
<p align="justify"><%impprod"31","Texto2"%></p>
<p
align="center"><img
src="Imagenes/memb4.jpg"
width="137"
height="166"></p>
<p
align="justify"><b><font
color="#2f6479"><%impprod"32","Texto2"%></font></b></p>
<p align="justify">
<%impprod"33","Texto2"%> 
<%impprod"34","Texto2"%>
</p>
</td>
</tr>
</table>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
Herranz Peris, Ricardo
267
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.3.17.- Navegador.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p style="margin-top: 0; margin-bottom: 0"><applet code="Gallery.class"
name="Gallery" archive="./script/Gallery.zip" width="400" height="135">
<param name="filename" value="./script/paint.list">
<param name="bgColor" value="000066">
<param name="fgColor" value="ffffff">
<param name="title_fgColor" value="2f6479">
<param name="bright_fgColor" value="000000">
<param name="fontsize" value="12">
<param name="fontface" value="Arial">
<param name="titlefontface" value="Helvetica">
<param name="titlefontstyle" value="BOLD">
<param name="titlefontsize" value="16">
</applet></p>
<p style="margin-top: 0; margin-bottom: 0">
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.18.- Pilotos.asp
<% @ LANGUAGE= "VBSCRIPT" %>
Herranz Peris, Ricardo
268
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p> </p>
<p align="right"> </p>
<table width="100%">
<tr>
<td width="8%" height="15" background="Imagenes/fondo2.jpg">
<div
align="right"><img
src="Imagenes/pilotos.jpg"
width="50"
height="50"></div>
</td>
<td
colspan="2"
height="15"
background="Imagenes/fondo2.jpg"><font
size="+5" color="#2f6479">
<%imprimir("pilotos")%>
</font>
<div align="right"></div>
</td>
<td height="41" rowspan="2" width="27%">
<div
align="center"><font
size="+5"
color="#2f6479"><img
src="Imagenes/gotas.gif" width="168" height="112"></font></div>
</td>
</tr>
<tr>
<td colspan="2" height="2">
<div align="left">
<form method="post" action="pilototipo.asp">
<table width="73%" border="0">
<tr>
<td width="9%"> </td>
Herranz Peris, Ricardo
269
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td
background="Imagenes/fondocelda.jpg"
width="58%"><b><font
color="#2F6479">
<%imprimir("elige")%>
</font></b></td>
<td width="33%"> </td>
</tr>
<tr>
<td width="9%" height="2"> </td>
<td width="58%" height="2">
<select name="Eleccion">
<%
SQL = "SELECT * FROM Modelos where IdProducto like '5'"
Set rs = conn.Execute(SQL)
While Not rs.EOF
%>
<option
value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>
<%
rs.MoveNext
Wend
rs.Close
%>
</select>
</td>
<td width="33%" height="2"><font color="2f6479"><b>
<input type=hidden name="pactual" value="pilotos.asp">
<input type=hidden name="Producto" value="5">
<input type="submit" value="<%imprimir("entrar")%>
>>">
</b></font></td>
</tr>
</table>
</form>
Herranz Peris, Ricardo
270
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
</td>
<td height="2" width="35%" align="left">
<h3 align="left"> </h3>
</td>
</tr>
<tr>
<td colspan="2" height="407" valign="top" align="center" nowrap>
<div align="center">
<p><b><font color="#2f6479"><a href="producto.asp">
<%imprimir("irprod")%>
</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"
align="absmiddle"width="40" height="40" border="0"></a></p>
<p> </p>
<p><img src="Imagenes/pilotocapa.jpg" width="226" height="164"></p>
</div>
</td>
<td width="35%" align="left" valign="top">
<div align="justify"><font size="4">
<%imprimir("pilotp01")%>
<b><font color="#2f6479">
<%imprimir("contp02")%>
</font></b>
<%imprimir("contp03")%>
<b><font color="#2f6479">
<%imprimir("contp04")%>
</font></b>
<%imprimir("contp05")%>
<b><font color="#2f6479">
<%imprimir("contp06")%>
</font></b> </font></div>
<br>
Herranz Peris, Ricardo
271
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="justify"><font size="4">
<%imprimir("contp07")%>
<b><font color="#2f6479"><%imprimir("contp08")%></font></b>
<%imprimir("contp09")%>
<b><font color="#2f6479"><%imprimir("contp10")%></font></b>
<%imprimir("contp11")%>
<b><font color="#2f6479"><%imprimir("contp12")%></font></b>
<%imprimir("contp13")%>
<b><font color="#2f6479"><%imprimir("contp14")%></font></b>
</font></div>
</td>
<td width="27%" height="407" valign="top" align="center">
<p> </p>
<p> </p>
<p><img src="Imagenes/piloto1.jpg" width="231" height="144"></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.19.- Pilototipo.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
Herranz Peris, Ricardo
272
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=request.form("Eleccion")
IdProducto=request.form("Producto")
%>
<!-- #include file="script/impmodelos.inc"-->
<a name="Descripcion"></a> </p>
<p> </p>
<p> </p>
<table width="100%" height="651">
<tr>
<td
width="8%"
align="right"><img
height="27"
background="Imagenes/fondo2.jpg"
src="<%impprod"1","Imagenes"%>"
width="50"
height="50"></td>
<td width="32%" height="27" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5">
<%impprod"1","Texto5"%></font></b></font></div>
</td>
<td
width="33%"
height="27"
background="Imagenes/fondo2.jpg"
align="right"><a href="pilotos.asp"><img src="Imagenes/pilotos.jpg" width="40"
height="40" align="absMIDDLE" border="0">
<font size="4" color="#2f6479">
<%imprimir("volver")%>
</font> </a></td>
<td height="25" rowspan="4" valign="top" width="27%">
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
</div>
Herranz Peris, Ricardo
273
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center">
<p><img
src="<%impprod"7","Imagenes"%>"
width="87"
height="241"></p>
<p> </p>
<p><img src="Imagenes/hidrotit.gif" width="191" height="46"></p>
</div>
</td>
</tr>
<tr>
<td colspan="3" height="12" align="center">  </td>
</tr>
<tr>
<td height="437" valign="top" width="8%" rowspan="2">
<div
align="left"><img
src="<%impprod"2","Imagenes"%>"
width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="31" colspan="2" nowrap valign="top">
<p align="center"><b><%impprod"2","Texto5"%></b></p>
<p align="center"><b><%impprod"3","Texto5"%>
<%impprod"4","Texto5"%></b></p>
</td>
</tr>
<tr>
<td height="2" colspan="2" nowrap valign="top">
<div align="center">
<p
style="margin-top:
0;
margin-bottom:
0"
><a
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
href="<%impprod"8","Imagenes"%>"
onfocus="this.blur()"><img
height="113"
src="<%impprod"3","Imagenes"%>"
border="0"></a><a
width="181"
href="<%impprod"9","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
onfocus="this.blur()"><img
src="<%impprod"4","Imagenes"%>"
false"
width="181"
height="113" border="0"></a></p>
Herranz Peris, Ricardo
274
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
style="margin-top:
0;
margin-bottom:
0"
><a
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
href="<%impprod"10","Imagenes"%>"
onfocus="this.blur()"><img
height="113"
src="<%impprod"5","Imagenes"%>"
border="0"></a><a
width="181"
href="<%impprod"11","Imagenes"%>"
onclick="NewWindow(this.href,'Croquis','800','600','yes','center');return
onfocus="this.blur()"><img
src="<%impprod"6","Imagenes"%>"
false"
width="181"
height="113" border="0"></a></p>
</div>
</td>
</tr>
</table>
<p> </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
</body>
</html>
10.3.20.- Plano.asp
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0">
<img src="Imagenes/localizacion.gif" width="567" height="567">
<!-- #include file="script/connon.inc"-->
</body>
</html>
Herranz Peris, Ricardo
275
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.3.21.- Producto.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<script language="JavaScript" fptype="dynamicanimation">
<!-function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script
language="JavaScript1.2"
fptype="dynamicanimation"
src="script/animate.js">
</script>
<script LANGUAGE="JavaScript">
/* Estas funciones se encargan de mostrar
y ocultar capas.
*/
function MostrarCapa(capa){
if(document.layers)document.layers[capa].visibility='show'
// Si utilizamos
NS
if(document.all)document.all(capa).style.visibility='visible' // Si utilizamos IE
Herranz Peris, Ricardo
276
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
}
function OcultarCapa(capa){
if(document.layers)document.layers[capa].visibility='hide'
// Si utilizamos NS
if(document.all)document.all(capa).style.visibility='hidden' // Si utilizamos IE
}
-->
</script>
<p> </p>
<table width="100%" border="0" height="565">
<tr valign="top">
<td width="22%" height="35" background="Imagenes/fondo2.jpg">
<div align="right"><font color="#2f6479"><img src="Imagenes/pro2.jpg"
width="70" height="70"></font></div>
</td>
<td background="Imagenes/fondo2.jpg" height="35" colspan="3">
<h1 align="left"><font color="#2f6479"><b><font size="+7">
<% imprimir("productos")%>
</font></b></font></h1>
</td>
</tr>
<tr>
<td height="357" rowspan="8" valign="top">
<p
align="center"><font
color="#2f6479"><img
src="Imagenes/pro2.gif"
width="139" height="119"></font></p>
<p align="right"> </p>
<p align="right"> </p>
<p
align="center"><font
color="#2f6479"><img
src="Imagenes/pro1.gif"
width="171" height="182"></font></p>
</td>
<td width="9%" height="25">
Herranz Peris, Ricardo
277
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p align="right" style="margin-top: 0; margin-bottom: 0"><font size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimsw
apImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].lowsrc;MostrarCapa
('Layer1');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].imgRolln;
OcultarCapa
('Layer1');
MostrarCapa('Layer7')"
href="contador.asp?pactual=contador.asp">
<img
src="Imagenes/contadores.jpg"
height="50"
id="fpAnimswapImgFP1"
dynamicanimation="fpAnimswapImgFP1"
class="popshadow"
width="50"
name="fpAnimswapImgFP1"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></p>
</td>
<td width="40%" height="25" bordercolor="#336666">
<a
onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimsw
apImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].lowsrc;MostrarCapa
('Layer1');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].imgRolln;
OcultarCapa
('Layer1');
MostrarCapa('Layer7')"
href="contador.asp?pactual=contador.asp">
<font size="+3" color="#2f6479"><b>
<% imprimir("contador")%>
</b></font></a></td>
<td rowspan="3" height="20" valign="top">
<div id="Layer1" style="position: absolute; left: 70%; top: 200; width: 252px;
height: 252px; z-index: 2; visibility: hidden">
<div align="center">
<p> </p>
<p> </p>
<p><img
border="0"
src="Imagenes/contmult.jpg"
width="247"
height="139"></p>
</div>
Herranz Peris, Ricardo
278
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</div>
<div id="Layer2" style="position: absolute; left: 70%; top: 200px; width:
252px; height: 252px; z-index: 3; visibility: hidden">
<div align="center" >
<p> </p>
<p><img
border="0"
src="Imagenes/membracapa.jpg"
width="246"
height="200"></p>
</div>
</div>
<div id="Layer3" style="position: absolute; left: 70%; top: 200; width: 252px;
height: 252px; z-index: 4; visibility: hidden">
<div align="center" >
<p> </p>
<p><img
border="0"
src="Imagenes/hidrantecapa.jpg"
width="240"
height="171"></p>
</div>
</div>
<div id="Layer4" style="position: absolute; left: 70%; top: 200; width: 252px;
height: 252px; z-index: 5; visibility: hidden">
<div align="center" >
<p><img
border="0"
src="Imagenes/contracapa.jpg"
width="237"
height="225"></p>
</div>
</div>
<div id="Layer5" style="position: absolute; left: 70%; top: 200; width: 252px;
height: 252px; z-index: 6; visibility: hidden">
<div align="center" >
<p> </p>
<p><img
border="0"
src="Imagenes/pilotocapa.jpg"
width="226"
height="164"></p>
</div>
</div>
<div id="Layer6" style="position: absolute; left: 70%; top: 200; width: 252px;
height: 252px; z-index: 7; visibility: hidden">
Herranz Peris, Ricardo
279
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center">
<p> </p>
<p><img
border="0"
src="Imagenes/bombacapa.jpg"
width="225"
height="192"></p>
</div>
</div>
<div id="Layer8" style="position: absolute; left: 70%; top: 200; width:
252px; height: 252px; z-index: 8; visibility: hidden">
<div align="center">
<p> </p>
<p><img
border="0"
src="Imagenes/telecapa.jpg"
width="225"
height="192"></p>
</div>
</div>
<div id="Layer7" style="position: absolute; left: 70%; top: 200px; width:
252px; height: 252px; z-index: 1; visibility: visible">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflas
h.cab#version=5,0,0,0" width="251" height="251">
<param name=movie value="Imagenes/productos.swf">
<param name=quality value=high>
<embed
src="Imagenes/productos.swf"
quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_
Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"
width="251" height="251">
</embed>
</object></div>
</td>
</tr>
<tr>
<td width="9%" height="21">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimsw
apImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
Herranz Peris, Ricardo
280
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
FP2'].lowsrc;MostrarCapa
('Layer2');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].imgRolln;
OcultarCapa
('Layer2');
MostrarCapa('Layer7')"
href="membrana.asp?pactual=membrana.asp">
<img
src="Imagenes/membrana.jpg"
height="50"
class="popshadow"
id="fpAnimswapImgFP2"
width="50"
name="fpAnimswapImgFP2"
dynamicanimation="fpAnimswapImgFP2"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
<td
width="40%"
height="21"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimsw
apImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].lowsrc;MostrarCapa
('Layer2');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].imgRolln;
OcultarCapa
('Layer2');
href="membrana.asp?pactual=membrana.asp">
MostrarCapa('Layer7')"
<font
size="+3"
color="#2f6479"><b>
<% imprimir("membrana")%>
</b></font></a></td>
</tr>
<tr>
<td width="9%" height="14">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimsw
apImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].lowsrc;MostrarCapa
('Layer3');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].imgRolln;
OcultarCapa
('Layer3');
MostrarCapa('Layer7')"
href="hidrante.asp?pactual=hidrante.asp">
<img
src="Imagenes/hidrantes.jpg"
height="50"
id="fpAnimswapImgFP3"
dynamicanimation="fpAnimswapImgFP3"
class="popshadow"
width="50"
name="fpAnimswapImgFP3"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
Herranz Peris, Ricardo
281
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td
width="40%"
height="14"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimsw
apImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].lowsrc;MostrarCapa
('Layer3');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].imgRolln;
OcultarCapa
('Layer3');
href="hidrante.asp?pactual=hidrante.asp">
MostrarCapa('Layer7')"
<font
size="+3"
color="#2f6479"><b>
<%imprimir("hidrante")%>
</b></font></a></td>
</tr>
<tr>
<td width="9%" height="29">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimsw
apImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].lowsrc;MostrarCapa
('Layer4');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].imgRolln;
OcultarCapa
('Layer4');
MostrarCapa('Layer7')"
href="contralavado.asp?pactual=contralavado.asp">
<img src="Imagenes/contralavado.jpg" class="popshadow" width="50"
height="50"
id="fpAnimswapImgFP4"
dynamicanimation="fpAnimswapImgFP4"
name="fpAnimswapImgFP4"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
<td
width="40%"
height="29"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimsw
apImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].lowsrc;MostrarCapa
('Layer4');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].imgRolln;
OcultarCapa
('Layer4');
href="contralavado.asp?pactual=contralavado.asp">
MostrarCapa('Layer7')"
<font
size="+3"
color="#2f6479"><b>
<% imprimir("contralavado")%>
Herranz Peris, Ricardo
282
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</b></font></a></td>
<td rowspan="5" height="75" valign="top">
<p> </p>
</td>
</tr>
<tr>
<td width="9%" height="8">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimsw
apImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImg
FP5'].lowsrc;MostrarCapa
('Layer5');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImg
FP5'].imgRolln;
OcultarCapa
('Layer5');
MostrarCapa('Layer7')"
href="pilotos.asp?pactual=pilotos.asp">
<img
src="Imagenes/pilotos.jpg"
height="50"
class="popshadow"
id="fpAnimswapImgFP5"
dynamicanimation="fpAnimswapImgFP5"
width="50"
name="fpAnimswapImgFP5"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
<td
width="40%"
height="8"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimsw
apImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImg
FP5'].lowsrc;MostrarCapa
('Layer5');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImg
FP5'].imgRolln;
OcultarCapa
('Layer5');
MostrarCapa('Layer7')"
href="pilotos.asp?pactual=pilotos.asp"> <font size="+3" color="#2f6479"><b>
<% imprimir("pilotos")%>
</b></font></a></td>
</tr>
<tr>
<td width="9%" height="33">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP6'].imgRolln=document['fpAnimsw
apImgFP6'].src;document['fpAnimswapImgFP6'].src=document['fpAnimswapImg
Herranz Peris, Ricardo
283
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
FP6'].lowsrc;MostrarCapa
('Layer6');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImg
FP6'].imgRolln;
OcultarCapa
('Layer6');
MostrarCapa('Layer7')"
href="bomba.asp?pactual=bomba.asp">
<img
src="Imagenes/bombas.jpg"
height="50"
class="popshadow"
id="fpAnimswapImgFP6"
width="50"
name="fpAnimswapImgFP6"
dynamicanimation="fpAnimswapImgFP6"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
<td
width="40%"
height="33"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP6'].imgRolln=document['fpAnimsw
apImgFP6'].src;document['fpAnimswapImgFP6'].src=document['fpAnimswapImg
FP6'].lowsrc;MostrarCapa
('Layer6');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImg
FP6'].imgRolln;
OcultarCapa
('Layer6');
MostrarCapa('Layer7')"
href="bomba.asp?pactual=bomba.asp"> <font size="+3" color="#2f6479"><b>
<%imprimir("bombas")%>
</b></font></a></td>
</tr>
<tr>
<td width="9%" height="33">
<div
align="right"><font
size="5"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP7'].imgRolln=document['fpAnimsw
apImgFP7'].src;document['fpAnimswapImgFP7'].src=document['fpAnimswapImg
FP7'].lowsrc;MostrarCapa
('Layer8');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImg
FP7'].imgRolln;
OcultarCapa
('Layer8');
MostrarCapa('Layer7')"
href="telegestion.asp?pactual=telegestion.asp">
<img
src="Imagenes/telegestion.gif"
height="50"
id="fpAnimswapImgFP7"
dynamicanimation="fpAnimswapImgFP7"
class="popshadow"
width="50"
name="fpAnimswapImgFP7"
lowsrc="Imagenes/seleccion.gif"
border="0"></a></font></div>
</td>
Herranz Peris, Ricardo
284
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td
width="40%"
height="33"
bordercolor="#336666"><a
onmouseover="document['fpAnimswapImgFP7'].imgRolln=document['fpAnimsw
apImgFP7'].src;document['fpAnimswapImgFP7'].src=document['fpAnimswapImg
FP7'].lowsrc;MostrarCapa
('Layer8');
OcultarCapa('Layer7')"
onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImg
FP7'].imgRolln;
OcultarCapa
('Layer8');
href="telegestion.asp?pactual=telegestion.asp">
MostrarCapa('Layer7')"
<font
size="+3"
color="#2f6479"><b>
<%imprimir("telegestion")%>
</b></font></a></td>
</tr>
<tr>
<td height="27" colspan="2"> </td>
</tr>
</table>
<!-- #include file="script/connon.inc"-->
</body>
</html>
10.3.22.- Registrar.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<SCRIPT>
function aceptar(){
alert('El formulario va ha ser enviado. \nAl finalizar el proceso de envio puede
\ncerrar el formulario. Muchas Gracias.')
window.close()
}
</SCRIPT>
<SCRIPT>
Herranz Peris, Ricardo
285
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
function cancelar(){
window.close()
}
</SCRIPT>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<html>
<head>
<title><%imprimir("form1")%> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p style="margin-left:10; margin-right:10"><b></b></p>
<table width="100%" border="2" bordercolor="#2f6479">
<tr>
<td width="22%"><b><font color="#2f6479" size="5"><img align="absmiddle"
src="Imagenes/hidrotit.gif" width="135" height="32"></font></b></td>
<td width="63%" bgcolor="#2f6479">
<div
align="center"><b><font
color="#FFFFFF"
size="5"><%imprimir("form1")%>
</font></b></div>
</td>
<td width="15%"><b><font color="#2f6479" size="5"><img align="absmiddle"
src="Imagenes/gotas.gif" width="85" height="59"></font></b></td>
</tr>
</table>
Herranz Peris, Ricardo
286
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p><b><%imprimir("form2")%>
</b><%imprimir("form3")%>
<b><font
color="#990000"><%imprimir("form4")%> </font></b> <%imprimir("form5")%>
</p>
<table width="100%" border="2" bordercolor="#2f6479" bgcolor="#FFFFCC"
height="459" cellspacing="0" cellpadding="0">
<tr>
<td height="476">
<form
name="form1"
method="post"
enctype="text/plain"
action="mailto:[email protected][email protected]&subject=RegHi
droconta">
<p
align="left"><b><font
color="#990000"><%imprimir("user")%>
</font></b>
<input type="text" name="user" size="15" maxlength="10">
<%imprimir("form6")%> </p>
<p
align="left"><b><font
color="#990000"><%imprimir("passw")%>
</font></b>
<input type="text" name="password" size="11" maxlength="10">
<%imprimir("form6")%> </p>
<p
align="left"><font
color="#2f6479"><b><font
color="#990000"><%imprimir("form7")%> </font> </b></font>
<input type="text" name="password2" size="11" maxlength="10">
<b><font color="#990000"><%imprimir("form8")%> </font></b>
<input type="text" name="correo" size="30" >
</p>
<p align="left"><font color="#2f6479"><b><%imprimir("form9")%>
<input type="text" name="nombre" size="20">
<%imprimir("form10")%>
<input type="text" name="apellidos" size="40">
</b></font></p>
<p align="left"><b><font color="#2f6479"><%imprimir("form11")%>
<input type="text" name="localidad" size="20">
<font color="#990000"><%imprimir("form12")%>
<input type="text" name="provincia" size="15">
<%imprimir("form13")%>
Herranz Peris, Ricardo
287
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<input type="text" name="pais" size="20">
</font></font></b></p>
<p align="left"><b><font color="#2f6479"><%imprimir("form14")%>
<input type="text" name="empresa" size="20">
</font></b></p>
<p align="left"><b><font color="#2f6479"><%imprimir("form15")%>
<select name="interes">
<option selected><%imprimir("form17")%> </option>
<option selected><%imprimir("form18")%> </option>
<option selected><%imprimir("form19")%> </option>
</select>
</font></b></p>
<p align="left"><b><font color="#2f6479"><%imprimir("form16")%>
<input type="text" name="existencia" size="50">
</font></b></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<input
alt="<%imprimir("form20")%>
name="imageAceptar"
"
src="Imagenes/aceptar.gif"
type="image"
border="0"
width="50"
height="50"
onClick="aceptar()">
</td>
<td align="right" width="50"> </td>
<td
align="left"><img
src="Imagenes/cancelar.gif"
width="50"
height="50" alt="<%imprimir("form21")%> " onClick="cancelar()"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
Herranz Peris, Ricardo
288
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
10.3.23.- Tarifa.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<script language="JavaScript" fptype="dynamicanimation">
<!-function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script
language="JavaScript1.2"
fptype="dynamicanimation"
src="file:///C:/Archivos%20de%20programa/Microsoft%20Office/Office10/fpclas
s/animate.js">
</script>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>  </p>
<table width="809" border="0">
<tr>
Herranz Peris, Ricardo
289
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<td width="129" nowrap height="31" background="Imagenes/fondo2.jpg">
<div
align="center"><img
src="Imagenes/tar2.jpg"
width="70"
height="70"></div>
</td>
<td nowrap width="549" background="Imagenes/fondo2.jpg" height="31">
<div align="left">
<p><img src="Imagenes/hidrotit.gif" width="433" height="94"></p>
</div>
</td>
<td nowrap width="169" background="Imagenes/fondo2.jpg" height="31">
<div
align="left"><img
src="Imagenes/gotas.gif"
width="168"
height="112"></div>
</td>
</tr>
<tr>
<td rowspan="2" nowrap height="101" bgcolor="#2f6479">
<p style="margin-bottom: 0; margin-left: 20; margin-right: 40"><font
color="#FFFFFF" size="7"><b>
<%imprimir("tarifas")%>
</b></font></p>
<p
style="margin-top:
0;
margin-left:
20"><b><font
color="#0099FF"
size="7">2003</font></b></p>
</td>
<td rowspan="2" nowrap height="101" valign="bottom">
<p style="margin-bottom: 0; margin-left: 5" align="left"><b><font size="6"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimsw
apImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].lowsrc;"
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg
FP1'].imgRolln" href="tarifalibre.asp?pactual=tarifa.asp&Producto=0">
<img src="Imagenes/tar2.jpg" class="popshadow" width="50" height="50"
align="absmiddle"
Herranz Peris, Ricardo
id="fpAnimswapImgFP1"
name="fpAnimswapImgFP1"
290
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
dynamicanimation="fpAnimswapImgFP1"
lowsrc="Imagenes/seleccion.gif"
border="0">
<%imprimir("libre")%>
</a></font></b></p>
<p
style="margin-top:
5;margin-bottom:0;
margin-left:
25"
margin-left:
25"
align="left"><b><font size="4" color="#000000">
<%imprimir("libredes")%>
</font></b><b></b></p>
<p
style="margin-top:
5;margin-bottom:0;
align="left"> </p>
</td>
<td nowrap height="31"> </td>
</tr>
<tr>
<td nowrap rowspan="3" height="67" align="left" valign="top" width="169">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0" align="left">  </p>
</div>
<div align="center"></div>
</td>
</tr>
<tr>
<td nowrap height="208" valign="top" width="129" rowspan="2"> </td>
<td nowrap valign="top" height="70" width="549">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimsw
apImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].lowsrc;"
onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImg
FP2'].imgRolln" href="javascript:fenetre();">
<img
src="Imagenes/tarifar.jpg"
height="50"
Herranz Peris, Ricardo
align="absmiddle"
class="popshadow"
width="50"
id="fpAnimswapImgFP2"
291
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
name="fpAnimswapImgFP2"
dynamicanimation="fpAnimswapImgFP2"
lowsrc="Imagenes/seleccion.gif" border="0">
<%imprimir("registrados")%>
</a></font></b></p>
<p
style="margin-top:
5;margin-bottom:
0;
margin-left:
25"><b><font
size="4" color="#000000">
<%imprimir("registradosdes")%>
</font></b></p>
<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"> </p>
</td>
</tr>
<tr>
<td nowrap valign="top" height="145">
<p
style="margin-bottom:
0;
margin-left:
5"
><b><font
size="6"
color="#2f6479">
<a
onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimsw
apImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].lowsrc;"
onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImg
FP3'].imgRolln" href="javascript:void(0)">
</a></font></b><b><font
size="6"
color="#2f6479"><a
onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimsw
apImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].lowsrc;"
onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImg
FP4'].imgRolln" href="javascript:registrar();">
<img
src="Imagenes/registrar.jpg"
height="50"
align="absmiddle"
name="fpAnimswapImgFP4"
class="popshadow"
width="50"
id="fpAnimswapImgFP4"
dynamicanimation="fpAnimswapImgFP4"
lowsrc="Imagenes/seleccion.gif" border="0">
<%imprimir("registrar")%>
</a></font></b></p>
Herranz Peris, Ricardo
292
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
style="margin-top:
5;
margin-left:
25"><b><font
size="4"
color="#000000">
<%imprimir("registrardes")%>
</font></b></p>
</td>
</tr>
</table>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
10.3.24.- Tarifalibre.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/tarifaplantilla.inc" -->
<!-- #include file="script/impmodelos.inc" -->
<% Prod =Request.Querystring("Producto")
%>
<%
' Imprime los textos e imagenes de los modelos
Function imptarifa(Tabla)
imptarifa="Select codigo, imagen, idModelo From "&Tabla&" Where
IdProducto like '"&Prod&"' and (Lengua like '"&Session("lengua")&"' or Lengua
like 'or') order by IdModelo, imagen"
Herranz Peris, Ricardo
293
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
set imtar = Conn.Execute(imptarifa)
imtar.movefirst
if Prod=0 then%>
<table>
<%else%>
<table border="1" cellpading="0">
<%end if
do while not imtar.eof%>
<tr>
<%if Prod=0 then %>
<td>
<%Response.Write imtar("imagen")%>
</td>
<%else%>
<td>
<img src="<%Response.Write imtar("imagen")%>">
</td>
<%end if%>
<%if Prod=0 then%>
<td>
<%Response.Write imtar("codigo")%>
</td>
<%else%>
<td align="center" bgcolor="#FFC0A2">
<b><%Response.Write imtar("codigo")%></b>
</td>
<%end if%>
<%if Prod=0 then
else
if imtar("idModelo")=0 then%>
<td>
</td>
<%else%>
<td>
Herranz Peris, Ricardo
294
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</td>
<%end if
end if%>
</tr>
<%imtar.movenext
loop%>
</table>
<%imtar.Close
End Function
%>
<p> </p>
<div align="center">
<table width="90%" border="0" align="center">
<tr>
<td width="8%" align="left" valign="middle" height="26">
<div
align="right"><img
src="<%imptgeneral"1","TarifaGeneral"%>"
width="50" height="50"></div>
</td>
<td width="54%" valign="middle" align="right" height="26">
<div
align="left"><font
color="#2f6479"><b><font
size="5"><%imptgeneral"2","TarifaGeneral"%></font></b></font></div>
</td>
<td
rowspan="2"
align="left"
height="26"
valign="middle"><img
src="<%imptgeneral"3","TarifaGeneral"%>"></td>
</tr>
<tr>
<td width="8%" rowspan="2"> </td>
<td
width="54%"
valign="bottom"
align="center"
height="77"><img
src="Imagenes/fondo3.jpg" width="415" height="130"></td>
</tr>
<tr>
<td width="54%" valign="top" align="center">
<p align="center">  </p>
Herranz Peris, Ricardo
295
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p align="center">
<%imptarifa"Tarifas"%>
</p>
</td>
<td align="left" height="27"> </td>
</tr>
</table>
<br>
<br>
</div>
<div align="center">
<!-- #include file="script/connoff.inc"-->
</div>
</body>
</html>
10.3.25.- Tarifauser.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<html>
<head>
<title><%imprimir("tarifas")%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.2">
<!-window.moveTo(0,0);
if (document.all) {
Herranz Peris, Ricardo
296
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if
(top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.av
ailWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//-->
</script>
<SCRIPT>
function cancelar(){
window.close()
}
</SCRIPT>
</head>
<%
Nombre =request.form("user")
Passw=Request.form("password")
Acceso="Select Count(*) as cuantos From registrado Where user like
'"&Nombre&"' and password like '"&Passw&"'"
set Access = Conn.Execute(Acceso)
Herranz Peris, Ricardo
297
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
if Access("cuantos")=1 or not Session("User")="" then
if Session("User")="" then
Session("User")=Nombre
end if
%>
<!-- #include file="script/tarifauser.inc" -->
<!-- #include file="script/impmodelos.inc" -->
<% Prod =Request.Querystring("Producto")
%>
<%
' Imprime los textos e imagenes de los modelos
Function imptarifa(Tabla)
imptarifa="Select codigo, precio, imagen, idModelo From "&Tabla&"
Where IdProducto like '"&Prod&"' and (Lengua like '"&Session("lengua")&"' or
Lengua like 'or') order by IdModelo, imagen"
set imtar = Conn.Execute(imptarifa)
imtar.movefirst
if Prod=0 then%>
<table>
<%else%>
<table border="1" cellpading="0">
<%end if
do while not imtar.eof%>
<tr>
<%if Prod=0 then %>
<td>
Herranz Peris, Ricardo
298
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<%Response.Write imtar("imagen")%>
</td>
<%else%>
<td>
<img src="<%Response.Write imtar("imagen")%>">
</td>
<%end if%>
<%if Prod=0 then%>
<td>
<%Response.Write imtar("codigo")%>
</td>
<%else%>
<td align="center" bgcolor="#FFC0A2">
<b><%Response.Write imtar("codigo")%></b>
</td>
<%end if%>
<%if Prod=0 then%>
<td>
<%Response.Write imtar("precio")%>
</td>
<%else%>
<td align="center" bgcolor="#2f6479"> <b><font color="#FFFFFF">
<%Response.Write imtar("precio")%>
</font></b> </td>
<%end if%>
</tr>
<%imtar.movenext
loop%>
</table>
<%imtar.Close
End Function
%>
<p> </p>
Herranz Peris, Ricardo
299
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center">
<table width="90%" border="0" align="center">
<tr>
<td width="8%" align="left" valign="middle" height="26">
<div
align="right"><img
src="<%imptgeneral"1","TarifaGeneral"%>"
width="50" height="50"></div>
</td>
<td width="54%" valign="middle" align="right" height="26">
<div
align="left"><font
color="#2f6479"><b><font
size="5"><%imptgeneral"2","TarifaGeneral"%></font></b></font></div>
</td>
<td
rowspan="2"
align="left"
height="26"
valign="middle"><img
src="<%imptgeneral"3","TarifaGeneral"%>"></td>
</tr>
<tr>
<td width="8%" rowspan="2"> </td>
<td
width="54%"
valign="bottom"
align="center"
height="77"><img
src="Imagenes/fondo3.jpg" width="415" height="130"></td>
</tr>
<tr>
<td width="54%" valign="top" align="center">
<p align="center">  </p>
<p align="center">
<%imptarifa"Tarifas"%>
</p>
</td>
<td align="left" height="27"> </td>
</tr>
</table>
<br>
<br>
</div>
Herranz Peris, Ricardo
300
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center">
</div>
<%else
%>
<body bgcolor="#ffffff" text="#000000">
<div align="center">
<p><img src="Imagenes/hidrotit.gif">
</p>
<table width="500" border="2" cellspacing="0" cellpadding="0">
<tr>
<td
valign="middle"
align="center"
colspan="2"><font
color="#2f6479"><b><font
size="4"
color="#990000"><%imprimir("fallo1")%></font></b></font></td>
</tr>
<tr>
<td valign="middle" align="center" width="46%" bgcolor="#2f6479">
<p style="margin-bottom:0"> </p>
<p
size="3"
style="margin-bottom:0;
margin-top:0"><font
size="4"><b><font
color="#FFFFFF"><%imprimir("fallo2")%></font><font
size="3"
color="#FF0000">
<%response.write Nombre%>
</font></b></font></p>
<p
style="margin-top:0;
margin-bottom:0"><font
size="3"
color="#FFFFFF"><b><%imprimir("fallo3")%>
</b></font><font size="4"><b><font size="3" color="#FF0000">
Herranz Peris, Ricardo
301
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<%response.write Passw%>
</font></b></font></p>
<p style="margin-top:0"> </p>
</td>
<td valign="middle" align="center" width="54%">
<p><font
size="4"><b><font
color="#2f6479"><%imprimir("fallo4")%></font></b></font></p>
</td>
</tr>
<tr>
<td valign="middle" align="center" colspan="2">
<p><font
size="4"><b><font
color="#2f6479"><%imprimir("fallo5")%><br><a
href="mailto:[email protected]?subject=<%imprimir("recordar")%>">riherpe
@hotmail.com</a></font></b></font></p>
<p><font
size="4"><b><font
color="#2f6479"
size="3"><%imprimir("fallo6")%></font></b></font></p>
</td>
</tr>
</table>
<p><a
href="#"
onclick="cancelar()"><img
src="Imagenes/gotas.gif"
width="168" height="112" border="0"></a></p>
</div>
<% end if %>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
10.3.26.- Telegestion.asp
Herranz Peris, Ricardo
302
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/pagina.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<!-- #include file="script/plantillahtml.inc" -->
<p>
<!-- #include file="script/navegacion.inc"-->
</p>
<p>
<%ProdSel=1
IdProducto=8
%>
<!-- #include file="script/impmodelos.inc"-->
<a name="0"></a></p>
<p> </p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td
width="7%"
height="40"
background="Imagenes/fondo2.jpg"
align="right"><img src="Imagenes/telegestion.gif" width="50" height="50"></td>
<td height="40" background="Imagenes/fondo2.jpg">
<div align="right"></div>
<div
align="left"><font
color="#2f6479"><b><font
size="5">HIDROCONTROL HC-2002-C</font></b></font></div>
<div align="right"><a href="producto.asp"></a></div>
</td>
<td width="23%" height="40" background="Imagenes/fondo2.jpg">
<div
align="right"><a
src="Imagenes/telegestion.gif"
align="absmiddle"
href="producto.asp"><img
width="40"
height="40"
border="0"><font size="4" color="#2f6479">
<%imprimir("volver")%>
</font></a></div>
</td>
<td height="11" rowspan="2" valign="top" width="29%">
Herranz Peris, Ricardo
303
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div align="center">
<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>
</div>
</td>
</tr>
<tr>
<td colspan="3" height="18" align="right">
<div align="center">
<p
style="margin-top:
src="Imagenes/gota3.gif"
0;
margin-bottom:
width="20"
0"><a
height="20"
href="#1"><img
border="0"><font
color="#2f6479"><b>
<%impprod"1","Texto5"%>
</b></font></a><a href="#2"> <img src="Imagenes/gota3.gif" width="20"
height="20" border="0"><font color="#2f6479"><b>
<%impprod"4","Texto5"%>
</b></font></a>
<a
src="Imagenes/gota3.gif"
href="#Tipos">
width="20"
</a><a
height="20"
href="#3"><img
border="0"><font
color="#2f6479"><b>
<%impprod"8","Texto5"%>
</b></font></a></p>
<p
style="margin-top:
src="Imagenes/gota3.gif"
0;
margin-bottom:
width="20"
0"><a
height="20"
href="#4">
<img
border="0"><font
color="#2f6479"><b>
<%impprod"14","Texto5"%>
</b></font></a> <a href="#5"> <img src="Imagenes/gota3.gif" width="20"
height="20" border="0"><font color="#2f6479"><b>
<%impprod"18","Texto5"%>
</b></font></a></p>
</div>
</td>
</tr>
<tr>
<td height="437" valign="top" width="7%" rowspan="5">
Herranz Peris, Ricardo
304
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<div
align="left"><img
src="<%impprod"1","Imagenes"%>"
width="72"
height="540"></div>
<div align="center"></div>
</td>
<td height="283" colspan="2" valign="top">
<p align="center"> </p>
<p align="left"><img src="Imagenes/telegestion/monitor-tg.jpg" width="169"
height="174"
style="margin-right:
name="1"></a><img
50;
margin-bottom:
src="Imagenes/gota3.gif"
30"
align="left"><a
width="20"
height="20"
align="absmiddle" border="0"><font color="#2f6479"><b>
<%impprod"1","Texto5"%>
</b></font></p>
<p
align="justify"><b><font
size="3"><%impprod"2","Texto5"%>
</font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"3","Texto5"%></font></b></p>
</td>
<td
height="283"
href="#0"><img
valign="bottom"
src="Imagenes/subir.gif"
width="29%"
align="left"><a
align="absMIDDLE"
width="40"
height="40" style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
</font></b></a></td>
</tr>
<tr>
<td height="326" colspan="2" valign="top">
<p align="justify"> </p>
<p align="left"><img src="Imagenes/telegestion/ventana-tg.jpg" width="236"
height="169"
style="margin-left:
name="2"></a><img
50;
margin-bottom:
src="Imagenes/gota3.gif"
30"
align="right"><a
width="20"
height="20"
align="absmiddle" border="0"><font color="#2f6479"><b>
<%impprod"4","Texto5"%>
</b></font></p>
<p
align="justify"><b><font
size="3"><%impprod"5","Texto5"%></font></b></p>
Herranz Peris, Ricardo
305
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<p
align="justify"><b><font
size="3"><%impprod"6","Texto5"%> <%impprod"7","Texto5"%></font></
b></p>
</td>
<td height="3" valign="bottom" width="29%" align="left"><a href="#0"><img
src="Imagenes/subir.gif"
align="absMIDDLE"
width="40"
height="40"
style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
</font></b></a></td>
</tr>
<tr>
<td height="182" colspan="2" valign="top">
<p align="center"> </p>
<p
align="left"><img
width="146"
height="106"
align="left"><a
src="Imagenes/telegestion/telecapamini.jpg"
style="margin-right:
name="3"></a><img
50;
margin-bottom:
src="Imagenes/gota3.gif"
30"
width="20"
height="20" align="absmiddle" border="0"><font color="#2f6479"><b>
<%impprod"8","Texto5"%>
</b></font></p>
<p
align="justify"><b><font
size="3"><%impprod"9","Texto5"%></font></b></p>
<p align="justify"> </p>
<ul>
<li
style="margin-bottom:
20"><b><font
size="3"><a
href="eskema-
hc.asp?Esquema=1&Producto=7"
onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onFocus="this.blur()"><%impprod"10","Texto5"%></a></font></b></li>
<li
style="margin-bottom:
20"><b><font
size="3"><a
href="eskema-
hc.asp?Esquema=2&Producto=7"
onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onFocus="this.blur()"><%impprod"11","Texto5"%></a></font></b></li>
<li
style="margin-bottom:
20"><b><font
size="3"><a
href="eskema-
hc.asp?Esquema=3&Producto=7"
Herranz Peris, Ricardo
306
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onFocus="this.blur()"><%impprod"12","Texto5"%></a></font></b></li>
<li
style="margin-bottom:
20"><b><font
size="3"><a
href="eskema-
hc.asp?Esquema=4&Producto=7"
onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return
false"
onFocus="this.blur()"><%impprod"13","Texto5"%></a></font></b></li>
</ul>
</td>
<td
height="182"
href="#0"><img
valign="bottom"
src="Imagenes/subir.gif"
width="29%"
align="left"><a
align="absMIDDLE"
width="40"
height="40" style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
</font></b></a></td>
</tr>
<tr>
<td height="183" colspan="2" valign="top">
<p align="justify"> </p>
<p align="left"><img src="Imagenes/telegestion/hidmini.jpg" width="176"
height="92"
style="margin-left:
name="4"></a><img
50;
margin-bottom:
src="Imagenes/gota3.gif"
30"
align="right"><a
width="20"
height="20"
align="absmiddle" border="0"><font color="#2f6479"><b>
<%impprod"14","Texto5"%>
</b></font></p>
<p
align="justify"><b><font
size="3"><%impprod"15","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"16","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"17","Texto5"%></font></b></p>
</td>
<td
height="183"
href="#0"><img
valign="bottom"
src="Imagenes/subir.gif"
width="29%"
align="left"><a
align="absMIDDLE"
width="40"
height="40" style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
Herranz Peris, Ricardo
307
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</font></b></a></td>
</tr>
<tr>
<td height="42" colspan="2" valign="top">
<div align="center">
<p style="margin-top: 0; margin-bottom: 0"> </p>
<p align="left"><img src="Imagenes/telegestion/hid2mini.jpg" width="147"
height="80"
style="margin-right:
name="5"></a><img
50;
margin-bottom:
src="Imagenes/gota3.gif"
30"
width="20"
align="left"><a
height="20"
align="absmiddle" border="0"><font color="#2f6479"><b>
<%impprod"18","Texto5"%>
</b></font></p>
<p
align="justify"><b><font
size="3"><%impprod"19","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"20","Texto5"%></font></b></p>
<p
align="justify"><b><font
size="3"><%impprod"21","Texto5"%></font></b></p>
</div>
</td>
<td height="42" valign="bottom" width="29%" align="left">
<p style="margin-top: 0; margin-bottom: 0" align="left"><a href="#0"><img
src="Imagenes/subir.gif"
align="absMIDDLE"
width="40"
height="40"
style="margin-left: 50" border="0"><b><font color="#2f6479">
<%imprimir("subir")%>
</font></b></a></p>
</td>
</tr>
</table>
<p> </p>
<p>  </p>
<p>
<!-- #include file="script/connoff.inc"-->
</p>
Herranz Peris, Ricardo
308
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
</body>
</html>
10.3.27.- Valida.asp
<% @ LANGUAGE= "VBSCRIPT" %>
<!-- #include file="script/connon.inc"-->
<!-- #include file="script/testlengua.inc" -->
<!-- #include file="script/lecturalengua.inc" -->
<html>
<head>
<title><%imprimir("user")%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function loadurl(){
window.creator.location.href=document.forms.form1.action
window.close()
}
</script>
<SCRIPT>
function aceptar(){
document.forms.form1.submit()
window.close()
}
</SCRIPT>
<SCRIPT>
function cancelar(){
window.close()
}
</SCRIPT>
Herranz Peris, Ricardo
309
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
<%Session("User")=""%>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form
name="form1"
method="post"
action="tarifauser.asp?Producto=0"
target="_blank">
<p align="left"><b><font color="#2f6479"><%imprimir("user")%></font></b>
<input type="text" name="user" size="15" maxlength="10">
</p>
<p align="left"><b><font color="#2f6479"><%imprimir("passw")%></font></b>
<input type="password" name="password" size="11" maxlength="10">
</p>
<p align="center">
<input
type="image"
border="0"
name="imageAceptar"
src="Imagenes/aceptar.gif" width="50" height="50" onclick="cancelar()">
<img
src="Imagenes/blanco.jpg"
width="38"
height="27">
<img
src="Imagenes/cancelar.gif" width="50" height="50" onclick="cancelar()">
<!--onclick="loadurl('tarifauser.asp');return false">-->
</p>
</form>
<p>  </p>
<!-- #include file="script/connoff.inc"-->
</body>
</html>
10.4.- Anejo 4: Base de Datos
Tabla: Imagenes
Propiedades
DateCreated:
LastUpdated:
Herranz Peris, Ricardo
Página: 1
17/10/2002 18:05:14
14/01/2003 16:00:30
DefaultView:
OrderByOn:
Hoja de datos
Falso
310
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Orientation:
Updatable:
De izquieda a derecha
Verdadero
RecordCount:
110
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
IdModelo
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
330
Falso
0
Falso
Id
Imagenes
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Imagenes
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Imagenes
Lengua
Herranz Peris, Ricardo
Tamaño
311
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Imagenes
Página: 2
UnicodeCompression:
Verdadero
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
6030
Falso
Cuadro de texto
0
3
3
Falso
Texto
Imagenes
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Imagenes
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Imagenes
IdTexto
Índices de tabla
Nombre
IdProducto
Clustered:
DistinctCount:
Herranz Peris, Ricardo
Texto
50
Byte
1
Byte
1
Número de campos
1
Falso
110
312
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Imagenes
Página: 3
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdProducto1
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
PrimaryKey
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
7
Falso
Falso
IdProducto1
Falso
Falso
Falso
Ascendente
1
Falso
11
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
1
Falso
110
Falso
Falso
PrimaryKey
Verdadero
Verdadero
Verdadero
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Herranz Peris, Ricardo
313
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Imagenes
Admins
Users
Página: 4
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
314
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: lengua
Página: 5
Propiedades
DateCreated:
LastUpdated:
Orientation:
RowHeight:
29/01/2001 23:25:07
16/01/2003 11:31:11
De izquieda a derecha
330
DefaultView:
OrderByOn:
RecordCount:
Updatable:
Hoja de datos
Verdadero
134
Verdadero
Columnas
Nombre
Tipo
variable
Texto
50
Texto
255
Texto
255
en
es
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Falso
Longitud variable
3082
Falso
1
Predeterminado
Falso
Cuadro de texto
0
3
0
Falso
variable
lengua
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Falso
Longitud variable
3082
Falso
Predeterminado
6000
Falso
Cuadro de texto
0
3
1
Falso
en
lengua
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
Falso
Longitud variable
3082
Falso
Predeterminado
14790
Falso
Cuadro de texto
Herranz Peris, Ricardo
Tamaño
315
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: lengua
Página: 6
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Índices de tabla
Nombre
PrimaryKey
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
variable
variable
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
variable
0
3
2
Falso
es
lengua
Verdadero
Número de campos
1
Falso
134
Falso
Falso
PrimaryKey
Verdadero
Verdadero
Verdadero
Ascendente
1
Falso
134
Falso
Falso
variable
Falso
Falso
Verdadero
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
316
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: lenguaMenu Página: 7
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
04/12/2002 13:46:44
04/12/2002 14:13:05
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
37
Columnas
Nombre
Tipo
variable
Texto
50
Texto
255
Texto
255
en
es
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
0
3
0
Falso
variable
lenguaMenu
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
5745
Falso
Cuadro de texto
0
3
1
Falso
en
lenguaMenu
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
Verdadero
Longitud variable
3082
Falso
Predeterminado
7485
Falso
Cuadro de texto
Herranz Peris, Ricardo
Tamaño
317
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: lenguaMenu Página: 8
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
0
3
2
Falso
es
lenguaMenu
Verdadero
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
318
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Modelos
Página: 9
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
17/10/2002 18:11:25
13/11/2002 15:18:37
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Verdadero
10
Columnas
Nombre
Tipo
IdModelo
Byte
1
Texto
50
Texto
50
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
Predeterminado
Falso
Automático
Cuadro de texto
0
Falso
IdModelo
Modelos
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
2580
Falso
Cuadro de texto
0
3
1
Falso
es
Modelos
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
Verdadero
Longitud variable
3082
Falso
Predeterminado
2550
Falso
Cuadro de texto
0
3
es
en
Herranz Peris, Ricardo
Tamaño
319
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Modelos
Página: 10
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
2
Falso
en
Modelos
Verdadero
Byte
1
Falso
Tamaño fijo
3082
Falso
Predeterminado
Predeterminado
Falso
Automático
Cuadro de texto
3
Falso
IdProducto
Modelos
Relaciones
ProductoModelos
Producto
IdProducto
Attributes:
RelationshipType:
Índices de tabla
Nombre
PrimaryKey
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdModelo
IdProducto
ProductoModelos
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Herranz Peris, Ricardo
Modelos
1
∞ IdProducto
Forzado; Actualizaciones en cascada
Uno a varios
Número de campos
2
Falso
10
Falso
Falso
PrimaryKey
Verdadero
Verdadero
Verdadero
Ascendente
Ascendente
1
Falso
6
Verdadero
Falso
320
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Modelos
Página: 11
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
ProductoModelos
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
321
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Producto
Página: 12
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
17/10/2002 17:53:16
13/11/2002 15:18:37
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
6
Columnas
Nombre
Tipo
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Byte
1
Texto
50
Falso
Tamaño fijo
3082
Falso
Predeterminado
Predeterminado
Falso
Automático
Cuadro de texto
0
Falso
IdProducto
Producto
Producto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Tamaño
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
0
3
1
Falso
Producto
Producto
Falso
Relaciones
Herranz Peris, Ricardo
322
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Producto
Página: 13
ProductoModelos
Producto
IdProducto
Attributes:
RelationshipType:
Índices de tabla
Nombre
IdProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
PrimaryKey
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
ProductoProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Producto
Modelos
1
∞ IdProducto
Forzado; Actualizaciones en cascada
Uno a varios
Número de campos
1
Falso
6
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
6
Falso
Falso
PrimaryKey
Verdadero
Verdadero
Verdadero
Ascendente
1
Falso
6
Falso
Falso
ProductoProducto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
323
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Producto
Página: 14
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
324
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: registrado
Página: 15
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
29/01/2003 16:04:43
29/01/2003 16:05:22
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
2
Columnas
Nombre
Tipo
user
Texto
10
Texto
10
Texto
50
password
email
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
0
3
0
Falso
user
registrado
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
0
3
1
Falso
password
registrado
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
Herranz Peris, Ricardo
Tamaño
325
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: registrado
Página: 16
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
0
3
2
Falso
email
registrado
Verdadero
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
326
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: TarifaGeneral
Página: 17
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
04/12/2002 13:16:41
09/12/2002 16:49:38
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
123
Columnas
Nombre
Tipo
Id
Entero largo
4
Texto
2
Texto
255
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
495
Falso
0
Falso
Id
TarifaGeneral
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
1
Falso
Lengua
TarifaGeneral
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10980
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Texto
Herranz Peris, Ricardo
Tamaño
327
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: TarifaGeneral
Página: 18
SourceField:
SourceTable:
UnicodeCompression:
Texto
TarifaGeneral
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
3
Falso
IdTexto
TarifaGeneral
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
4
Falso
IdProducto
TarifaGeneral
IdTexto
Índices de tabla
Nombre
Id
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Herranz Peris, Ricardo
Byte
1
Byte
1
Número de campos
1
Falso
123
Falso
Falso
Id
Falso
Falso
Falso
Ascendente
1
Falso
31
Falso
Falso
IdProducto
328
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: TarifaGeneral
Página: 19
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
Falso
Ascendente
1
Falso
3
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
329
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Tarifas
Página: 20
Propiedades
DateCreated:
LastUpdated:
OrderByOn:
RecordCount:
Updatable:
03/12/2002 13:12:46
29/01/2003 14:02:57
Verdadero
649
Verdadero
DefaultView:
OrderBy:
Orientation:
RowHeight:
Hoja de datos
Tarifas.Lengua
De izquieda a derecha
270
Columnas
Nombre
Tipo
id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
495
Falso
0
Falso
id
Tarifas
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Tarifas
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
330
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Tarifas
Página: 21
SourceTable:
UnicodeCompression:
Tarifas
Verdadero
imagen
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
9930
Falso
Cuadro de texto
0
3
3
Falso
imagen
Tarifas
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
Predeterminado
Falso
Cuadro de texto
0
3
4
Falso
precio
Tarifas
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
1260
Falso
Cuadro de texto
0
3
5
Falso
codigo
Tarifas
Falso
precio
codigo
IdProducto
AllowZeroLength:
Herranz Peris, Ricardo
Texto
255
Texto
50
Texto
12
Byte
1
Falso
331
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Tarifas
Página: 22
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Índices de tabla
Nombre
id
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
id
IdModelo
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdModelo
IdProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
6
Falso
IdProducto
Tarifas
Número de campos
1
Falso
649
Falso
Falso
id
Falso
Falso
Falso
Ascendente
1
Falso
47
Falso
Falso
IdModelo
Falso
Falso
Falso
Ascendente
1
Falso
31
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
Permisos de usuario
Herranz Peris, Ricardo
332
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Tarifas
admin
Página: 23
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
333
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Telegestion Página: 24
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
29/11/2002 10:45:54
29/11/2002 11:45:22
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
152
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
495
Falso
0
Falso
Id
Telegestion
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Telegestion
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Telegestion
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
334
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Telegestion Página: 25
UnicodeCompression:
Verdadero
Texto
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10935
Falso
Cuadro de texto
0
3
3
Falso
Texto
Telegestion
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Telegestion
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Telegestion
IdTexto
Índices de tabla
Nombre
Id
Clustered:
DistinctCount:
Herranz Peris, Ricardo
255
Byte
1
Byte
1
Número de campos
1
Falso
152
335
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Telegestion Página: 26
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdModelo
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdModelo
IdProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
Id
Falso
Falso
Falso
Ascendente
1
Falso
4
Falso
Falso
IdModelo
Falso
Falso
Falso
Ascendente
1
Falso
1
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
19
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Herranz Peris, Ricardo
336
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Telegestion Página: 27
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
337
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto
Página: 28
Propiedades
DateCreated:
LastUpdated:
OrderByOn:
RecordCount:
17/10/2002 17:55:04
15/11/2002 12:41:21
Verdadero
70
DefaultView:
OrderBy:
Orientation:
Updatable:
Hoja de datos
Texto.Id
De izquieda a derecha
Verdadero
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
330
Falso
0
Falso
Id
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Texto
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
338
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto
Página: 29
UnicodeCompression:
Verdadero
Texto
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10935
Falso
Cuadro de texto
0
3
3
Falso
Texto
Texto
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Texto
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Texto
IdTexto
Índices de tabla
Nombre
IdProducto
Clustered:
DistinctCount:
Herranz Peris, Ricardo
255
Byte
1
Byte
1
Número de campos
1
Falso
70
339
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto
Página: 30
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdProducto1
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
1
Falso
Falso
IdProducto1
Falso
Falso
Falso
Ascendente
1
Falso
9
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
340
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto2
Página: 31
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
20/11/2002 9:34:12
20/11/2002 10:14:18
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Verdadero
68
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
Predeterminado
495
Falso
0
Falso
Id
Texto2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Texto2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Texto2
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
341
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto2
Página: 32
UnicodeCompression:
Verdadero
Texto
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10935
Falso
Cuadro de texto
0
3
3
Falso
Texto
Texto2
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
735
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Texto2
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Texto2
IdTexto
Índices de tabla
Nombre
IdProducto
Clustered:
DistinctCount:
Herranz Peris, Ricardo
255
Byte
1
Byte
1
Número de campos
1
Falso
68
342
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto2
Página: 33
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdProducto1
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
1
Falso
Falso
IdProducto1
Falso
Falso
Falso
Ascendente
1
Falso
34
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
343
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto3
Página: 34
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
22/11/2002 16:24:44
26/11/2002 12:20:06
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
64
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
1
390
Falso
0
Falso
Id
Texto3
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Texto3
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Texto3
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
344
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto3
Página: 35
UnicodeCompression:
Verdadero
Texto
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10440
Falso
Cuadro de texto
0
3
3
Falso
Texto
Texto3
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Texto3
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Texto3
IdTexto
Índices de tabla
Nombre
Id
Clustered:
DistinctCount:
Herranz Peris, Ricardo
255
Byte
1
Byte
1
Número de campos
1
Falso
64
345
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto3
Página: 36
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdModelo
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdModelo
IdProducto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdProducto
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
Id
Falso
Falso
Falso
Ascendente
1
Falso
1
Falso
Falso
IdModelo
Falso
Falso
Falso
Ascendente
1
Falso
2
Falso
Falso
IdProducto
Falso
Falso
Falso
Ascendente
1
Falso
17
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Herranz Peris, Ricardo
346
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto3
Admins
Users
Herranz Peris, Ricardo
Página: 37
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
347
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto5
Página: 38
Propiedades
DateCreated:
LastUpdated:
Orientation:
Updatable:
27/11/2002 10:59:16
27/11/2002 11:06:12
De izquieda a derecha
Verdadero
DefaultView:
OrderByOn:
RecordCount:
Hoja de datos
Falso
82
Columnas
Nombre
Tipo
Id
Entero largo
4
Byte
1
Texto
2
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo; Autoincremento
3082
Falso
Predeterminado
390
Falso
0
Falso
Id
Texto5
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
960
Falso
Automático
Cuadro de texto
1
Falso
IdModelo
Texto5
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Verdadero
Longitud variable
3082
Falso
Predeterminado
810
Falso
Cuadro de texto
0
3
2
Falso
Lengua
Texto5
IdModelo
Lengua
Herranz Peris, Ricardo
Tamaño
348
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto5
Página: 39
UnicodeCompression:
Verdadero
Texto
Texto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DisplayControl:
IMEMode:
IMESentenceMode:
OrdinalPosition:
Required:
SourceField:
SourceTable:
UnicodeCompression:
Verdadero
Longitud variable
3082
Falso
Predeterminado
10920
Falso
Cuadro de texto
0
3
3
Falso
Texto
Texto5
Verdadero
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
810
Falso
Automático
Cuadro de texto
4
Falso
IdTexto
Texto5
IdProducto
AllowZeroLength:
Attributes:
CollatingOrder:
ColumnHidden:
ColumnOrder:
ColumnWidth:
DataUpdatable:
DecimalPlaces:
DisplayControl:
OrdinalPosition:
Required:
SourceField:
SourceTable:
Falso
Tamaño fijo
3082
Falso
Predeterminado
1110
Falso
Automático
Cuadro de texto
5
Falso
IdProducto
Texto5
IdTexto
Índices de tabla
Nombre
Id
Clustered:
DistinctCount:
Herranz Peris, Ricardo
255
Byte
1
Byte
1
Número de campos
1
Falso
82
349
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
Tabla: Texto5
Página: 40
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
Id
IdModelo
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdModelo
IdTexto
Clustered:
DistinctCount:
Foreign:
IgnoreNulls:
Name:
Primary:
Required:
Unique:
Campos:
IdTexto
Falso
Falso
Id
Falso
Falso
Falso
Ascendente
1
Falso
2
Falso
Falso
IdModelo
Falso
Falso
Falso
Ascendente
1
Falso
21
Falso
Falso
IdTexto
Falso
Falso
Falso
Ascendente
Permisos de usuario
admin
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
Permisos de grupo
Admins
Users
Herranz Peris, Ricardo
Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer
definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;
Eliminar datos
350
Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos
para la empresa Hidroconta S.A.
11.- Bibliografía
•
Páginas Active Server en http://usuarios.tripod.es/smaug.
•
Programación en ASP. Manual completo en
http://www.desarrolloweb.com
•
Programación en ASP II. Manual completo en
http://www.desarrolloweb.com
•
CSS, hojas de estilos. Manual completo en
http://www.desarrolloweb.com
•
Plana, G. Curso de páginas Web avanzadas con ASP. (2001).
Organizado por BJT. 61 pp.
•
Macromedia Dreamweaver 3. Usando Dreamweaver. (1999)
Macromedia Inc. 446 pp.
•
Manual de HTML. Manual completo en http://www.desarrolloweb.com
•
Programación en Javascript. Manual completo en
http://www.desarrolloweb.com
•
Programación en Javascript II. Manual completo en
http://www.desarrolloweb.com
•
Introducción a los lenguajes Web. Manual completo en
http://www.desarrolloweb.com
•
Manual de Dreamweaver. (2000) Macromedia Inc. 612 pp.
•
Turorial de SQL. Manual completo en http://www.desarrolloweb.com
•
Tutorial de Visual Basic Script. Manual completo en
http://www.desarrolloweb.com
•
Nelson, S. L. 1999. “Referencia Rápida de Microsoft Access 2000”. Ed.
Mc Graw Hill. Madrid.
•
GONZALEZ MANGAS, A.; GONZALEZ MANAS, G. 1999. “Guía Rápida
Office 2000. Access”. Ed. Paraninfo. Madrid. 302 pp.
•
GONZALEZ MANGAS, A. 1999. “Guía Rápida Visual Basic 6”. Ed
Paraninfo. Madrid. 341 pp.
•
GALEANO GIL, G. 1999. “Curso Oficial de Microsoft® Visual Basic 6.
Paso a Paso”. Ed. Anaya Multimedia. Madrid. 406 pp.
Herranz Peris, Ricardo
351