Create Offers

This example shows how to:

Create currency offers.
Retrieve active offers.
Match a currency offer to exchange tokens.
Cancel an unsettled offer.

Download and expand the Quickstart Samples archive.

Note: Without the Quickstart Samples, you will not be able to try the examples that follow.

Usage

To get test accounts:

Open 3a.CreateOffer.html in a browser
Choose Testnet or Devnet.
Enter an Account Name for the left column. For example, Standby.
Click Get New Account on the left.
Enter an Account Name for the right column. For example, Operational.
Click Get New Account on the right.
Copy and paste the Seeds field in a persistent location, such as a Notepad, so that you can reuse the accounts after reloading the form.

You can create and match offers from either account.

Create Offer

To create an offer to exchange XRP for an issued currency on the Standby (left) side:

Enter XRP as the Taker Pays Currency.
Enter the Taker Pays Value in drops. For example, 50000000.
Enter the Taker Gets Currency. For example, USD.
Copy the left account (Standby) value to the Taker Gets Issuer field.
Enter the Taker Gets Value. For example, 50.
Click Create Offer.

To create a complementary offer on the Operational (right) side:

Enter the Taker Pays Currency. For example, USD.
Copy the left (Standby) side Account string into the Issuer field.
Enter the Taker Pays Value. For example, 50.
Enter XRP as the Taker Gets Currency.
Enter the Taker Gets Value in drops. For example, 50000000.
Click Create Offer.

Get Offers

Click Get Offers to get a list of offers issued by the corresponding account.

Cancel Offer

To cancel an existing offer:

Enter the sequence number of the offer in the Offer Sequence field. To find the sequence number, you can click Get Offers, then look for the Seq value for the offer you want to cancel.

Click Cancel Offer, then click Get Offers to show that the offer has been removed from the list of outstanding offers.

Code Walkthrough

You can download the Quickstart Samples{.github-code-download} in the source repository for this website.

ripplex3a-create-offers.js

Create Offer

Initialize variables for the takerGets and takerPays payload, and get the selected developer network instance.

 async function createOffer() {
  let takerGets = ''
  let takerPays = ''
  let net = getNet()

Get a client instance and connect to the XRP Ledger.

  let results = 'Connecting to ' + net + '....\n'
  const client = new xrpl.Client(net)
  await client.connect()

Get the wallets for both accounts.

  results  += "Connected. Getting wallets.\n"
  standbyResultField.value = results
  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  results += standbyNameField.value + " account address: " + standby_wallet.address + "\n"
  standbyResultField.value = results

If the currency for the "Taker Gets" side of the deal is XRP, you only need the value (amount) of XRP to request. If you are trading an issued currency, you need to capture the currency code, issuer account, and value.

  if (standbyTakerGetsCurrencyField.value == 'XRP') {
    takerGets = standbyTakerGetsValueField.value
  } else {
    takerGetsString = '{"currency": "' + standbyTakerGetsCurrencyField.value +'",\n' +
        '"issuer": "' + standbyTakerGetsIssuerField.value + '",\n' +
        '"value": "' + standbyTakerGetsValueField.value + '"}'
    takerGets = JSON.parse(takerGetsString)
  }

Similarly on the "Take Pays" side, you only need the value when trading XRP.

  if (standbyTakerPaysCurrencyField.value == 'XRP') {
    takerPays = standbyTakerPaysValueField.value
  } else {
    takerPaysString = '{"currency": "' + standbyTakerPaysCurrencyField.value + '",\n' +
      '"issuer": "' + standbyTakerPaysIssuerField.value + '",\n' +
      '"value": "' + standbyTakerPaysValueField.value + '"}'
    takerPays = JSON.parse(takerPaysString)
  }

Prepare the transaction.

  const prepared = await client.autofill({
    "TransactionType": "OfferCreate",
    "Account": standby_wallet.address,
    "TakerGets": takerGets,
    "TakerPays": takerPays
  })

Sign the prepared instructions.

 const signed = standby_wallet.sign(prepared)
results += "\nSubmitting transaction...."

Submit the signed transaction blob.

const tx = await client.submitAndWait(signed.tx_blob)

Report the results and update XRP balances.

  results += tx.results + "\n"
  results  += "\nBalance changes: " + 
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  standbyResultField.value = results
  standbyBalanceField.value =  (await client.getXrpBalance(standby_wallet.address))
  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))

