a simple working example...
The Address Book Access Widget is a simple-to-implement snippet of JavaScript that you can embed on any web page. The Widget allows visitors to a particular site to
- seamlessly import contacts from multiple address books,
- select entries, and
- enter selected data into web page forms.
![]() it's
f r e e ! |
For the millions of existing Plaxo members, the Widget allows them to access their complete Plaxo address book directly from your site. As this is very new widget, users may find problem to use it, so here is a the working below for those who are very new to this kind of widgets or those who are facing any problems. More help: Plaxo Official forums
Changes History last updated on 12th OCT 2007 12-Oct-2007 » 10-Oct-2007 » 07-Oct-2007 » |
|
Download this demo for FREE!
|
So, now let's use this example...
Documentation for this working example - Adding the Address Book Chooser to your site
Just follow these steps:
-
Create a new web page somewhere on your site with the following HTML:
<html>
<head>
<script type="text/javascript" src="https://www.plaxo.com/ab_chooser/abc_comm.jsdyn"></script>
</head>
<body></body>
</html>
You can name this page whatever you want (e.g. , and you will need to enter its full path, for this example, I have used like the below)
IMPORTANT - Points/share/plaxoab/plaxo_cb.html
- See the full path carefully, I have included full absolute path. This is where users make errors and forget to include the slashes, forward slashes.
- I have domain www.sachinkraj.com and I have this example files in /share/plaxoab/ folder.
- Both the files are in same folder, this is not compulsory, you can have your plaxo_ab.html (callback) file anywhere, but you should know the exactly correct path to access the file in main file.
- I am using here this plaxodemo.html which is in the same folder, so you can access this example with full like http://www.sachinkraj.com/share/plaxoab/plaxodemo.html.
-
Add the following HTML inside the HEAD of the page you want to launch the widget from: ( in eg.: plaxodemo.html )
<script type="text/javascript" src="http://www.plaxo.com/css/m/js/util.js"></script>
<script type="text/javascript" src="http://www.plaxo.com/css/m/js/basic.js"></script>
<script type="text/javascript" src="http://www.plaxo.com/css/m/js/abc_launcher.js"></script>
<script type="text/javascript"><!--
function onABCommComplete() {
// OPTIONAL: do something here after the new data has been populated in your text area
}
//--></script>
-
Make sure the textarea you want to have filled with names and e-mail addresses has an id:e.g.
<textarea id="recipient_list" name="recipients"></textarea>
-
Add a button to your page to launch the address book access widget:
First, enter the details you've chosen from the previous steps. Here is the textarea and button code used in this example:
<textarea id="recipient_list" name="recipients" cols="70" rows="5"></textarea>
<a href="#" onclick="showPlaxoABChooser('recipient_list', '/share/plaxoab/plaxo_cb.html'); return false"> <img src="http://www.plaxo.com/images/abc/buttons/add_button.gif" alt="Add from my address book" border="0"/>
-
You're ready to go!Give your page a try. If you're having trouble, try viewing the source of this example and make sure you've got all the details correct. You can also get help by visiting plaxo forums or checking the ops blog.
Note:- Few of the contents and help instructions taken from the plaxo site itself, just for helping users to successfully deploy this plaxo address book access widget api. For more information please visit plaxo widget site here.
