Monday, 23 February 2009
Twitter and W3C standards
I thought as I was now a Twit - and by that I mean I am someone who uses Twitter - that I'd add the Twitter widget to my Web site (www.itech-ed.com). The only trouble is that my Web sites maintains the highest W3C standards, and when I copied the code from Twitter and validated it, there were 25 errors, 5 warnings and a page of red writing! What could I do?
You can get the widget by clicking on "Apps" at the bottom of the Twitter (www.twitter.com) page. From there you can select Widgets. And it gives you the option of Myspace, Blogger, Facebook, TypePad, and Other versions. I chose "Other". I then selected the Flash interactive widget.
The Twitter site says: "Copy this HTML and paste it into your web page. You can then set a custom size by modifying height and width in the HTML below". And here's the code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="290" height="350" id="TwitterWidget" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="FlashVars" value="userID=20425034&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml">
<embed src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" quality="high" bgcolor="#000000" width="290" height="350" name="TwitterWidget" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="userID=20425034&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml"/>
</object>
So I copied the code and added it to my home page at www.itech-ed.com/index.htm. It worked. There was the information displayed exactly how it should be. A success.
I then used the W3C validation service at validator.w3.org to validate the HTML on my home page. The result was a very red page listing numerous errors and warnings - and all from the Twitter widget.
So I did what any good geek would do, I modified the code to eliminate the errors. It now works and is valid, and is shown below:
<object data="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" type="application/x-shockwave-flash" width="290" height="350" id="TwitterWidget" align="middle" >
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="FlashVars" value="userID=20425034&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object>
Feel free to use this modified code if you wish, just remember to change the userID to your one.
And if you need a new Web site designed and coded, or if you need your tired old one revamped, please contact me at trevor@itech-ed.com.
If you need anything written, contact Trevor Eddolls at iTech-Ed.
Telephone number and street address are shown here.