Call the getOffers function to show the new offer.

  getOffers()

Disconnect from the XRP Ledger.

  client.disconnect()    
}

Get Offers

Connect to the XRP Ledger and get the wallet for the Standby (left) side of the Token Test Harness.

async function getOffers() {
  let net = getNet()
  let results = 'Connecting to ' + net + '....\n'
  const client = new xrpl.Client(net)
  await client.connect()
  results  += "Connected.\n"
  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  results += standbyNameField.value + " acccount: " + standby_wallet.address

Label the offers section of the results

  results += '\n\n*** Offers ***\n'

Send the account_offers request to the XRP Ledger. Capture the results.

  try {
    const offers = await client.request({
      method: "account_offers",
      account: standby_wallet.address,
      ledger_index: "validated"
    })
    results += JSON.stringify(offers,null,2)
  } catch (err) {
      results += err
  }

Report the results and disconnect from the XRP Ledger.

  standbyResultField.value = results
  client.disconnect()
}

Cancel Offer

Connect to the XRP Ledger and get the account wallets.


  async function cancelOffer() {
    let results  = "Connecting to the selected ledger.\n"
    standbyResultField.value = results
    let net = getNet()
    results += 'Connecting to ' + net + '....\n'
    const client = new xrpl.Client(net)
    await client.connect()
        
    results  += "Connected.\n"
    standbyResultField.value = results
    const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
    const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
    results += "standby_wallet.address: = " + standby_wallet.address
    standbyResultField.value = results

Prepare the transaction. The OfferSequence is the Seq value in the response to the account_offers request.

  const prepared = await client.autofill({
  "TransactionType": "OfferCancel",
  "Account": standby_wallet.address,
  "OfferSequence": parseInt(standbyOfferSequenceField.value)
  })

Sign the prepared transaction.

  const signed = standby_wallet.sign(prepared)

Submit the transaction and wait for the results.

  const tx = await client.submitAndWait(signed.tx_blob)

Capture the balance changes and report the results.

  results  += "\nBalance changes: \n" + 
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  standbyResultField.value = results

Update the XRP balance.

  standbyBalanceField.value =  (await client.getXrpBalance(standby_wallet.address))

Disconnect from the XRP Ledger.

  client.disconnect()    
  }

