• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Javascript + Ajax

Forum

  • Crime Club volledig herschreven vanaf nul

    frio 18 oktober 2026 om 10:47
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 14 oktober 2026 om 16:04
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    Luc 13 oktober 2026 om 21:31
  • Herkent deze Notion-structuurscan echte problemen?

    FreelanceAP 6 oktober 2026 om 16:48
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40

Marktplaats

  • [TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

    Jeroen.G 16 oktober 2026 om 14:27
  • Te koop: TuinKlussen.be, een kant-en-klaar platform voor tuinklussen in Vlaanderen en Brussel

    frio 13 oktober 2026 om 21:08
  • Te koop: Port Father, afgewerkt online maffiaspel in PHP/MySQL, klaar voor de Play Store

    frio 11 oktober 2026 om 14:02

Input automatisch typen

  • Frenzo.Webservice
  • 5 april 2015 om 05:45
  • Frenzo.Webservice
    Web Developer
    Berichten
    541
    • 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 :)

  • Gast, wil je besparen op je domeinnamen? (ad)
  • xxx
    Professional
    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
    Meester
    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
    Artikelen
    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
    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
    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.Webservice
    Web Developer
    Berichten
    541
    • 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 :)

Registratie

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

Nu registreren Aanmelden

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. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design