• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Javascript + Ajax

Forum

  • Ictscripters Chat

    AarClay 21 april 2026 om 11:34
  • Het Grote Vibe Code Topic

    Jeroen.G 8 april 2026 om 14:00
  • PWYL source gezocht

    Syntax 25 maart 2026 om 11:44
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Servertjee 18 februari 2026 om 16:57

Marktplaats

  • Snel een website nodig?

    Syntax 10 april 2026 om 12:55
  • Sicarras.com - Moderne Mafia Text-Based RPG

    Syntax 5 april 2026 om 16:22
  • AnimatieActiviteiten.be – Dé autoriteit in de recreatiesector

    K.Rens 3 april 2026 om 13:17

Input automatisch typen

  • Frenzo.Brouwer
  • 5 april 2015 om 05:45
  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    36
    Berichten
    537
    • 5 april 2015 om 05:45
    • #1

    Goedenacht/morgen/middag/avond,

    Ik ben opzoek naar een simpele optie:
    Als je in een input balkje iets intypt, wil ik dat een paar regels beneden automatisch de value wordt mee getypt.
    Ik heb het vaker gezien, en loop nu overal te zoeken maar ik kan niet meer vinden.

    Kan iemand me even op weg helpen?

    Danku

    Helpt bedrijven met groeien :)

  • Guest, wil je besparen op je domeinnamen? (ad)
  • xxx
    Professional
    Ontvangen Reacties
    1
    Berichten
    902
    • 5 april 2015 om 08:29
    • #2

    Kijk hier eens naar:

    http://www.w3schools.com/jsref/event_onkeydown.asp
    http://www.w3schools.com/jsref/prop_text_value.asp

    Uniek mens.

  • Victor
    Master
    Ontvangen Reacties
    102
    Berichten
    1.680
    • 5 april 2015 om 10:58
    • #3

    onkeydown is daar misschien niet helemaal geschikt voor. Als jij je toets langer indrukt blijft hij gewoon doortypen.

    Onchange is denk ik meer wat jij zoekt. Iedere keer als het input veld wordt aangepast (dus ook onder het typen) kan je dan die value in een balkje eronder zetten.

    Met vriendelijke groet,

    Victor
    Beheerder ICTscripters

  • Dees
    Elite members
    Ontvangen Reacties
    64
    Articles
    1
    Berichten
    358
    • 5 april 2015 om 13:28
    • #4

    De beste optie daar voor is 'input'. 'Input' kijkt naar zowat elke optie: onchange, onkeydown, onkeyup, maar bijvoorbeeld ook naar Ctrl + V.

    Met jQuery:

    Code
    $(document).on('input', '.input', function() {
    var input_value = $(this).val();
    $('.output').val(input_value);
    )};


    Bij deze code is de class 'input' het invoerveld en class 'output' het veld waar de waarde naar toe moet. Je kan de class namen natuurlijk veranderen. Ik hoop dat dit je een beetje helpt!

    Met vriendelijke groet,

    Dees

  • Thisguyisgone
    Elite members
    Ontvangen Reacties
    197
    Berichten
    7.880
    • 5 april 2015 om 13:37
    • #5

    Hier heb je een tutorial en leer je ervan: http://www.smarttutorials.net/live-preview-in-jquery/

  • r8934
    Beginner
    Ontvangen Reacties
    7
    Berichten
    32
    • 5 april 2015 om 14:02
    • #6

    AngularJS kan dit.

    op de inputveld zet je een ng-model="naam"
    en waar je wilt dat het verschijnt zet je {{naam}}.

    Wat er ingevuld wordt in het input veld verschijnt dan automatisch op de plaats waar {{naam}} staat.

    Voorbeeld

    Om hier gebruik van te maken hoef je alleen angular.js te includen.
    Kan ook vanaf een CDN.

    Angular OfficialSite

    Altijd open voor een leuk project ^^

  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    36
    Berichten
    537
    • 5 april 2015 om 22:39
    • #7

    Hey,

    Thanks allemaal voor de handige reacties!
    Weer wat bij geleerd!

    Ik gebruik dit:

    JavaScript
    $( "#bedrijf" )
    .keyup(function() {
    var value = $( this ).val();
    $( "#invoer" ).text( value + '/' );
    })


    Het doet precies wat ik wil!

    Helpt bedrijven met groeien :)

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Google Cloud is in de problemen (en AWS weet het)

    ICTscripters 14 april 2026 om 12:01
  • Nebius kondigt bouw aan van een van Europa's grootste datacenters

    ICTscripters 31 maart 2026 om 12:03
  • Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

    ICTscripters 11 maart 2026 om 22:42

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design