AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / WLanguage / Funciones WLanguage / Funciones específicas de la Web / Funciones varias de WEBDEV
  • Parámetros de la función jQuery
  • Cargando la librería jQuery y sus extensiones
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Ejecuta un método JavaScript (o varios métodos encadenados) de la biblioteca jQuery en un elemento de la página.
Esta función es una función avanzada: Se requiere un buen conocimiento de JavaScript y de la biblioteca jQuery.
Ejemplo
// A single jQuery function is used
jQuery(STC_1).fadeOut()
// Use with 2 chained functions
// The opacity of control is modified, then the control explodes before it disappears
jQuery(CELL_Square).fadeTo("opacity",0.1).effect("explode")
Sintaxis

Ejecutando un comando de la biblioteca jQuery Ocultar los detalles

<Result> = jQuery(<WEBDEV control>).<jQuery function>(<Parameter 1>, ..., <Parameter N>)
<Result>: Tipo esperado
Valor de retorno del método jQuery llamado.
<WEBDEV control>: Nombre del control
Nombre de control que se utilizará en la página.
Observación: La opción "El control se puede superponer" debe estar seleccionada en el control (pestaña "UI" de la ventana de descripción del control).
<jQuery function>: Cadena de caracteres
Nombre de la función jQuery a ejecutar.
Atención: Como JavaScript distingue entre mayúsculas y minúsculas, el nombre de la función debe respetar las mayúsculas y minúsculas utilizadas en la biblioteca jQuery.
<Parameter 1>: Cadena de caracteres
Primer parámetro esperado por la función jQuery.
<Parameter N>: Cadena de caracteres
Enésimo parámetro esperado por la función jQuery.

Ejecutando varios comandos encadenados de la biblioteca jQuery Ocultar los detalles

<Result> = jQuery(<WEBDEV control>).<jQuery function 1>(<Parameter 1>, ..., <Parameter N>).<jQuery function 2>(<Parameter 1>, ..., <Parameter N>)
<Result>: Tipo esperado
Valor de retorno del método jQuery llamado.
<WEBDEV control>: Nombre del control
Nombre de control que se utilizará en la página.
<jQuery function 1>: Cadena de caracteres
Nombre de la primera función jQuery a ejecutar. Atención: Dado que JavaScript distingue entre mayúsculas y minúsculas, el nombre de la función debe respetar las mayúsculas y minúsculas utilizadas en la biblioteca jQuery.
<Parameter 1>: Cadena de caracteres
Primer parámetro esperado por la función jQuery.
<Parameter N>: Cadena de caracteres
Nth esperado por la función jQuery.
<jQuery function 2>:
Nombre de la segunda función jQuery a ejecutar. Atención: Dado que JavaScript distingue entre mayúsculas y minúsculas, el nombre de la función debe respetar las mayúsculas y minúsculas utilizadas en la biblioteca jQuery.
Observaciones

Parámetros de la función jQuery

Si hay que pasar una Procedure ("Callback") a una de las funciones de jQuery, hay que pasar la Procedure del navegador por la reference (nombre de la función precedido de "&"). Por ejemplo:
jQuery(BTN_Add).ON("click", &OnAddition)

Cargando la librería jQuery y sus extensiones

Con WEBDEV se proporciona una librería jQuery pero hay que incluir otra librería en sustitución o incluir extensiones (jQuery-UI por ejemplo).
Es posible:
  • incluir el script local o remoto (método recomendado).
  • usar la etiqueta "<script src = ....>.
Método 1: Incluyendo el archivo de script (local o remoto (URL)) (método recomendado)
  1. Mostrar la ventana description de la página ("description" en el menú contextual).
  2. Seleccione la pestaña "Avanzado.
  3. Seleccione la pestaña "Recursos externos (JavaScript/CSS)".
  4. A reference:
    • un script remoto, copie/pegue la Address (URL) del archivo de script en la columna "Recursos JavaScript.
    • un script local (archivo que se encuentra en su ordenador, por ejemplo), haga clic en el botón "+" de "Recursos JavaScript" y seleccione el archivo correspondiente.