Reciprocal functions for the Operational (right) account.

  /***********************************
   ********* OP Create Offer *********
    **********************************/

    async function oPcreateOffer() {
    let takerGets = ''
    let takerPays = ''

      operationalResultField.value = ''
      let net = getNet()
      let results = 'Connecting to ' + net + '....\n'
      const client = new xrpl.Client(net)
      await client.connect()
          
      results  += "Connected. Getting wallets.\n"
      operationalResultField.value = results
      const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
      const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
      results += operationalNameField.value + " account address: " + operational_wallet.address + "\n"
      operationalResultField.value = results


    if (operationalTakerGetsCurrencyField.value == 'XRP') {
      takerGets = operationalTakerGetsValueField.value
    } else {
      takerGetsString = '{"currency": "' + operationalTakerGetsCurrencyField.value +'",\n' +
          '"issuer": "' + operationalTakerGetsIssuerField.value + '",\n' +
          '"value": "' + operationalTakerGetsValueField.value + '"}'
      takerGets = JSON.parse(takerGetsString)
    }

    if (operationalTakerPaysCurrencyField.value == 'XRP') {
      takerPays = operationalTakerPaysValueField.value
    } else {
      takerPaysString = '{"currency": "' + operationalTakerPaysCurrencyField.value + '",\n' +
        '"issuer": "' + operationalTakerPaysIssuerField.value + '",\n' +
        '"value": "' + operationalTakerPaysValueField.value + '"}'
      takerPays = JSON.parse(takerPaysString)
    }
    
      // -------------------------------------------------------- Prepare transaction
    const prepared = await client.autofill({
      "TransactionType": "OfferCreate",
      "Account": operational_wallet.address,
      "TakerGets": takerGets,
        "TakerPays": takerPays
    })   
    // ------------------------------------------------- Sign prepared instructions
    const signed = operational_wallet.sign(prepared)
    results += "\nSubmitting transaction...."
    // -------------------------------------------------------- Submit signed blob
    const tx = await client.submitAndWait(signed.tx_blob)
    
    results += tx.results + "\n"
    results  += "\nBalance changes: " + 
      JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
      operationalResultField.value = results

    standbyBalanceField.value =  (await client.getXrpBalance(standby_wallet.address))
    operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
    getOffers()                 
    client.disconnect()    
  } // End of oPcreateOffer()

  /***********************************
  ********** OP Get Offers ***********
  ***********************************/

async function oPgetOffers() {
  let results  = "Connecting to the selected ledger.\n"
  operationalResultField.value = results
  let net = getNet()
  results = 'Connecting to ' + net + '....\n'
  const client = new xrpl.Client(net)
  await client.connect()
      
  results  += "Connected.\n"
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  results += operationalNameField.value + " account: " + operational_wallet.address
  operationalResultField.value = results   

  // -------------------------------------------------------- Prepare request

  results += '\n\n*** Offers ***\n'
  let offers
  try {
    const offers = await client.request({
      method: "account_offers",
      account: operational_wallet.address,
      ledger_index: "validated"
    })
    results += JSON.stringify(offers,null,2)
  } catch (err) {
      results += err
  }
  results += JSON.stringify(offers,null,2)
  operationalResultField.value = results
  client.disconnect()
}// End of oPgetOffers()

/************************************
 ********** Op Cancel Offer *********
 ***********************************/

async function oPcancelOffer() {
    let net = getNet()
    let results = 'Connecting to ' + net + '....\n'
    const client = new xrpl.Client(net)
    await client.connect()
        
    results  += "Connected.\n"
    const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
    results += "wallet.address: = " + operational_wallet.address
    operationalResultField.value = results
  
  // -------------------------------------------------------- Prepare transaction
  
  /* OfferSequence is the Seq value when you getOffers. */
  const prepared = await client.autofill({
  "TransactionType": "OfferCancel",
  "Account": operational_wallet.address,
  "OfferSequence": parseInt(operationalOfferSequenceField.value)
})
  
// ------------------------------------------------- Sign prepared instructions
  const signed = operational_wallet.sign(prepared)
  
// -------------------------------------------------------- Submit signed blob
  const tx = await client.submitAndWait(signed.tx_blob)
      
  results  += "\nBalance changes: \n" + tx.result + "\n" +
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  operationalResultField.value = results

  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))                 
  client.disconnect()    
} // End of oPcancelOffer()

ripplex3b-name-field-support.js

When creating more complex transactions, it can be difficult to remember which account number was performing which part of the deal. To ease the mental burden, there is a new Name field to facilitate working with use cases that typically involve more than two accounts. The account name is appended to the seed values, which makes them reusable and portable to other forms with name field support. To migrate an account, paste the seed value into the seeds field, add a period, then type the account name as a string with no spaces.

With the exception of the changes that enable use of the Name field, the functions in this JavaScript file are identical to the functions found in ripplex1-send-xrp.js.

