Scripts de exemplo de JavaScript

Este tópico mostra alguns exemplos de scripts baseados em JavaScript que podem ser usados na área de texto para gerar interatividade simples.

Dica: Na Comunidade, o artigo Práticas Recomendadas para Gravar Código JavaScript Personalizado em Áreas de Texto fornece uma visão geral introdutória de como você pode usar JavaScript em áreas de texto no Spotfire.

Nota: O JavaScript adicionado à área de texto será executado no mesmo ambiente que o JavaScript definido pelo Spotfire para implementar todas as funcionalidades na área de texto e outras visualizações do Spotfire. Isto significa que existem muitas bibliotecas de JavaScript definidas pelo Spotfire e terceiros no escopo, incluindo JQuery ($) e JQueryUI. O Spotfire não oferece qualquer tipo de garantia de correção, usabilidade ou compatibilidade das bibliotecas no escopo. Futuras versões do Spotfire podem incluir outras bibliotecas, atualizadas e/ou incompatíveis. As bibliotecas também podem ser removidas em versões futuras. Portanto, se você quiser usar bibliotecas como jQuery ou jQueryUI, você deve importar essas bibliotecas você mesmo, em vez de confiar nas versões usadas pelo Spotfire. Consulte o artigo da comunidade Como incluir suas próprias instâncias de jQuery e jQueryUI em áreas de texto para obter mais informações.

Altere a cor de fundo de um elemento quando o mouse estiver sobre ele:

O script a seguir utiliza dois parâmetros, "id" e "cor", em que "id" é o id do elemento para alterar a cor de fundo, no exemplo está definido como "my-p", e "cor" é a cor de fundo a definir (por exemplo, #e7e3e7). Ambos os parâmetros são especificados como parâmetros String, conforme mostrado na imagem da caixa de diálogo Inserir 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; -------------------------------------------------------------------------

O script é, então, usado chamando a id no código HTML da área de texto.

Por exemplo, adicionando o ID necessário a um parágrafo:

 <p id="my-p">A JavaScript changes the background color when the mouse is over this paragraph.</p>

Isso resultará em um parágrafo de área de texto onde a cor de fundo muda para a cor especificada quando você move o mouse sobre o texto do parágrafo.

Sinalize quando a área de texto está pronta para ser renderizada em PDF ou imagem:

Se o seu script contiver chamadas assíncronas, você deverá usar a API SF.setBusy() para garantir que a área de texto será renderizada corretamente quando exportada para PDF ou imagem.

Executando

-------------------------------------------------------------------------
SF.setBusy(true);
-------------------------------------------------------------------------

o navegador de exportação não renderizará um PDF/imagem até que o script seja executado:

------------------------------------------------------------------------- SF.setBusy(false); -------------------------------------------------------------------------