Difference between revisions of "Linden Lab Official:Viewer Web Widgets"
Line 21: | Line 21: | ||
</pre> | </pre> | ||
Version 1 of the main sl.widgets.js library currently lives here: | |||
* http://lecs-viewer-login-agni.s3.amazonaws.com/pubwidgets/v1/modules/sl.widgets.js | |||
This library will pull in all the supporting content it needs -- other js files, css, and the content for each widget. It uses its own version of jQuery, and will create a separate namespace to avoid conflicts if you already have jQuery installed. | |||
=Widget details= | =Widget details= | ||
==What's Hot== | ==What's Hot== |
Revision as of 09:31, 30 September 2011
![]() |
Important: Work-in-progress! Expect these widgets to change over time. Watch this page for updates. |
These viewer web widgets are a first attempt at making the current Second Life Viewer login screen features available for easy use in third-party viewers. Linden Lab provides a base javascript library which will search the DOM of a given page, populating specifically-named divs with widget content.
Basic implementation details
The example below shows the simplest way to implement these widgets. Simply include the sl.widgets.js library, then include a div with both id="[the widget you want]" and class="second-life-widget".
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://lecs-viewer-login-agni.s3.amazonaws.com/pubwidgets/v1/modules/sl.widgets.js"> </script> </head> <body> <div id="whats-hot-now-widget" class="second-life-widget"></div> </body> </html>
Version 1 of the main sl.widgets.js library currently lives here:
This library will pull in all the supporting content it needs -- other js files, css, and the content for each widget. It uses its own version of jQuery, and will create a separate namespace to avoid conflicts if you already have jQuery installed.