### getNet()

    function getNet() {

This function uses brute force if statements to discover the selected network instance and return the URI.

  let net
  if (document.getElementById("tn").checked) net = "wss://s.altnet.rippletest.net:51233"
  if (document.getElementById("dn").checked) net = "wss://s.devnet.rippletest.net:51233"
  return net
} // End of getNet()

getAccount(type)

// *******************************************************
// ************* Get Account *****************************
// *******************************************************

async function getAccount(type) {

Get the selected ledger.

  let net = getNet()

Instantiate a client.

  const client = new xrpl.Client(net)

Use the results variable to capture progress information.

  results = 'Connecting to ' + net + '....'

Use the default faucet using a null value.

  let faucetHost = null

Report progress in the appropriate results field.

  if (type == 'standby') {
    standbyResultField.value = results
  } else {
    operationalResultField.value = results
  }

Connect to the server.

  await client.connect()
        
  results += '\nConnected, funding wallet.'
  if (type == 'standby') {
    standbyResultField.value = results
  } else {
    operationalResultField.value = results
  }

Create and fund a test account.

  const my_wallet = (await client.fundWallet(null, { faucetHost })).wallet
        
  results += '\nGot a wallet.'
  if (type == 'standby') {
    standbyResultField.value = results
  } else {
    operationalResultField.value = results
  }

Get the current XRP balance for the account.

  const my_balance = (await client.getXrpBalance(my_wallet.address))

If this is a standby account, populate the standby account fields.

  if (type == 'standby') {
    standbyAccountField.value = my_wallet.address
    standbyBalanceField.value = (await client.getXrpBalance(my_wallet.address))
    standbySeedField.value = my_wallet.seed
    results += '\nAccount created named ' + standbyNameField.value + '.'
    standbyResultField.value = results

Otherwise, populate the operational account fields.

  } else {
    operationalAccountField.value = my_wallet.address
    operationalSeedField.value = my_wallet.seed
    operationalBalanceField.value = (await client.getXrpBalance(my_wallet.address))
    results += '\nAccount created named ' +  operationalNameField.value + '.'
    operationalResultField.value = results
  }

Insert the seed values and names for both accounts as they are created to the Seeds field as a convenience. You can copy the values and store them offline. When you reload this form or another in this tutorial, copy and paste them into the Seeds field to retrieve the accounts with the getAccountsFromSeeds() function.

  seeds.value = standbySeedField.value + "." + standbyNameField.value + '\n' + 
                operationalSeedField.value + "." + operationalNameField.value

Disconnect from the XRP ledger.

  client.disconnect()
} // End of getAccount()

Get Accounts from Seeds

// *******************************************************
// ********** Get Accounts from Seeds ******************** 
// *******************************************************

async function getAccountsFromSeeds() {

Connect to the selected network.

  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + getNet() + '....'
  standbyResultField.value = results
  await client.connect()
  results += '\nConnected, finding wallets.\n'
  standbyResultField.value = results

Parse the Seeds field.

  var lines = seeds.value.split('\n')
  var first_line_value = lines[0]
  var first_line = first_line_value.split('.')
  var first_seed = first_line[0]
  var first_name = first_line[1]

  var second_line = lines[1].split('.')
  var second_seed = second_line[0]
  var second_name = second_line[1]

Get the standby_wallet based on the seed in the first line. Get the operational_wallet based on the seed in the second line.

  const standby_wallet = xrpl.Wallet.fromSeed(lines[0])
  const operational_wallet = xrpl.Wallet.fromSeed(lines[1])

Populate the fields for the standby and operational accounts.

  standbyAccountField.value = standby_wallet.address
  standbyNameField.value = first_name
  standbySeedField.value = first_seed
  standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
      
  operationalAccountField.value = operational_wallet.address
  operationalNameField.value = second_name
  operationalSeedField.value = second_seed
  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))

Disconnect from the XRP Ledger.

  client.disconnect()
} // End of getAccountsFromSeeds()

Send XRP

