XML

Widget Walkthrough

The first half of this tutorial introduced you to making a rudimentary but functional widget of the sort you can find on Yahoo's site since its purchase of Konfabulator. In this article, you'll add the finishing touches to increase its functionality.

Author Info:

By: Dan Wellman

Poor Best

Rating:

/ 2

August 21, 2006

TABLE OF CONTENTS:

<action trigger="onLoad">
<![CDATA[
    function updatepreferences() {
      datatextarea.font = preferences.textfontpref.value;
      datatextarea.color = preferences.textcolorpref.value;
      datatextarea.size = preferences.textsizepref.value;
      datatextarea.style = preferences.textstylepref.value;
    }
    updatepreferences();
]]>
</action>
<action trigger ="onPreferencesChanged">
    updatepreferences();
</action>

As you can see, each action (onLoad and onPreferencesChanged) is contained within its own <action> element. All each line of the updatepreferences() function is doing is setting the attributes of the textarea element, much as CSS would with HTML. I've included the opening CDATA tag as we'll need it for one of the next functions.

Next: Getting the headlines >>