Scripts

Modificado em Ter, 22 Ago, 2023 na (o) 11:08 AM

Segue alguns scripts para auxiliar na produção de conteúdos:

CONTROLAR AS ANIMAÇÕES

A função startAnimation() é executada sempre que o slide for carregado e serve para evitar que as animações e/ou vídeos sejam executadas antes de serem exibidas para o usuário. Já a função stopAnimation() é executada quando o slide sai de cena e ela deve ser utilizada para RESETAR a animação para seu estado inicial, caso contrário, a página continuará no seu estado final quando o usuário voltar ao slide.

<script type=”text/javascript”>

 function startAnimation(){

 //iniciar Animação

 }

function stopAnimation(){

//resetar Animação

window.location.reload();

 }

</script>

TROCAR DE PÁGINA

Para trocar de páginas utilizando links no HTML, utilize a função changePage() que recebe como parâmetro a página desejada, iniciando em 1 e não 0. No exemplo abaixo, o Tabmedia trocaria para a página 15 ao ser executado o link do conteúdo.

<a href=”javascript:changePage(15)”></a>

ABRIR ANEXO

A função openAttachment() permite executar um arquivo anexo que tenha sido publicado na Tabmedia.

<a href=”javascript:openAttachment(11384)”></a>

ANDROID

openAttachment(id);

Para facilitar a utilização dessa função, no ambiente online é possível copiar o código javascript de cada anexo publicado na Tabmedia, clique no menu opções e na opção linkar.

ABRIR "VA" ATRAVÉS DE LÂMINA

<href="tabmedia://?presentation-id=12121" />

O número "12121" representa o ID do VA que deseja acessar. Para coletar esse ID, basta publicar e tornar "ativo" seu VA. No próprio ambiente Online clique em visualizar, e no endereço da página, ao final, você poderá visualizar a sequência numérica que representa o ID.

ANALYTICS

Para que o cliente possa ter um relatório de cada ação realizada nos conteúdos HTML, a agência precisa incluir a função logMessage() com um título/descrição de cada uma das ações realizadas no HTML.

<a href="javascript:logMessage('Abriu Teste 1','teste1.html')"><area shape="rect" coords="219,533,362,591"/></a>

Se precisar adicionar a função juntamente com uma outra a função de javascript no link, basta separar as funções com ponto e vírgula.

<a href=”javascript:openAttachment(674);logMessage(‘Abriu o anexo’)”></a>

DRAG AND DROP DE ELEMENTOS NA HORIZONTAL OU NA VERTICAL

Os conteúdos em HTML desenvolvidos para Android requerem um pouco mais de atenção pelas limitações da própria plataforma. No Android, recursos como Drag and Drop podem ser utilizados, mas devem ser analisados caso a caso, pois não são realizados com precisão pelo dispositivo Android. Para realizar interações de arrasto (Drag and Drop) disponibilizamos um framework javascript na Tabmedia que você pode utilizá-lo a partir do código de exemplo abaixo:

<head>

<script type='text/javascript' src='../js/webkitdragdrop.min.js'></script>

</head>

<body>

//elemento que será arrastado

<div id='iddoelemento' class='classdoelemento' style='left:952px;top:204px'></div>

</body>

<script type='text/javascript'>

// LEFTMAXIMO, LEFTMINIMO ,TOPMAXIMO , TOPMINIMO);

new webkit_draggable(document.getElementById('iddoelemento'),

</script>

Para travar horizontalmente, é só deixar o LEFTMAXIMO e LEFTMINIMO igual ao left inicial.

new webkit_draggable(document.getElementById('iddoelemento'), 952, 952, TOPMAXIMO, TOPMINIMO);

Para travar verticalmente, é só deixar o TOPMAXIMO e TOPMINIMO igual ao top inicial.

new webkit_draggable(document.getElementById('iddoelemento'), LEFTMAXIMO, LEFTMINIMO, 204, 204);

OBS.: Utilize a posição inicial (top e left) no style, na tag do elemento que será arrastado. No css não vai funcionar.

ELIMINAR HOVER DOS LINKS

Para eliminar o hover dos links, insira no css a propriedade -webkit-tap-highlight-color:rgba(0,0,0,0); Exemplo:

{ -webkit-tap-highlight-color:rgba(0,0,0,0);  outline: 0; }

BLOQUEAR ZOOM NO TABLET

Para bloquear o zoom (movimento pinça) do material no tablet, insira a seguinte meta tag na página HTML:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Ainda com dúvidas?

Entre em contato via Whats App

0800 101 2018

Equipe Tabmedia