Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Alternar classe
Alterna a cada vez que é chamado entre ativa ou não, uma classe css que foi configurada.
Parâmetros
Nome | Tipo | Doc |
---|---|---|
Parâmetro 1 | Objeto | Componente a ter sua classe alterada como ativa ou inativa. |
Parâmetro 2 | Texto | Recebe o nome da classe sem o símbolo de ponto no começo do nome. Exemplo: style6090 |
Compatibilidade
Servidor
Cliente
Exemplo
Após vincular um formulário de referência nas configurações do bloco, a função "AnternandoClasse" (Figura 1) recebe o bloco Anternar classe e seus parâmetros estão configurados da seguinte forma:
- Obter identificador: nome da propriedade Identificador do componente que será utilizado;
- Valor do atributo: Classe CSS que será definida como ativa ou inativa (Sem o ponto antes do nome da classe).
Image ModifiedFigura 1 - Bloco Definir visibilidade
A função acima é atribuída ao evento Ao Clicar do botão. Ao clicar no botão "Alternar Classe" (Figura 1.1) na aplicação, o componente Área de texto alternará a cada clique se a classe ficará ativa ou inativa no componente, inserimos uma cor de fundo na classe para ficar melhor de visualizar, após o clique no botão a classe ficou ativa e o fundo foi adicionado ao componente Entrada de texto como mostrado na figura 1.1.
Figura 1.1 - Alternando Classe CSS
Abaixo, segue o estilo CSS que foi utilizado no exemplo, ele pode ser configurado na aba Estilo, para mais detalhe acesse a documentação sobre Estilo - CSS.
Image Added
Figura 1.2 - Após clicar no botão EsconderEstilo CSS utilizado
Vincular formulário
Para selecionar o Identificador(id) do componente no parâmetro Obter identificador, é necessário apontar a view desejada no campo Formulário de referência das configurações do Editor de Bloco de programação.
Informações | ||
---|---|---|
| ||
Veja mais detalhes no tópico "Propriedades do Blockly" em Bloco de programação. |