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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


formReplacer - uw vormelementen volledig aanpassen - WorldWideScripts.net Item te koop

Ads

Ad: Bluehost hosting

De nieuwe, versie 1.1.2 is het werken met jQuery 1.7

Dit jQuery plugin vervangt standaard checkboxes, selecteert en radioboxes met meer flexibele en robuuste tegenhangers .

Het grootste voordeel is natuurlijk demogelijkheid om stijl die elementen zoals jij dat wilt !

Zeg vaarwel tegen de vervelende en inconsistente styling . Elk element is gemaakt met behulp van gewone HTML- elementen zoals overspanningen en lijsten .U hoeft alleen maar enkele CSS-regels te veranderen om hun uiterlijk volledig te veranderenen perfect af te stemmen op uw website . Nu dat is volledige controle .

Meer dan dat, het ook

  • NIEUWOndersteunt Toetsenbordnavigatie - check it out voor jezelf ! Focus elementen met TAB, gebruik pijlen om opties op Select Elements selecteert, Select - Multiple ondersteuning ook Shift + pijlen en ruimte + CTRL . Checkboxes en Radios kunnen worden geselecteerd met Space, na het scherpstellen .
  • NIEUWHerkent " uitgeschakeld " attribuut op ingangen en opties - zie het Voorbeeld
  • NIEUWOndersteunt rechts naar links talen - zie voor nadere informatie over RTL
  • biedt een super eenvoudige manier om te controleren / vinkje bij alle selectievakjes ,
  • zorgt voor het selecteren van een range ( met shift - klik) van opties in de Select - Multiple element
  • maakt gebruik van progressive enhancement - gebruikers zonder JavaScript enabled zal een ding niet merken:)
  • behoudt volledige vorm functionaliteit ( $ _GET / $ _POST, indienen - ! alles werkt zoals het altijd deed )

Verbeterde interactie en usability

In geval van een checkbox en radio, hele gebied ( kenmerk inclusief ) is click- staat en heeft hover effecten die laat de gebruiker weten, het is click- staat .

Opmerkingom dit te laten werken moet je leveren ' voor' attribuut in Labels, dat is de beste praktijk toch.

Elke vervangen element is grondig gedocumenteerd in de README . CSS-bestand is ook volledig gedocumenteerd .Op deze manier weet je precies wat te veranderen!

Wanneer u deze code te downloaden, je krijgt ook gelaagde PSD van alle gebruikte afbeeldingen ( checkbox, selecteer en radio ) .U kunt de kleuren in een mum van tijd veranderen, sparen, veranderen sommige CSS-regels en je hebt een heel ander thema dat overeenkomt met uw website !

Natuurlijk kunt u uw eigen afbeeldingen en css, de sky is the limit !

Gepland voor versie 1.1.5

  • Ondersteuning voor scrollbars op lange select dropdown lijsten
  • Fixes voor het positioneren van geselecteerde dropdowns
  • Andere kleine verbeteringen en fixes

Wijzig logboek

Versie 1.1.2

  • formReplacer is bijgewerkt en getest met jQuery 1.7.1
  • BELANGRIJK !Althans jQuery 1.7.0 is vereist!
  • versie 1.1.1

    • Klassen en id's worden nu correct overgedragen van de oorspronkelijke elementen aan het vervangen Ones

    Versie 1.1.0

    • Volledig toetsenbord navigatie- ondersteuning en een verbeterde toegankelijkheid ,
    • Ondersteuning voor gehandicapte ingangen en opties
    • RTL Ondersteuning
    • Shift - werken op groepen van selectievakjes ,
    • Shift - klikt niet meer select tekst op Select Multiple
    • Code optimalisatie en meer ...

    Versie 1.0.1 - Initial release


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
23 september 10

Last Update:
28 november 11

Compatibel Browsers:
IE6 , IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome

Software Version:
jQuery

Files Inbegrepen:
JavaScript JS , HTML , CSS , gelaagde PSD

Trefwoorden

toegankelijkheid, check alles, check box, checkbox, consistente, klantgericht, vorm, keyboard navigation, knap, radio, radio button, vervanging, rtl, select, select box