You can update the cloudsponge options at run-time to reflect which textarea to put the contacts into.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <!-- | |
| Include the script anywhere on your page, usually in the head | |
| (don't forget to replace `localhost-only` with your CloudSponge key) | |
| --> | |
| <script src="//api.cloudsponge.com/widget/localhost-only.js"></script> | |
| </head> | |
| <body> | |
| <div style="float:left; padding-right:10px"> | |
| <a href="#" onclick="cloudsponge.init({textarea_id: 'contact_list_1'});return cloudsponge.launch();">Address Book 1</a><br/> | |
| <textarea id="contact_list_1"></textarea> | |
| </div> | |
| <div style="float:left"> | |
| <a href="#" onclick="cloudsponge.init({textarea_id: 'contact_list_2'});return cloudsponge.launch();">Address Book 2</a><br/> | |
| <textarea id="contact_list_2"></textarea> | |
| </div> | |
| </body> | |
| </html> |
by