// *******************************************************
// ******************** Send XRP *************************
// *******************************************************

async function sendXRP() {

Connect to your selected ledger.

  results  = "Connecting to the selected ledger.\n"
  standbyResultField.value = results
  let net = getNet()
  results = 'Connecting to ' + getNet() + '....'
  const client = new xrpl.Client(net)
  await client.connect()
      
  results  += "\nConnected. Sending XRP.\n"
  standbyResultField.value = results
      
  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  const sendAmount = standbyAmountField.value
        
  results += "\nstandby_wallet.address: = " + standby_wallet.address
  standbyResultField.value = results

Prepare the transaction. This is a Payment transaction from the standby address to the operational address.

The Payment transaction expects the XRP to be expressed in drops, or 1/millionth of an XRP. You can use the xrpToDrops() method to convert the send amount for you (which beats having to type an extra 6 zeroes to send 1 XRP).

  const prepared = await client.autofill({
    "TransactionType": "Payment",
    "Account": standby_wallet.address,
    "Amount": xrpl.xrpToDrops(sendAmount),
    "Destination": standbyDestinationField.value
  })

Sign the prepared transaction.

const signed = standby_wallet.sign(prepared)

Submit the transaction and wait for the results.

const tx = await client.submitAndWait(signed.tx_blob)

Request the balance changes caused by the transaction and report the results.

  results  += "\nBalance changes: " + 
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  standbyResultField.value = results

  standbyBalanceField.value =  (await client.getXrpBalance(standby_wallet.address))
  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))                 
  client.disconnect()    
} // End of sendXRP()

Reciprocal Transactions

For each of the transactions, there is an accompanying reciprocal transaction, with the prefix oP, for the operational account. See the corresponding function for the standby account for code commentary.


// *******************************************************
// ********* Send XRP from Operational account ***********
// *******************************************************
      
async function oPsendXRP() {

  results  = "Connecting to the selected ledger.\n"
  operationalResultField.value = results
  let net = getNet()
  results = 'Connecting to ' + getNet() + '....'
  const client = new xrpl.Client(net)
  await client.connect()
      
  results  += "\nConnected. Sending XRP.\n"
  operationalResultField.value = results
      
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  const sendAmount = operationalAmountField.value
        
  results += "\noperational_wallet.address: = " + operational_wallet.address
  operationalResultField.value = results
      
// ---------------------------------------------------------- Prepare transaction
  const prepared = await client.autofill({
    "TransactionType": "Payment",
    "Account": operational_wallet.address,
    "Amount": xrpl.xrpToDrops(sendAmount),
    "Destination": operationalDestinationField.value
  })

// ---------------------------------------------------- Sign prepared instructions
  const signed = operational_wallet.sign(prepared)

// ------------------------------------------------------------ Submit signed blob
  const tx = await client.submitAndWait(signed.tx_blob)
      
  results  += "\nBalance changes: " +
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  operationalResultField.value = results
  standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))                 
      
  client.disconnect()
      
} // End of oPsendXRP()

3a.CreateOffer.html

This form includes the added account name fields, to allow you to swap in different accounts for a variety of use cases with a recognizable label for the seed and account values.

