JSFiddle

  • Address Auto-Complete #1 is the latest revision

    After selecting an address the form will be revealed.

    new clickToAddress({
      accessToken: 'xxxxx-xxxxx-xxxxx-xxxxx',
      dom: {
        search: 'search-bar',
        town: 'address-town',
        postcode: 'address-zip',
        line_1: 'address-line-1',
        line_2: 'address-line-2',
        country: 'address-country'
      },
      domMode: 'id',
      onResultSelected ...
  • Postcode Lookup - Crafty Clicks #3 is the latest revision

    UK postcode lookup. Using form name & input element names to config the Crafty Clicks JS.

       var cp_obj = CraftyPostcodeCreate();
       cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj.set("result_elem_id", "crafty_postcode_result_display");
       cp_obj.set("form", "address");
       cp_obj.set ...
  • Legacy JS with BootStrap & jQuery #20 is the latest revision

    jQuery 1.12.2, HTML, CSS, JavaScript

    No code. How about adding some?
  • Shopify - Tutorial

    Quick JS instructions

    var crafty_cfg = document.createElement('script');
    crafty_cfg.setAttribute('type', 'text/javascript');
    crafty_cfg.innerHTML = "var _cp_access_token = 'xxxxx-xxxxx-xxxxx-xxxxx';";
    document.getElementsByTagName("head")[0].appendChild ...
  • Street Level Postcode Lookup - Crafty Clicks #4 is the latest revision

    UK postcode lookup, street level only

       var cp_obj = CraftyPostcodeCreate();
       cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj.set("result_elem_id", "crafty_postcode_result_display");
       cp_obj.set("form", "");
       cp_obj.set("elem_company ...
  • House name/numer + postcode Lookup - Crafty Clicks #43 is the latest revision

    UK postcode lookup, search by house name/number and postcode

       var cp_obj = CraftyPostcodeCreate();
       cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj.set("result_elem_id", "crafty_postcode_result_display");
       cp_obj.set("form", ""); // form blank, so ...
  • Postcode Lookup on two forms - Crafty Clicks #38 is the latest revision

    UK postcode lookup on two forms, using input element IDs to config the Crafty Clicks JS,

       var cp_obj_1 = CraftyPostcodeCreate();
       cp_obj_1.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj_1.set("result_elem_id", "crafty_postcode_result_display_1");
       cp_obj_1.set("form", ""); // left blank, we ...
  • Postcode Lookup - Crafty Clicks #118 is the latest revision

    UK postcode lookup, using input element IDs to config the Crafty Clicks JS,

       var cp_obj = CraftyPostcodeCreate();
       cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj.set("result_elem_id", "crafty_postcode_result_display");
       cp_obj.set("form", "");
       cp_obj.set("elem_company ...
  • Postcode Lookup - Crafty Clicks #121 is the latest revision

    UK postcode lookup. Using form name & input element names to config the Crafty Clicks JS.

       var cp_obj = CraftyPostcodeCreate();
       cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
       cp_obj.set("result_elem_id", "crafty_postcode_result_display");
       cp_obj.set("form", "address");
       cp_obj.set ...