Como fazer elementos selecionáveis ​​em ajax para html5 e css3 programação

Você pode ter uma situação onde você deseja que o usuário escolher entre uma lista de elementos. AJAX permite HTML5 e CSS3 programadores essa opção. o selecionável

widget é uma ótima maneira de criar esta funcionalidade a partir de uma lista comum. O usuário pode arrastar ou Ctrl + clique nos itens para selecioná-los. classes CSS especiais são aplicadas automaticamente para indicar que o item está sendo considerado para a seleção ou selecionado.

Siga estes passos para fazer um elemento selecionável:

Video: HTML 5, CSS 3, PHP , Jquery, Ajax website design (E.commerce) Part 1

Comece com uma lista não ordenada.

Construir uma lista não ordenada padrão em seu HTML. Dê o ul um ID para que ele possa ser identificado como um nó jQuery:

 

selecionável

  • alfa
  • beta
  • gama
  • delta

Video: Contact Form Web Application Tutorial Ajax HTML5 PHP

  • Adicionar classes CSS para a seleção e estados selecionados.



    Se você deseja que os itens selecionáveis ​​para alterar a aparência quando os itens estão sendo selecionados ou que tenham sido selecionados, adicione classes CSS como mostrado. Algumas classes especiais (ui-selecção e seleccionado ui-) São pré-definidos e será adicionado aos elementos em momentos apropriados:

     
  • No nisso() função, especificar a lista como um nó selecionável.

    Video: PSEUDO-CLASSES DE ESTADO (CSS3/HTML5)

    Use a sintaxe jQuery padrão: selecionável ().

     $ ("#selectable") .selectable () -
  • A classe está ligado a todos os elementos quando eles foram selecionados. Certifique-se de adicionar algum tipo de CSS para esta classe, ou você não será capaz de dizer que os itens foram selecionados.

    Se você quer fazer algo com todos os itens que foram selecionados, basta criar um grupo jQuery de elementos com o seleccionado ui- classe:

    var selectedItems = $ (".ui-seleccionado") -

    Publicações relacionadas