• 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

  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18: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
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    NFT Art Designer 1 maart 2025 om 14:08

Marktplaats

  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07
  • Van een pixelige afbeelding naar een strakke, moderne website

    Syntax 21 december 2025 om 17:05

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/

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

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

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