<html>
  <head>
    <title>Token Test Harness</title>
    <link href='https://fonts.googleapis.com/css?family=Work Sans' rel='stylesheet'>
    <style>
      body{font-family: "Work Sans", sans-serif;padding: 20px;background: #fafafa;}
      h1{font-weight: bold;}
      input, button {padding: 6px;margin-bottom: 8px;}
      button{font-weight: bold;font-family: "Work Sans", sans-serif;}
      td{vertical-align: middle;}
    </style>
    <script src='https://unpkg.com/[email protected]/build/xrpl-latest-min.js'></script>
    <script src='ripplex2-send-currency.js'></script>
    <script src='ripplex3a-create-offers.js'></script>
    <script src='ripplex3b-NameFieldSupport.js'></script>
    <script>
      if (typeof module !== "undefined") {
        const xrpl = require('xrpl')
      }
    </script>
  </head>
  <!-- ************************************************************** -->
  <!-- ********************** The Form ****************************** -->
  <!-- ************************************************************** -->
  <body>
    <h1>Token Test Harness</h1>
    <form id="theForm">
      Choose your ledger instance:  
      &nbsp;&nbsp;
      <input type="radio" id="tn" name="server"
        value="wss://s.altnet.rippletest.net:51233" checked>
      <label for="testnet">Testnet</label>
      &nbsp;&nbsp;
      <input type="radio" id="dn" name="server"
        value="wss://s.devnet.rippletest.net:51233">
      <label for="devnet">Devnet</label>
      <br/><br/>
      <button type="button" onClick="getAccountsFromSeeds()">Get Accounts From Seeds</button>
      <br/>
      <textarea id="seeds" cols="55" rows= "4"></textarea>
      <table>
        <tr valign="top">
          <td>
            <table>
              <tr valign="top">
                <td>
                  <button type="button" onClick="getAccount('standby')">Get New Account</button>
                  <table>
                    <tr valign="top">
                      <td align="right">
                        Account Name
                      </td>
                      <td>
                        <input type="text" id="standbyNameField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr valign="top">
                      <td align="right">
                        Account
                      </td>
                      <td>
                        <input type="text" id="standbyAccountField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Seed
                      </td>
                      <td>
                        <input type="text" id="standbySeedField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        XRP Balance
                      </td>
                      <td>
                        <input type="text" id="standbyBalanceField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Amount
                      </td>
                      <td>
                        <input type="text" id="standbyAmountField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Destination
                      </td>
                      <td>
                        <input type="text" id="standbyDestinationField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr valign="top">
                      <td><button type="button" onClick="configureAccount('standby',document.querySelector('#standbyDefault').checked)">Configure Account</button></td>
                      <td>
                        <input type="checkbox" id="standbyDefault" checked="false"/>
                        <label for="standbyDefault">Allow Rippling</label>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Currency
                      </td>
                      <td>
                        <input type="text" id="standbyCurrencyField" size="40" value="USD"></input>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Offer Sequence
                      </td>
                      <td>
                        <input type="text" id="standbyOfferSequenceField" size="10"></input>                        
                      </td>
                    </tr>
                    </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table>
                    <tr>
                      <td>
                        Taker Pays:<br/>
                        Currency: <input type="text" id="standbyTakerPaysCurrencyField" size="10"></input><br/>
                        Issuer: <input type="text" id="standbyTakerPaysIssuerField" size="35"></input><br/>
                        Value: <input type="text" id="standbyTakerPaysValueField" size="10"></input>
                      </td>
                      <td>
                        Taker Gets:<br/>
                        Currency: <input type="text" id="standbyTakerGetsCurrencyField" size="10"></input><br/>
                        Issuer: <input type="text" id="standbyTakerGetsIssuerField" size="35"></input><br/>
                        Value: <input type="text" id="standbyTakerGetsValueField" size="10"></input><br/>
                      </td>
                    </tr>
                  </table>
                  <p align="left">
                    <textarea id="standbyResultField" cols="80" rows="20" ></textarea>
                  </p>
                </td>
              </tr>
            </table>
          </td>
<!-- Standby Buttons, Column 2 -->
          <td>
            <table>
              <tr valign="top">
                <td align="center" valign="top">
                  <button type="button" onClick="sendXRP()">Send XRP&#62;</button>
                  <br/>
                  <button type="button" onClick="createTrustline()">Create Trust Line</button>
                  <br/>
                  <button type="button" onClick="getTrustLines()">Get Trust Lines</button>
                  <br/>
                  <button type="button" onClick="sendCurrency()">Send Currency</button>
                  <br/>
                  <button type="button" onClick="getBalances()">Get Balances</button>
                  <br/><br/>
                  <button type="button" onClick="createOffer()">Create Offer</button>
                  <br/>
                  <button type="button" onClick="getOffers()">Get Offers</button>
                  <br/>
                  <button type="button" onClick="cancelOffer()">Cancel Offer</button>
                </td>
              </tr>
            </table>
          </td>
<!-- Operational Buttons, Column 3 -->
          <td>
            <table>
              <tr valign="bottom">
                <td align="center" valign="middle">
                  <button type="button" onClick="oPsendXRP()">&#60; Send XRP</button>
                  <br/>
                  <button type="button" onClick="oPcreateTrustline()">Create Trust Line</button>
                  <br/>
                  <button type="button" onClick="oPgetTrustLines()">Get Trust Lines</button>
                  <br/>
                  <button type="button" onClick="oPsendCurrency()">Send Currency</button>
                  <br/>
                  <button type="button" onClick="getBalances()">Get Balances</button>
                  <br/><br/>
                  <button type="button" onClick="oPcreateOffer()">Create Offer</button>
                  <br/>
                  <button type="button" onClick="oPgetOffers()">Get Offers</button>
                  <br/>
                  <button type="button" onClick="oPcancelOffer()">Cancel Offer</button>
                </td>
              </tr>
            </table>
          </td>
          
<!-- Operational fields, Column 4 -->

          <td valign="top" align="right">
            <button type="button" onClick="getAccount('operational')">Get New Account</button>
            <table>
              <tr valign="top">
                <td align="left">
                  Account Name
                </td>
                <td align="left">
                  <input type="text" id="operationalNameField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr valign="top">
                <td align="right">
                  Account
                </td>
                <td>
                  <input type="text" id="operationalAccountField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr>
                <td align="right">
                  Seed
                </td>
                <td>
                  <input type="text" id="operationalSeedField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr>
                <td align="right">
                  XRP Balance
                </td>
                <td>
                  <input type="text" id="operationalBalanceField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr>
                <td align="right">
                  Amount
                </td>
                <td>
                  <input type="text" id="operationalAmountField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr>
                <td align="right">
                  Destination
                </td>
                <td>
                  <input type="text" id="operationalDestinationField" size="40"></input>
                  <br>
                </td>
              </tr>
              <tr>
                <td></td>
                <td align="right">
                  <input type="checkbox" id="operationalDefault" checked="false"/>
                  <label for="operationalDefault">Allow Rippling</label>
                  <button type="button" onClick="configureAccount('operational',document.querySelector('#operationalDefault').checked)">Configure Account</button>
                </td>
              </tr>
              <tr>
                <td align="right">
                  Currency
                </td>
                <td>
                  <input type="text" id="operationalCurrencyField" size="40" value="USD"></input>
                </td>
              </tr>
              <tr>
                <td align="right">
                  Offer Sequence
                </td>
                <td>
                  <input type="text" id="operationalOfferSequenceField" size="10"></input>                        
                </td>
              </tr>
            </table>
            <table>
              <tr>
                <td>
                  Taker Pays:<br/>
                  Currency: <input type="text" id="operationalTakerPaysCurrencyField" size="10"></input><br/>
                  Issuer: <input type="text" id="operationalTakerPaysIssuerField" size="35"></input><br/>
                  Value: <input type="text" id="operationalTakerPaysValueField" size="10"></input>
                </td>
                <td>
                  Taker Gets:<br/>
                  Currency: <input type="text" id="operationalTakerGetsCurrencyField" size="10"></input><br/>
                  Issuer: <input type="text" id="operationalTakerGetsIssuerField" size="35"></input><br/>
                  Value: <input type="text" id="operationalTakerGetsValueField" size="10"></input><br/>
                </td>
              </tr>
            </table>
            <p align="right">
              <textarea id="operationalResultField" cols="80" rows="20" ></textarea>
            </p>
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>