Ferramentas de Elementos

dvdrothen

Elemento quando clicado (id)

Executa o código que estiver dentro de Fazer quando o elemento que tiver o id informado for clicado ou pressionado pelo usuário.
Id do Elemento: Texto ou Número Identificador único do elemento criado na parte visual
Fazer: Blocos Blocos de código que serão executados quando o elemento for clicado

dvdrothen

Elemento quando clicado (classe)

Executa o código que estiver dentro de Fazerquando o/os elementos que tiverem a classe informada for clicado ou pressionado pelo usuário.
Classe do Elemento: Texto da classe do/dos elementos criados na parte visual
Fazer: Blocos Blocos de código que serão executados quando o elemento for clicado

dvdrothen

Elemento quando valor mudar: (id)

Executa o código que estiver dentro de Fazerquando o valor do elemento que tiver o id informado mudar. Ex: Quando o usuário termina de preencher uma entrada de texto ou quando seleciona algo no seletor de arquivos etc..
ID do Elemento: Texto Identificador único do elemento criado na parte visual.
Fazer: Blocos Blocos de código que serão executados quando o evento acontecer

dvdrothen

Elemento quando valor mudar: (classe)

Executa o código que estiver dentro de Fazerquando o valor do elemento que tiver a classe informada mudar. Ex: Quando o usuário termina de preencher uma entrada de texto ou quando seleciona algo no seletor de arquivos etc..
Com a classe é possível obter o evento de vários elementos em um só bloco.
Classe do Elemento: Texto Texto da classe do/dos elementos criados na parte visual.
Fazer: Blocos Blocos de código que serão executados quando o evento acontecer

dvdrothen

Quando o botão de seleçao mudar:

Executa o código que estiver dentro de Fazerquando o valor do botão de seleçao que tiver o id informado mudar. Exemplo: Quando um usuário seleciona uma das opções dos botões de seleção.
ID do Elemento: Texto Identificador único do elemento criado na parte visual.
Fazer: Blocos Blocos de código que serão executados quando o evento acontecer

dvdrothen

Quando entrada de texto mudar:

Executa o código que estiver dentro de Fazerquando o valor da entrada de texto com o id informado mudar. Exemplo: Quando um usuário preenche alguns caracteres de uma entrada de texto, já é possível obter o que ele digitou.
ID do Elemento: Texto Identificador único do elemento criado na parte visual.
Fazer: Blocos Blocos de código que serão executados quando o evento acontecer

dvdrothen

Mudar Texto

Altera o texto que possuí o id informado e que foi criado na parte visual. Exemplo: Pode ser usado para alterar um texto após receber um valor de um banco de dados. Serve para o componente texto e outros como título etc..
ID: Texto Identificador do Texto criado na parte visual
Novo Texto: Texto Novo texto a substituir o anterior

dvdrothen

Mudar Texto da entrada de Texto

Altera o texto ou valor do componente entrada de texto que tiver o id criado na parte visual. Exemplo: Pode ser usado para preencher automaticamente uma entrada de texto que foi criada na parte visual.
ID: Texto Identificador da entrada de texto criado na parte visual
Novo Texto: Texto Novo texto a preencher a entrada de texto

dvdrothen

Alterar caixa de seleção para

Altera o valor de uma caixa de seleção. Se a entrada do campo selecionado for verdadeiro, então deixa a caixa marcada, se for falso deixa desmarcada. Exemplo: Pode ser usada para alterar a caixa de seleção, deixando marcada ou não.
Selecionado?: verdadeiro ou falso Bloco de Lógica indicando se ela deve ficar marcada ou não.
ID: texto Identificador da caixa de seleção

dvdrothen

Adicione Itens na Lista para Seleção

Adiciona um item no componente Seleção criado na parte visual que tiver o id informado.
Exemplo: Pode ser usado para adicionar vários itens em uma lista de seleção, onde o usuário poderá selecionar um iten dessa lista.
Id da Lista: texto Identificador único criado para o componente Seleção criado na parte visual.
Opção: texto Opção que vai aparecer para o usuário poder selecionar.
Valor texto ou número Valor que o o código vai informar quando o usuário selecionar a opção.
Selecionado: verdadeiro ou falso Informa se essa opção já deve ser pré selecionada ou não.

dvdrothen

Limpar Lista para Seleção

Limpa a lista de seleção criada na parte visual com o id informado. Exemplo: Pode ser usada para remover todas as opções de uma lista para depois colocar novas opções.
Id da Lista: texto Identificador único do componente Seleção criado na parte visual

dvdrothen

Remover Elemento (id)

Remove um elemento do html que tenha o id informado. Exemplo: Pode ser usado para remover um item de uma lista criada ou qualquer outro elemento.
ID: texto Identificador único do elemento a ser removido criado na parte visual

dvdrothen

Remover Elemento (classe)

Remove todos os elementos do html que tenha a classe informada. Exemplo: Pode ser usado para remover vários ítens ao mesmo tempo, como ao limpar uma lista inteira.
Classe: texto Classe dos elementos a serem removidas criada na parte visual

dvdrothen

Esconder Elemento

Esconde o elemento que possui o id informado, mas não elimina ele do html, podendo ser chamado mais tarde. Exemplo: Pode ser usado para esconder um elemento que deve aparecer só mais tarde, dependendo da interação do usuário.
ID: texto Identificador único do elemento a ser escondido criado na parte visual

dvdrothen

Mostrar Elemento

Exibe o elemento que está escondido e que tenha o id informado. Exemplo: Pode ser usado para mostrar um elemento que estava invisível antes.
ID: texto Identificador único do elemento a voltar a ser visível criado na parte visual

dvdrothen

Está Visível?

Retorna verdadeiro se o elemento cujo id informado estiver visível na tela e falso caso não estiver visível. Exemplo: Pode ser usado para verificar se um elemento específico está visivel usando o bloco se de lógica e executar um código caso esteja ou não visível.
ID: texto Identificador único do elemento a ser verificado a visibilidade na parte visual

dvdrothen

Abrir Elemento

Força a abertura de um elemento do tipo input. Exemplo: Pode ser usado para abrir um seletor de arquivos, ou o elemento câmera, mesmo que esses elementos estiverem invisíveis na parte visual.
ID: texto Identificador único do seletor a ser aberto na parte visual

dvdrothen

Desativar Componente

Desativa um elemento criado na parte visual. Exemplo: Pode ser usado para desativar um botão após o envio de um formulário para impedir que o usuário envie novamente.
ID: texto Identificador único do elemento a ser desativado

dvdrothen

Ativar Componente

Ativa um elemento que está desativado e que possui o id informado. Exemplo: Pode ser usado para ativar um botão após validar todos os campos, permitindo que o usuário envie um formulário.
ID: texto Identificador único do elemento a ser ativado

dvdrothen

Obter o Elento por ID

Equivale a document.getElementById() do javascript
Obtem o elemento completo do HTML que possui o id informado. Exemplo: Pode ser usado junto com código personalizado para atribuir um elemento a uma ariável e fazer alterações ou obter informações dete elemento específico.
ID: texto Identificador único do elemento a ser obtido

Próxima página »