Click here to Skip to main content
15,898,134 members
Articles / Web Development / HTML

Chapter 5: Creating Web Widget with HTML, CSS, and JavaScript

Rate me:
Please Sign up or sign in to vote.
4.88/5 (14 votes)
16 May 2010CPOL10 min read 321K   5.7K   34  
Free chapter from the book: Developing Web Widget with HTML, CSS, JSON and AJAX
function WidgetCallback(JSONobject) {
    var wHelloWorld = JSONobject[0];
    var wHTML = "";

    wHTML += ('<center><div id="MyWidget" style="background-image:url(images/bg.png);width:' + wWidth + ';Height:' + wHeight + ';" >');
    wHTML += ('<br><br><img border="0" width="221" height="82" src="' + wHelloWorld.image_url + '">');
    wHTML += ('<br><a target="_blank" href="' + wURL + '" style="font-size:x-large;text-decoration:none;color:' + wFColor + '">');
    wHTML += ( wTitle + ' ' + wHelloWorld.text + '</a><br>');
    wHTML += ('</div></center>');

    document.getElementById('myFirstWidget').innerHTML = wHTML;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Founder Teamcal AI
United States United States

Comments and Discussions