WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

formReplacer - fully customize your form elements

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


formReplacer - personalizar totalmente seus elementos de formulário - WorldWideScripts.net artigo para a venda

Ads

Ad: Bluehost hosting

A nova versão 1.1.2 está trabalhando com jQuery 1.7

Este plugin jQuery substitui caixas padrão, seleciona e radioboxes com os seus homólogos mais flexíveis e robustas .

O maior benefício é claro, acapacidade de estilo esses elementos da maneira que quiser !

Diga adeus ao estilo traquinas e inconsistente. Cada elemento é criado usando elementos HTML comuns, como vãos e listas.Você só precisa alterar algumas regras CSS para mudar completamente sua aparênciae perfeitamente combiná-los para o seu site . Agora que é o controle total .

Mais do que isso, ele também

  • NOVOSuporta Keyboard Navigation - confira por si mesmo! Concentre-se elementos com TAB, use as setas para selecionar as opções de selecionar os elementos, o apoio Select- Multiple também Shift + setas e espaço + CTRL . Caixas Rádios e pode ser selecionado com o espaço, depois de focar .
  • NOVOReconhece " desativado" atributo de insumos e opções - ver o preview
  • NOVOApóia o direito às línguas esquerda - veja README para obter informações sobre RTL
  • fornece uma maneira super fácil de marcar / desmarcar todas as caixas de seleção
  • permite a seleção de um intervalo ( com shift- click) de opções no elemento Select- Múltipla,
  • usa melhoria progressiva - os usuários sem JavaScript enabled não vai notar uma coisa:)
  • preserva a funcionalidade plena forma ( $ _GET / $ _POST, submetendo - todas as obras, como ele sempre fez)

Melhoria da interação e usabilidade

No caso de uma caixa de seleção e rádio, área total ( incluindo etiqueta ) é clicável e tem efeitos hover que deixar o usuário sabe, é clicável .

NotaPara que isso funcione você precisa fornecer 'para' atributo em etiquetas, que é a melhor prática de qualquer maneira.

Cada elemento é substituído completamente documentado no README. Arquivo CSS também é totalmente documentado.Desta forma, você sabe exatamente o que mudar!

Quando você baixar esse código, você também vai ficar em camadas PSD de todas as imagens usadas ( checkbox, select e rádio) .Você pode alterar as cores, em nenhum momento, salvar, alterar algumas regras CSS e você tem um tema completamente diferente, que corresponde ao seu site !

Claro que você pode criar suas próprias imagens e CSS, o céu é o limite!

Planejado para a versão 1.1.5

  • Suporte para barras de rolagem em determinados listas suspensas de comprimento
  • Correções para o posicionamento de selecionar menus suspensos
  • Outras pequenas melhorias e correções

Alterar log

Versão 1.1.2

  • formReplacer foi atualizado e testado com jQuery 1.7.1
  • IMPORTANTE!Pelo menos jQuery 1.7.0 é necessário!
  • versão 1.1.1

    • Classes e IDs agora são corretamente transitar a partir dos elementos originais para os substituídos

    Versão 1.1.0

    • Total apoio do teclado de navegação e uma melhor acessibilidade ,
    • Suporte para entradas e opções de deficiência
    • Suporte RTL
    • Mudança - funciona em grupos de caixas de seleção,
    • Mudança - clica já não selecione o texto na selecionar vários
    • Otimização de código e mais ...

    Versão 1.0.1 - Versão inicial


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
23 10 de Setembro

Atualização:
28 11 de novembro

navegadores compatíveis:
IE6, IE7, IE8, IE9 , Firefox, Safari, Opera, Chrome , Software Version

Arquivos incluídos:
JavaScript JS , HTML , CSS, Layered PSD

Palavras-chave

acessibilidade, verificar tudo, a caixa de seleção, checkbox, consistente, personalizável, forma, a navegação por teclado, bastante, rádio, botão de rádio, substituição, rtl, select, caixa de escolha