JSFiddle

Kees C. Bakker's public fiddles

• html2canvas example #1 is the latest revision

  how to use html2canvas

  • Delete fiddle
• html,body,svg { height:100% }

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Checkbox my Evernot

  Makes a list of checkboxes for Evernote.

  • Delete fiddle
• jQuery addClass example #1 is the latest revision

  Change class name on click in jQuery

  • Delete fiddle
• Graph #124 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Trivago Smile #5 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Base jQuery / Knockout / Lodash #12 is the latest revision

  Loads a basic template with jQuery, Knockout and Lodash.

  • Delete fiddle
• Pulse Generator #15 is the latest revision

  Implements a pulse generator using

  • Delete fiddle
• Clock #19 is the latest revision

  Implements a pulse generator using Strongly Typed Events.

  • Delete fiddle
• Pulse Generator #35 is the latest revision

  Implements a pulse generator using

  • Delete fiddle
• KM/H Tester

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Studie 3

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Base jQuery / Knockout / Lodash #277 is the latest revision

  Loads a basic template with jQuery, Knockout and Lodash.

  • Delete fiddle
• Base jQuery / Knockout / Lodash #23 is the latest revision

  Loads a basic template with jQuery, Knockout and Lodash.

  • Delete fiddle
• UX Viewer Plugin

  Generates an UX viewer plugin that is workable in lists.

  • Delete fiddle
• Live UX editor

  UX editor that uses Knockout JS to preview HTML / CSS / JS user interface elements.

  • Delete fiddle
• Building a calculator #15 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Opgave voor Mark 2

  Als er op de knop 'Indienen' wordt geklikt, dan moet de waarde in het tekstvlak worden gevalideerd. Voldoet de waarde aan 'JA!' (mag ook met kleine letters), laat dan een melding zien met 'Dank u voor uw ziel!' en laat anders een melding zien met 'Ik snap er niets van, probeer het nogmaals!'. Leg bij de tweede melding de focus ook weer terug op het tekstvlak.

  • Delete fiddle
• Opgave voor Mark 4 #6 is the latest revision

  De rekenmachine, waar zouden we zonder zijn? Deze werkt alleen nog niet. Implementeer alle operaties.

  • Delete fiddle
• Opgave voor Mark 5

  Deze wizard heeft 3 stappen. Implementeer de wizard.

  • Delete fiddle
• Opgave voor Mark 4

  De rekenmachine, waar zouden we zonder zijn? Deze werkt alleen nog niet. Implementeer alle operaties.

  • Delete fiddle
• Opgave voor Mark 3

  Het oud-hollandsche spel Tik, Tak, Too! Brengt al jaren mensen veel plezier. Maak dit spel.

  • Delete fiddle
• Opgave voor Mark 3

  Het oud-hollandsche spel Tik, Tak, Too! Brengt al jaren mensen veel plezier. Maak dit spel.

  • Delete fiddle
• Opgave voor Mark 2

  Als er op de knop 'Indienen' wordt geklikt, dan moet de waarde in het tekstvlak worden gevalideerd. Voldoet de waarde aan 'JA!' (mag ook met kleine letters), laat dan een melding zien met 'Dank u voor uw ziel!' en laat anders een melding zien met 'Ik snap er niets van, probeer het nogmaals!'. Leg bij de tweede melding de focus ook weer terug op het tekstvlak.

  • Delete fiddle
• Opgave voor Mark 1 #2 is the latest revision

  Eerste opgave voor Mark. Laat de warnings knipperen.

  • Delete fiddle
• Detect changes in a form

  Detects if one of the form elements has been changed.

  • Delete fiddle
• Radom Greeting Demo - Knockout subscribe to model #12 is the latest revision

  jQuery 1.9.1, HTML, CSS, JavaScript

  • Delete fiddle
• LI taversal for Richard

  Next / prev for LI-elements using jQuery.

  • Delete fiddle
• Graph Parser for Gemma

  Parsed the information provided by the Facebook Graph API into field that can be stored in ID manager.

  • Delete fiddle
• Automatic Knockout model persistence (offline) with Amplify #77 is the latest revision

  Demo code for http://keestalkstech.com/2014/02/automatic-knockout-model-persistence-offline-with-amplify/

  • Delete fiddle
• Knockoutjs.com - Hello World Example #16 is the latest revision

  http://knockoutjs.com/examples/helloWorld.html

  • Delete fiddle
• Share button bar #41 is the latest revision

  jQuery 1.9.1, HTML, CSS, JavaScript

  • Delete fiddle
• Knockout Test - Bug report

  Tests the knockout against bug report!

  • Delete fiddle
• New FileField #92 is the latest revision

  (c) ID manager 2011

  • Delete fiddle
• Regex matching

  jQuery 1.6, HTML, CSS, JavaScript

  • Delete fiddle
• Find mr. blue #31 is the latest revision

  Find a position within a scoll box.

  • Delete fiddle
• Creates a carousel that can be used on landing pages.

  Creates a carousel that can be used on landing pages. Links can be specified to redirect users to other pages. (c) 2011 by Kees C. Bakker

  • Delete fiddle
• FadeR #20 is the latest revision

  jQuery 1.5, HTML, CSS, JavaScript

  • Delete fiddle
• Search highlight #25 is the latest revision

  The piece of code will highlight the nodes that will mach the search value. It uses regex to do so.

  • Delete fiddle
• Auto grow textarea #179 is the latest revision

  Text area that auto grows.

  • Delete fiddle
• ExtraBox #119 is the latest revision

  Gives you a selectbox that can disable and enable options.

  • Delete fiddle