JavaScript
2014-2015 Depto. Ciencia de la Computación e IA. JavaScript. Sesión 8 - jQuery UI. Experto en desarrollo de aplicaciones web con Java EE y JavaScript
js
Easyui CHM
<div class="easyui-dialog" style="width:400px;height:200px" using('http://code.jquery.com/jquery-1.4.4.min.js' function(){.
documentation
USER GUIDE 6.2
<p:dialog widgetVar="status" modal="true" closable="false">. Please Wait. </p:dialog>. Client Side API. Widget: PrimeFaces.widget.AjaxStatus.
primefaces user guide
jQuery & jQuery UI Documentation
Sortable. Selectable. Resizable. Widgets. Accordion. Datepicker. Dialog. Progressbar Theming API - Documentation for the jQuery UI CSS Framework.
documentation
Bed Management Solution (BMS)
2 jan. 2020 Kiosk mode locks down the user interface to protect applications from accidental or ... jquery.ui.dialog.css ... jquery.autosize.js.
bms tm
TMS WEB Core
12 okt. 2019 jQuery UI controls . ... Properties for TWebOpenDialog . ... Set to 0 to let the popup autosize based on the number of displayed items.
TMSWEBCoreDevGuide
Dr.Explain 4.10 : User Guide
applications that are made in any programming language IDE
dr explain user guide
Bed Management Solution (BMS) Technical Manual
9 mars 2022 user interface to protect applications from accidental or deliberate misuse. ... jquery.ui.structure-1.11.4.min.css ... jquery.autosize.js.
bms tm
JavaScript
especial por jQuery) y puede hacer el código menos legible. El tipo de datos asociado a la variable Más información en http://api.jqueryui.com/dialog.
js
SIMATIC WinCC Unified Tips and Tricks for Scripting (JavaScript)
The snippet "Open faceplate in popup" will help you open the faceplates. let data = {TagProperty_1:{Tag:"Tag_1"} ColorProperty:0xff00ff00}; let po = UI.
Unified TipsScripting V en
1JavaScript
Aitor Medrano
Tabla de contenidos
1. JavaScript. El Lenguaje .................................................................................................... 8
1.1. De JavaScript a ECMAScript ................................................................................. 8
Strict Mode ............................................................................................................. 9
1.2. Uso en el Navegador ............................................................................................. 9
Hola ExpertoJavaUA ............................................................................................ 10
1.3. Herramientas ........................................................................................................ 11
Dev Tools ............................................................................................................. 12
Console API ......................................................................................................... 13
1.4. Datos y variables .................................................................................................. 14
Variables .............................................................................................................. 14
Texto .................................................................................................................... 16
Números ............................................................................................................... 17
Booleanos ............................................................................................................ 18
Coerción de tipos ................................................................................................. 19
Fechas y Horas ................................................................................................... 19
typeof ................................................................................................................... 20
1.5. Instrucciones ......................................................................................................... 21
1.6. Funciones ............................................................................................................. 21
Función Declaración ............................................................................................ 22
Función Expresión ............................................................................................... 22
Funciones Declaración vs Expresión ................................................................... 23
Callbacks .............................................................................................................. 24
Arguments ............................................................................................................ 25
1.7. Alcance ................................................................................................................. 25
Hoisting ................................................................................................................ 27
1.8. Timers ................................................................................................................... 28
1.9. Gestión de Errores ............................................................................................... 29
Capturando Excepciones ..................................................................................... 29
Lanzando Excepciones ........................................................................................ 31
Debug ................................................................................................................... 31
Errores comunes .................................................................................................. 31
1.10. Ejercicios ............................................................................................................ 31
(0.4 ptos) Ejercicio 11. ......................................................................... 32
(0.6 ptos) Ejercicio 12. Temporizador .................................................................. 32
2. JavaScript Orientado a Objetos ...................................................................................... 33
2.1. Trabajando con Objetos ....................................................................................... 33
Propiedades ......................................................................................................... 33
Métodos ............................................................................................................... 34
2.2. Objetos literales .................................................................................................... 34
Objetos Anidados ................................................................................................. 35
2.3. Creando un tipo de datos .................................................................................... 36
Función Factoría .................................................................................................. 36
Función Constructor ............................................................................................. 37
2.4. Invocación Indirecta .............................................................................................. 39
2.5. Descriptores de Propiedades ............................................................................... 40
JavaScript2Definiendo Propiedades ....................................................................................... 40
Get y Set ............................................................................................................. 42
Iterando sobre las propiedades ........................................................................... 43
Modificando una propiedad ................................................................................. 44
2.6. Prototipos .............................................................................................................. 45
Constructores y ............................................................................. 45 y ............................................................................... 462.7. Herencia ............................................................................................................... 48
Herencia de Constructor ...................................................................................... 49
Herencia de prototipo .......................................................................................... 50
2.8. This y El Patrón Invocación ................................................................................. 51
Invocación como Método ..................................................................................... 51
Invocación como Función .................................................................................... 51
Invocación como Constructor .............................................................................. 52
Invocación con Apply ........................................................................................... 53
2.9. Arrays ................................................................................................................... 54
Manipulación ........................................................................................................ 55
Iteración ............................................................................................................... 57
2.10. Ejercicios ............................................................................................................ 59
(0.3 ptos) Ejercicio 21. Objeto Usuario ................................................................ 59
(0.3 ptos) Ejercicio 22. Herencia ......................................................................... 60
(0.2 ptos) Ejercicio 23. .................................................... 60(0.2 ptos) Ejercicio 24. Transformación Objeto ................................................... 60
(0.5 ptos) Ejercicio 25. Arrays ............................................................................. 61
3. JavaScript y DOM ........................................................................................................... 62
3.1. BOM ..................................................................................................................... 62
Objeto ................................................................................................... 62
Objeto ............................................................................................ 63
Objeto .............................................................................................. 63
3.2. Trabajando con el DOM ....................................................................................... 64
El objeto ............................................................................................... 64
El objeto ........................................................................................... 65
Elementos del DOM ............................................................................................ 65
Enlaces de Nodos ........................................................................................ 66
Tipos de Nodos ............................................................................................ 67
Recorriendo el DOM ............................................................................................ 68
Seleccionando Elementos .................................................................................... 68
........................................................................................ 69Añadiendo contenido al DOM .............................................................................. 69
vs .................................................... 72Gestionando Atributos .................................................................................. 73
3.3. Trabajando con CSS ............................................................................................ 73
Trabajando con Clases ........................................................................................ 74
Mostrando y Ocultando Contenido ...................................................................... 75
3.4. Animaciones ......................................................................................................... 75
3.5. Eventos ................................................................................................................. 77
Gestionando Eventos ........................................................................................... 77
Ejemplo Botones y Click .............................................................................. 78
Flujo de Eventos .................................................................................................. 79
El modelo estándar .............................................................................................. 80
Delegación de eventos ........................................................................................ 81
Tipos de Eventos ................................................................................................. 82
Evento de carga ........................................................................................... 82
JavaScript3Eventos de Foco .......................................................................................... 82
Eventos de Ratón ........................................................................................ 83
Eventos de Teclado ..................................................................................... 84
Eventos y Closures .............................................................................................. 85
3.6. Trabajando con Formularios ................................................................................ 86
Campos de Texto ................................................................................................ 88
Desplegables ....................................................................................................... 88
Opciones .............................................................................................................. 89
3.7. Ejercicios .............................................................................................................. 89
(0.3 ptos) Ejercicio 31. Contenido Bloqueado ..................................................... 89
(0.3 ptos) Ejercicio 32. Temporizador DOM ........................................................ 89
(0.6 ptos) Ejercicio 33. Tabla dinámica ............................................................... 90
(0.3 ptos) Ejercicio 34. Carrusel .......................................................................... 91
4. JavaScript Avanzado ....................................................................................................... 92
4.1. Closures ................................................................................................................ 92
Alcance en Closures ............................................................................................ 93
Interacciones entre Closures ............................................................................... 95
Uso de Closures .................................................................................................. 96
Métodos Privados mediante Closures ................................................................. 96
Closures Dentro de Bucles .................................................................................. 98
Consideraciones de rendimiento ....................................................................... 100
4.2. Módulos .............................................................................................................. 101
Paso de parámetros .......................................................................................... 101
Valores de configuración ................................................................................... 102
Encadenando llamadas ...................................................................................... 102
4.3. Expresiones Regulares ...................................................................................... 103
Creando un Patrón ............................................................................................ 104
Flags .................................................................................................................. 106
Ocurrencias ........................................................................................................ 106
Sustituyendo ....................................................................................................... 107
4.4. Librerías en JavaScript ....................................................................................... 108
Inclusión de librerías .......................................................................................... 110
CDN ................................................................................................................... 111
4.5. Testing ................................................................................................................ 111
QUnit .................................................................................................................. 112
Lanzador QUnit .......................................................................................... 112
Caso de Prueba ......................................................................................... 114
Aserciones .................................................................................................. 114
Módulos ...................................................................................................... 118
Expectativas ............................................................................................... 119
Pruebas asíncronas ................................................................................... 120
Otras Librerías ................................................................................................... 122
4.6. Ejercicios ............................................................................................................ 123
(1 pto) Ejercicio 41. Canificador ........................................................................ 123
(0.2 ptos) Ejercicio 42. LightBox ........................................................................ 123
5. JavaScript y el Navegador ............................................................................................ 124
5.1. AJAX ................................................................................................................... 124
AJAX Síncrono ................................................................................................... 124
AJAX Asíncrono ................................................................................................. 125
Enviando datos con POST ................................................................................ 126
5.2. JSON .................................................................................................................. 126
Filtrando campos ............................................................................................... 128
Cross-Domain .................................................................................................... 129
JavaScript4JSONP ............................................................................................................... 130
Testing ............................................................................................................... 132
5.3. HTML 5 ............................................................................................................... 132
Detección de características. Modernizr ............................................................ 133
Polyfills ............................................................................................................... 133
5.4. Almacenando información .................................................................................. 134
Cookies .............................................................................................................. 134
LocalStorage ...................................................................................................... 135
Almacenando un objeto ............................................................................. 136
SessionStorage .................................................................................................. 137
1JavaScript
Aitor Medrano
Tabla de contenidos
1. JavaScript. El Lenguaje .................................................................................................... 8
1.1. De JavaScript a ECMAScript ................................................................................. 8
Strict Mode ............................................................................................................. 9
1.2. Uso en el Navegador ............................................................................................. 9
Hola ExpertoJavaUA ............................................................................................ 10
1.3. Herramientas ........................................................................................................ 11
Dev Tools ............................................................................................................. 12
Console API ......................................................................................................... 13
1.4. Datos y variables .................................................................................................. 14
Variables .............................................................................................................. 14
Texto .................................................................................................................... 16
Números ............................................................................................................... 17
Booleanos ............................................................................................................ 18
Coerción de tipos ................................................................................................. 19
Fechas y Horas ................................................................................................... 19
typeof ................................................................................................................... 20
1.5. Instrucciones ......................................................................................................... 21
1.6. Funciones ............................................................................................................. 21
Función Declaración ............................................................................................ 22
Función Expresión ............................................................................................... 22
Funciones Declaración vs Expresión ................................................................... 23
Callbacks .............................................................................................................. 24
Arguments ............................................................................................................ 25
1.7. Alcance ................................................................................................................. 25
Hoisting ................................................................................................................ 27
1.8. Timers ................................................................................................................... 28
1.9. Gestión de Errores ............................................................................................... 29
Capturando Excepciones ..................................................................................... 29
Lanzando Excepciones ........................................................................................ 31
Debug ................................................................................................................... 31
Errores comunes .................................................................................................. 31
1.10. Ejercicios ............................................................................................................ 31
(0.4 ptos) Ejercicio 11. ......................................................................... 32
(0.6 ptos) Ejercicio 12. Temporizador .................................................................. 32
2. JavaScript Orientado a Objetos ...................................................................................... 33
2.1. Trabajando con Objetos ....................................................................................... 33
Propiedades ......................................................................................................... 33
Métodos ............................................................................................................... 34
2.2. Objetos literales .................................................................................................... 34
Objetos Anidados ................................................................................................. 35
2.3. Creando un tipo de datos .................................................................................... 36
Función Factoría .................................................................................................. 36
Función Constructor ............................................................................................. 37
2.4. Invocación Indirecta .............................................................................................. 39
2.5. Descriptores de Propiedades ............................................................................... 40
JavaScript2Definiendo Propiedades ....................................................................................... 40
Get y Set ............................................................................................................. 42
Iterando sobre las propiedades ........................................................................... 43
Modificando una propiedad ................................................................................. 44
2.6. Prototipos .............................................................................................................. 45
Constructores y ............................................................................. 45 y ............................................................................... 462.7. Herencia ............................................................................................................... 48
Herencia de Constructor ...................................................................................... 49
Herencia de prototipo .......................................................................................... 50
2.8. This y El Patrón Invocación ................................................................................. 51
Invocación como Método ..................................................................................... 51
Invocación como Función .................................................................................... 51
Invocación como Constructor .............................................................................. 52
Invocación con Apply ........................................................................................... 53
2.9. Arrays ................................................................................................................... 54
Manipulación ........................................................................................................ 55
Iteración ............................................................................................................... 57
2.10. Ejercicios ............................................................................................................ 59
(0.3 ptos) Ejercicio 21. Objeto Usuario ................................................................ 59
(0.3 ptos) Ejercicio 22. Herencia ......................................................................... 60
(0.2 ptos) Ejercicio 23. .................................................... 60(0.2 ptos) Ejercicio 24. Transformación Objeto ................................................... 60
(0.5 ptos) Ejercicio 25. Arrays ............................................................................. 61
3. JavaScript y DOM ........................................................................................................... 62
3.1. BOM ..................................................................................................................... 62
Objeto ................................................................................................... 62
Objeto ............................................................................................ 63
Objeto .............................................................................................. 63
3.2. Trabajando con el DOM ....................................................................................... 64
El objeto ............................................................................................... 64
El objeto ........................................................................................... 65
Elementos del DOM ............................................................................................ 65
Enlaces de Nodos ........................................................................................ 66
Tipos de Nodos ............................................................................................ 67
Recorriendo el DOM ............................................................................................ 68
Seleccionando Elementos .................................................................................... 68
........................................................................................ 69Añadiendo contenido al DOM .............................................................................. 69
vs .................................................... 72Gestionando Atributos .................................................................................. 73
3.3. Trabajando con CSS ............................................................................................ 73
Trabajando con Clases ........................................................................................ 74
Mostrando y Ocultando Contenido ...................................................................... 75
3.4. Animaciones ......................................................................................................... 75
3.5. Eventos ................................................................................................................. 77
Gestionando Eventos ........................................................................................... 77
Ejemplo Botones y Click .............................................................................. 78
Flujo de Eventos .................................................................................................. 79
El modelo estándar .............................................................................................. 80
Delegación de eventos ........................................................................................ 81
Tipos de Eventos ................................................................................................. 82
Evento de carga ........................................................................................... 82
JavaScript3Eventos de Foco .......................................................................................... 82
Eventos de Ratón ........................................................................................ 83
Eventos de Teclado ..................................................................................... 84
Eventos y Closures .............................................................................................. 85
3.6. Trabajando con Formularios ................................................................................ 86
Campos de Texto ................................................................................................ 88
Desplegables ....................................................................................................... 88
Opciones .............................................................................................................. 89
3.7. Ejercicios .............................................................................................................. 89
(0.3 ptos) Ejercicio 31. Contenido Bloqueado ..................................................... 89
(0.3 ptos) Ejercicio 32. Temporizador DOM ........................................................ 89
(0.6 ptos) Ejercicio 33. Tabla dinámica ............................................................... 90
(0.3 ptos) Ejercicio 34. Carrusel .......................................................................... 91
4. JavaScript Avanzado ....................................................................................................... 92
4.1. Closures ................................................................................................................ 92
Alcance en Closures ............................................................................................ 93
Interacciones entre Closures ............................................................................... 95
Uso de Closures .................................................................................................. 96
Métodos Privados mediante Closures ................................................................. 96
Closures Dentro de Bucles .................................................................................. 98
Consideraciones de rendimiento ....................................................................... 100
4.2. Módulos .............................................................................................................. 101
Paso de parámetros .......................................................................................... 101
Valores de configuración ................................................................................... 102
Encadenando llamadas ...................................................................................... 102
4.3. Expresiones Regulares ...................................................................................... 103
Creando un Patrón ............................................................................................ 104
Flags .................................................................................................................. 106
Ocurrencias ........................................................................................................ 106
Sustituyendo ....................................................................................................... 107
4.4. Librerías en JavaScript ....................................................................................... 108
Inclusión de librerías .......................................................................................... 110
CDN ................................................................................................................... 111
4.5. Testing ................................................................................................................ 111
QUnit .................................................................................................................. 112
Lanzador QUnit .......................................................................................... 112
Caso de Prueba ......................................................................................... 114
Aserciones .................................................................................................. 114
Módulos ...................................................................................................... 118
Expectativas ............................................................................................... 119
Pruebas asíncronas ................................................................................... 120
Otras Librerías ................................................................................................... 122
4.6. Ejercicios ............................................................................................................ 123
(1 pto) Ejercicio 41. Canificador ........................................................................ 123
(0.2 ptos) Ejercicio 42. LightBox ........................................................................ 123
5. JavaScript y el Navegador ............................................................................................ 124
5.1. AJAX ................................................................................................................... 124
AJAX Síncrono ................................................................................................... 124
AJAX Asíncrono ................................................................................................. 125
Enviando datos con POST ................................................................................ 126
5.2. JSON .................................................................................................................. 126
Filtrando campos ............................................................................................... 128
Cross-Domain .................................................................................................... 129
JavaScript4JSONP ............................................................................................................... 130
Testing ............................................................................................................... 132
5.3. HTML 5 ............................................................................................................... 132
Detección de características. Modernizr ............................................................ 133
Polyfills ............................................................................................................... 133
5.4. Almacenando información .................................................................................. 134
Cookies .............................................................................................................. 134
LocalStorage ...................................................................................................... 135
Almacenando un objeto ............................................................................. 136
SessionStorage .................................................................................................. 137