Alerts

Exemplo Uso de Alert.

Exemplo mostra o uso de alert, e opções para leitores visuais_Digitais (Acessibilidade).

Imagen Exemplo.

Observar com atenção, pois exitem novos recursos no código voltado a acessibilidade.

Código Fonte Exemplo.  

<div class="container">
        <div class="page-header"><h1>- Alert Bootstrap </h1></div>

          <!--Accessible Rich Internet Applications (Aria) -->
          <div class="alert alert-success" role="alert"> <strong>success</strong> teste!!!
          <button type="button" class="close" data-dismiss="alert" aria-lable="Fechar">
             <span aria-hidden="true">&times;</span>
          </button>
          </div>
          <div class="alert alert-info" role="alert"> <strong>info</strong> teste!!!</div>
          <div class="alert alert-warning" role="alert"> <strong>WARNING</strong> teste!!!</div>
          <div class="alert alert-danger" role="alert"> <strong>danger</strong> teste!!!</div>
         
    </div>

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Botões Bootstrap Exemplos.

Imagem
Exemplo de Botões no Bootstrap! Exemplo se uso de botões no bootstrap, segue abaixo código fonte: <div class="container ">        <div class="page-header">         <h1>Botões Bootstrap</h1>  </div><!-- page reader Cabeçalho da Página -->                 <div class="row">           <div class="col-sm-6">                       <h3>Botões Padrão</h3>             <a href="#" class="btn btn-default">Botão link</a>             <input type="submit" class="btn btn-default" value="Botão">             <button class="btn btn-default">Botão Button</button>         </div>       ...
Leia mais

Conhecendo JavaScript - Eventos

Imagem
Eventos Os eventos são ações realizadas pelo usuário que são capturadas dentro do navegador, no JavaScript podemos captura-las como por exemplo o comportamento do movimento do mouse, um clique de uma tecla do teclado, até mesmo quando o usuário redimensiona a tela do browser, o carregamento da página, esses eventos possibilitam disparar ações. Os eventos trabalham em conjunto com as funções vista no ultimo estudo, caso não tenha se lembre volte no post e leia novamente. Eventos     Eventos do Mouse Os principais eventos de captura do mouse no browser são: ONCLICK - Acionado no clique do mouse. ONDBLCLICK - Acionado no clique duplo do mouse ONMOUSEDOWN - Acionado no clique do mouse(soltando ou não o botão) ONMOUSEOVER - Acionado quando cursor do mouse sobrepõe o elemento da página. ONMOUSEOUT   - Acionado quando o cursor do mouse sai da área de uma elemento da página. Para podermos começar precisamos de um elemento na página, para podemos visua...
Leia mais

Conhecendo JavaScript - HTML DOM

Imagem
DOM DOM ou (Document Object Model), é uma API multiplataforma que permite o acesso aos elementos que fazem parte da página utilizando o JavaScript.  Lembrando da estrutura da pagina html, nos temos as tags que geram os hipertextos, que encapsulam outras tags filhas e os textos,imagens...etc. Toda essa estrutura pode se imaginar como uma arvore onde ela é renderizada pela navegador e mostrada na tela, os elementos dessa arvore são chamados de nos ou NODE(inglês) ,segue ilustração da arvore. Sempre seguindo uma herarquia nota que a estrutura é simples para leitura de onde esta os elementos dentro da arvore  HTML. Com o Dom podemos fazer alteração diretamente ao elemento através de um evento, alterar uma cor,  esconder ou exibir uma tabela , acionar um evento com mouse sobre uma imagem e alterar brilho da imagem, tem muitas aplicações dinamicas possiveis. Para que isso funcione precisamos manipular os elementos (Node) no HTML,  como visto acima nessa arvor...
Leia mais