• 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

    Servertjee 21 februari 2026 om 19:29
  • 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
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09

Marktplaats

  • Meerdere mafia game template te koop

    Syntax 16 februari 2026 om 13:34
  • Verschillende domeinnamen los te koop

    zwpgangster 12 februari 2026 om 16:05
  • Verschillende domeinen

    Syntax 8 februari 2026 om 09:57

Input automatisch typen

  • Frenzo.Brouwer
  • 5 april 2015 om 05:45
  • Frenzo.Brouwer
    Web Developer
    Ontvangen Reacties
    35
    Berichten
    535
    • 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

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

  • 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
    35
    Berichten
    535
    • 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!

    Eigenaar van:
    Online Marketing & Webdesign Bureau - https://marketingmetrics.nl/
    Gaming Plaform - https://onetwogaming.nl/
    Banditi - https://banditi.nl/
    Criminas - https://criminas.nl/

Participate now!

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

Maak een account aan Login

ICT Nieuws

  • Tech Trends 2026: AI, Cloud en Cybersecurity

    K.Rens 20 februari 2026 om 21:47
  • AI-vraag zet ook opslagmarkt onder druk: harde schijven dreigen schaarser te worden

    K.Rens 20 februari 2026 om 21:01
  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55

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
  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