Testing a Plugin

by benedict_chan

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<form >
    
<div id="kiosks1" >
              </div>

<input type="text" id="address0" placeholder="POPStation" name="address0" />
<input type="text" id="address1" placeholder="Storey, Unit, Building" name="address1" />
<input type="text" id="address2" placeholder="House, Street, Post Code" name="address2" />
</form>
         <script src="http://plugins.mypopstation.com/PopStation/plugin?dummy=.js"></script>

CSS

/*

Postal Code Example:
917691, 918090, 913091

*/

JavaScript

$('#kiosks1').TzKioskAddress({
                    addressPattern: { 
                        'address0': ['sp_POPStationName'],
                        'address1':['sp_Storey', 'sp_UnitNumber', 'sp_BuildingName'],
                        'address2': ['sp_HouseBlockNumber','sp_StreetName','sp_PostCode']
                    },
                    addressSepartor: ", "
                });