Ejemplos de scripts JavaScript
Este tema muestra algunos ejemplos de scripts basados en JavaScript que se pueden usar en el área de texto para proporcionar interactividad simple.
Consejo: En la Comunidad, el artículo Procedimientos recomendados para escribir código JavaScript personalizado en las áreas de texto proporciona un resumen introductorio sobre cómo usar JavaScript en las áreas de texto de Spotfire.
Nota: Los scripts de JavaScript que agregue en el área de texto se ejecutarán en el mismo entorno que los scripts de JavaScript definidos por Spotfire para implementar todas las funciones en el área de texto y otras visualizaciones de Spotfire. Esto significa que existen muchas bibliotecas de JavaScript definidas por Spotfire y terceros dentro del alcance, entre otras jQuery ($) y jQueryUI. Spotfire no proporciona ninguna garantía de la corrección, la utilidad o la compatibilidad de las bibliotecas dentro del alcance. Es probable que las versiones futuras de Spotfire incluyan otras bibliotecas actualizadas o incompatibles. Las bibliotecas también se pueden quitar en futuras versiones. Por lo tanto, si desea usar bibliotecas como jQuery o jQueryUI, debe importarlas usted mismo en lugar de confiar en las versiones usadas por Spotfire. Consulte el artículo de la comunidad sobre Cómo incluir sus propias instancias de jQuery y jQueryUI en áreas de texto para obtener más información.
Cómo cambiar el color de fondo de un elemento cuando se pasa el ratón por encima
El siguiente script usa dos parámetros, "id" y "color", donde "id" es el identificador del elemento en el que se cambia el color de fondo, en el ejemplo establecido como "my-p", y "color" es el color de fondo que se va a establecer (por ejemplo, #e7e3e7). Ambos parámetros se especifican como parámetros de cadena, como se muestra en la imagen del cuadro de diálogo Insertar JavaScript.
------------------------------------------------------------------------ var elem = document.getElementById(id); if (!elem) { return; } var oldBgColor = elem.style.backgroundColor; var onEnter = function() { elem.style.backgroundColor = color; }; var onLeave = function() { elem.style.backgroundColor = oldBgColor; }; elem.onmouseover = onEnter; elem.onmouseout = onLeave; -------------------------------------------------------------------------El script se usa llamando al identificador del HTML del área de texto.
Por ejemplo, agregando el identificador requerido a un párrafo:
<p id="my-p">A JavaScript changes the background color when the mouse is over this paragraph.</p>Esto dará lugar a un párrafo del área de texto donde el color de fondo cambia al color especificado cuando se mueve el ratón sobre el texto del párrafo.
Indica el momento en que el área de texto está lista para representarse en PDF o imagen
Si su script contiene llamadas asíncronas, debe usar la API SF.setBusy() para asegurarse de que el área de texto se procesará bien cuando se exporte a PDF o imagen.
Ejecutando
-------------------------------------------------------------------------
SF.setBusy(true);
-------------------------------------------------------------------------el navegador de exportación no representará un PDF/imagen hasta que se ejecute el script:
------------------------------------------------------------------------- SF.setBusy(false); -------------------------------------------------------------------------