Twitter widget not functioning in IE, but is in FF

I was having a problem running the Twitter List Widget on my Microsoft Internet Explorer 8 also. The widget would appear but no information inside would stream. It would work fine in FireFox or other browsers, just not in IE. The problem I found was with Twitter widget.js file that was being called from the source they provided for me to paste on my site.

The actual .js file that is on the Twitter server has an error in it that won’t allow the IE browser to display the stream. I was able to fix this rather simply. I downloaded the .js file by pasting the path in my browser:

https://widgets.twimg.com/j/2/widget.js

Once I had the .js file, I opened it using notepad to view the source. The change that needs to be made is simple, use the “Find” command in notepad to look for the word “array” and when it finds the entry, make the following change:

Change the entry that says “Array.forEach” in the widget.js file to read “Array.prototype.forEach”

By adding the word “prototype” you have now corrected their mistake. Of course you can’t upload the file to their server so just place it in a directory on your site and path to it directly by changing the path in your Twitter generated source to point to the .js files new location on your website.

I hope this helps! Have a great day!
Brian J.
https://www.EnjoyTheCove.com

Pitchman, thank you for the solution!

It boggles my mind that Twitter has busted code in this widget. C’mon Twitter, get with it!

Pitchman,

I followed your method for this issue and am now getting the following error in IE8, while the widget works fine in other platforms.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; HPDTDF; InfoPath.2; .NET4.0C; AskTbARS/5.8.0.12304)
Timestamp: Thu, 29 Jul 2010 06:22:51 UTC

Message: Unknown runtime error
Line: 1
Char: 18590
Code: 0
URI: https://zephyrtc.com/Scripts/Twitter/widget.js

Any ideas? or do you know of a good resource I can use to count to char: 18590 so i can pick apart the code myself?

Thanks

Hi Pitchman,

I have followed your guide and changed the .js-file and uploaded it to my server.
How do I make the path in the code for Twitter-widget. Where to put the link into the code below. I have named the fil widgets.js.

Hope you can help.

*———————————————————————————*/
/* Twitter widget */
/*———————————————————————————*/
class Woo_Twitter extends WP_Widget {

function Woo_Twitter() {
$widget_ops = array(‘description’ => ‘Add your Twitter feed to your sidebar with this widget.’ );
parent::WP_Widget(false, __(‘Woo – Twitter Stream’, ‘woothemes’),$widget_ops);
}

function widget($args, $instance) {
extract( $args );
$title = $instance[‘title’];
$limit = $instance[‘limit’]; if (!$limit) $limit = 5;
$username = $instance[‘username’];
$unique_id = $args[‘widget_id’];
?>
<?php echo $before_widget; ?>
<?php if ($title) echo $before_title . $title . $after_title; ?>
<ul id=”twitter_update_list_<?php echo $unique_id; ?>”>

<?php echo woo_twitter_script($unique_id,$username,$limit); //Javascript output function ?>
<?php echo $after_widget; ?>

<?php
}

function update($new_instance, $old_instance) {
return $new_instance;
}

function form($instance) {

$title = esc_attr($instance[‘title’]);
$limit = esc_attr($instance[‘limit’]);
$username = esc_attr($instance[‘username’]);
?>
<p>
<label for=”<?php echo $this->get_field_id(‘title’); ?>”><?php _e(‘Title:’,’woothemes’); ?></label>
<input type=”text” name=”<?php echo $this->get_field_name(‘title’); ?>” value=”<?php echo $title; ?>” class=”widefat” id=”<?php echo $this->get_field_id(‘title’); ?>” />
</p>
<p>
<label for=”<?php echo $this->get_field_id(‘username’); ?>”><?php _e(‘Username:’,’woothemes’); ?></label>
<input type=”text” name=”<?php echo $this->get_field_name(‘username’); ?>” value=”<?php echo $username; ?>” class=”widefat” id=”<?php echo $this->get_field_id(‘username’); ?>” />
</p>
<p>
<label for=”<?php echo $this->get_field_id(‘limit’); ?>”><?php _e(‘Limit:’,’woothemes’); ?></label>
<input type=”text” name=”<?php echo $this->get_field_name(‘limit’); ?>” value=”<?php echo $limit; ?>” class=”” size=”3″ id=”<?php echo $this->get_field_id(‘limit’); ?>” />

</p>
<?php
}

}
register_widget(‘Woo_Twitter’);