Atención: Comprobar el orden de las dependencias de los scripts (la librería jQuery y luego sus extensiones).
Método 2: Añadir el etiquetado para la inserción de scripts:
  1. Mostrar la ventana description de la página ("description" en el menú contextual).
  2. Seleccione la pestaña "Avanzado.
  3. Seleccione la pestaña "HTML.
  4. copy las siguientes líneas de código en la sección "Código HTML añadido a la cabecera de la página. Por ejemplo:
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
Atención:
  • El código debe insertarse en la sección "Código HTML añadido al encabezado de la página" y no en la sección "Código HTML añadido al final de la página".. Exception: Si desea incluir una extensión sin incluir otra biblioteca jQuery, debe:
    • Usar el método que utiliza el etiquetado.
    • copy el código en la sección "Código HTML añadido al final de la página".
  • Este método no se recomienda porque la carga del script interrumpe la carga de la página. La carga y la visualización de la página se ralentizan.
Componente: WDJS.DLL
Versión mínima requerida
  • Versión 19
Comentarios
Exemplo jquery

// No WebDev 22 , nao precisa baixar jquery , é automatico

// Exemplo: Explode Componente

jQuery(IMG_Matos).effect("explode")

// blog com video e exemplo

http://windevdesenvolvimento.blogspot.com.br/2017/01/aula-1034-webdev22-010-jquery-explode.html

https://www.youtube.com/watch?v=-z_kfUKoB0c

De matos
21 02 2017
Muda a Cor Background da Lib
// Blog com Video e Exemplo

http://windevdesenvolvimento.blogspot.com.br/2017/01/aula-1036-webdev22-012-jquery-diversos-2.html

https://www.youtube.com/watch?v=xtlnj6Txssg

//Muda a Cor Background da Lib
//Desaparecer Imagen depois de Um tempo
//Aparecer Imagen depois de Um tempo
//Tornar visivel lib_senha
// Percentual de Visibilidade

//Muda a Cor Background da Lib
jQuery(LIB_1).css("background","#c20")

//Desaparecer Imagen depois de Um tempo
jQuery(IMG_Matos).fadeOut("60000000")

//Aparecer Imagen depois de Um tempo
jQuery(IMG_Matos).fadeIn("60000000")

LIB_Senha..Visible=True
//Tornar visivel lib_senha
jQuery(IMG_Matos).fadeTo("slow",0.15)
// Percentual de Visibilidade
De matos
19 01 2017
Muda cor/esconde/delay/mostra/muda texto
// Blog com Video e Exemplo

http://windevdesenvolvimento.blogspot.com.br/2017/01/aula-1035-webdev22-011-jquery-diversos-1.html

http://doc.pcsoft.fr/fr-FR/?1000021070&name=jquery_fonction

//Muda cor/esconde/delay/mostra/muda texto

jQuery(LIB_Texto).css("color","#f666")
//Mudando a Cor do Texto
jQuery(LIB_Texto).hide()
//Escondendo o Texto
jQuery(LIB_Texto).delay("1000")
//Antes de ir para proximo passo vai dar um tempo
jQuery(LIB_Texto).fadeIn("slow")
//Vai mostrar o texto
jQuery(LIB_Texto).text("Mudando a Descrição do Texto")
//Vou Mudar a Descrição do Texto
De matos
19 01 2017
Exemplo Jquery
Bom Dia

// No WebDev 22 , nao precisa baixar jquery , é automatico

// Exemplo: Explode Componente

jQuery(IMG_Matos).effect("explode")


http://windevdesenvolvimento.blogspot.com.br/2017/01/aula-1034-webdev22-010-jquery-explode.html

https://www.youtube.com/watch?v=-z_kfUKoB0c

http://forum.pcsoft.fr/pt-BR/pcsoft.br.windev/2042-aula-1034-webdev22-010-jquery-explode/read.awp

De matos
13 01 2017

Última modificación: 27/05/2022

Señalar un error o enviar una sugerencia | Ayuda local