[DynAPI-WidgetDev] Re: How to create a widget in dynAPI 3.0 (using an external .js file)

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

<BODY><P>Here are the steps I used to create a widget:</P>
<P><STRONG>Step1:</STRONG> Create a folder (<STRONG>../src/mywidgets</STRONG>) for the widgets</P>
<P><STRONG>Step 2:</STRONG> Create a widget and save it as <STRONG>../src/mywidgets/myfirstwidget.js</STRONG></P>
<P><FONT style="BACKGROUND-COLOR: palegoldenrod">function MyFirstWidget(text) {<BR>&nbsp;&nbsp;this.DynLayer = DynLayer;<BR>&nbsp;&nbsp;this.DynLayer(text);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(text);<BR>}<BR></FONT><FONT style="BACKGROUND-COLOR: palegoldenrod">var p = dynapi.setPrototype('DynLayer','MyFirstWidget');</FONT></P>
<P><STRONG>Step3:</STRONG> Add the codes&nbsp; below to the <STRONG>../src/ext/packages.js</STRONG> file</P><PRE><FONT style="BACKGROUND-COLOR: palegoldenrod">var p = dynapi.libary.path;<BR>dynapi.library.addPackage('dynapi.mywidgets',p);<BR>dynapi.library.add('dynapi.mywidgets.MyFirstWidget','myfirstwidget.js','DynLayer');<BR></FONT></PRE><PRE><STRONG>Step 4:</STRONG> Create an HTML document and save it to the <STRONG>examples</STRONG> folder</PRE><PRE><FONT style="BACKGROUND-COLOR: palegoldenrod">&lt;html&gt;<BR>&lt;head&gt;&lt;title&gt;My First Widget&lt;/title&gt;<BR>&lt;script language="Javascript" src="../src/dynapi.js"&gt;&lt;/script&gt;<BR>&lt;script language="Javascript"&gt;<BR>&nbsp;dynapi.library.setPath('../src/');<BR>&nbsp;dynapi.include('dynapi.api');<BR>&nbsp;dynapi.include('dynapi.mywidgets.MyFirstWidget');<BR>&lt;/script&gt;<BR>&lt;script language="Javascript"&gt;<BR><BR>dynapi.document.addChild(new MyFirstWidget('Ok');<BR>&lt;/script&gt;<BR>
&lt;/head&gt;<BR>&lt;body&gt;<BR>&lt;/body&gt;<BR>&lt;/html&gt;</FONT></PRE><PRE><FONT style="BACKGROUND-COLOR: white">However, the following error occurs: <FONT color=red>dynapi.document is null or not an object</FONT></FONT></PRE></BODY>