var jiwai_de_html_head = document.getElementsByTagName('head')[0]; /***************************** Load Template ***************************************/ var css_template = unescape('%2F%2A%2A%0D%0A%20%2A%20iChat-like%20skin%20for%20Google%20Talk%0D%0A%20%2A%20%40version%3A%201.0%0D%0A%20%2A%20%40copyright%3A%20Piotr%20Usewicz%0D%0A%20%2A%20%40website%3A%20www.layer22.com%0D%0A%20%2A%20%40notice%3A%20Feel%20free%20to%20distribute%2C%20keep%20this%20notice.%0D%0A%20%2A%2A%2F%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20BODY%20%7B%0D%0A%20%20margin%3A%204px%3B%0D%0A%20%20background%3A%20white%3B%0D%0A%20%20width%3A%20100%25%3B%0D%0A%7D%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV%23content%2C%20td%20%7B%0D%0A%20%20font%3A%2012px%20Arial%3B%0D%0A%7D%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV%23insert%20%7B%0D%0A%20%20display%3A%20none%3B%0D%0A%7D%0D%0A%0D%0A%2F%2A%20Two%20ways%20to%20do%20icons%20with%20these%20rules%3A%0D%0A%20%20%20%3Cimg%20class%3D%27icon%27%20src%3D%27%25userIconPath%25%27%3E%0D%0A%20%20%20%3Cdiv%20class%3D%27icon%27%3E%3Cdiv%20style%3D%27height%3A1px%3Bfilter%3Aprogid%3ADXImageTransform.Microsoft.AlphaImageLoader%28src%3D%22%25userIconPath%25%22%29%27%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%0D%0A%2A%2F%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20table%20%7B%0D%0A%09border-collapse%3A%20collapse%3B%0D%0A%09border%3A%200px%3B%0D%0A%09padding%3A%200%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20div.out%20.msg%20table.whole%20%7B%0D%0A%09float%3A%20left%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20div.in%20.msg%20table.whole%20%7B%0D%0A%09float%3A%20right%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20DIV.1st%20%7B%0D%0A%20%20padding-top%3A%204px%3B%0D%0A%20%20background%3A%20%23dcdcdc%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.first%20%7B%0D%0A%09background%3A%20%23dcdcdc%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.top%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset1.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Ftop.gif%29%20repeat-x%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.top-left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset2.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Ftop-left.gif%29%20no-repeat%3B%0D%0A%09width%3A%2018px%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.top-right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset3.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Ftop-right.gif%29%20no-repeat%3B%0D%0A%09width%3A%2011px%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.bottom%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset4.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Fbottom.gif%29%20repeat-x%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.bottom-left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset5.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Fbottom-left.gif%29%20no-repeat%3B%0D%0A%09width%3A%2018px%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.bottom-right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset0.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Fbottom-right.gif%29%20no-repeat%3B%0D%0A%09width%3A%2011px%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset1.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Fleft.gif%29%20repeat-y%3B%0D%0A%09width%3A%2016px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.out%20td.right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset2.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FOutgoing%2Fright.gif%29%20repeat-y%3B%0D%0A%09width%3A%2011px%3B%0D%0A%7D%0D%0A%0D%0A%2F%2A%20Ingoing%20%2A%2F%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20DIV.1st%20%7B%0D%0A%20%20padding-top%3A%204px%3B%0D%0A%20%20background%3A%20%23c0e668%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.first%20%7B%0D%0A%09background%3A%20%23c0e668%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.top%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset3.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Ftop.gif%29%20repeat-x%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.top-left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset4.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Ftop-left.gif%29%20no-repeat%3B%0D%0A%09width%3A%2011px%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.top-right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset5.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Ftop-right.gif%29%20no-repeat%3B%0D%0A%09width%3A%2018px%3B%0D%0A%09height%3A%209px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.bottom%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset0.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Fbottom.gif%29%20repeat-x%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.bottom-left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset1.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Fbottom-left.gif%29%20no-repeat%3B%0D%0A%09width%3A%2011px%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.bottom-right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset2.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Fbottom-right.gif%29%20no-repeat%3B%0D%0A%09width%3A%2018px%3B%0D%0A%09height%3A%2012px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.left%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset3.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Fleft.gif%29%20repeat-y%3B%0D%0A%09width%3A%2011px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20.in%20td.right%20%7B%0D%0A%09background%3A%20url%28http%3A%2F%2Fasset4.JiWai.de%2Fgadget%2Ftheme%2FiChat%2FIncoming%2Fright.gif%29%20repeat-y%3B%0D%0A%09width%3A%2016px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.chat%20%7B%0D%0A%20%20padding%3A%205px%202px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.chat%20.icon-o%20%7B%0D%0A%20%20padding%3A%202px%3B%0D%0A%20%20margin%3A%200px%203px%200px%200px%3B%0D%0A%20%20vertical-align%3A%20bottom%3B%0D%0A%20%20height%3A%2032px%3B%0D%0A%20%20width%3A%2032px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.chat%20.icon-i%20%7B%0D%0A%20%20padding%3A%202px%3B%0D%0A%20%20margin%3A%200px%203px%200px%200px%3B%0D%0A%20%20vertical-align%3A%20bottom%3B%0D%0A%20%20height%3A%2032px%3B%0D%0A%20%20width%3A%2032px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.chat%20DIV.Nth%20%7B%0D%0A%20%20margin%3A%205px%200px%200px%200px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.out%20%7B%0D%0A%20%20text-align%3A%20left%3B%0D%0A%20%20height%3A%201px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.in%20%7B%0D%0A%20%20text-align%3A%20left%3B%0D%0A%20%20height%3A%201px%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.clear%20%7B%0D%0A%20%20clear%3A%20both%3B%0D%0A%20%20height%3A%201px%3B%0D%0A%20%20overflow%3A%20hidden%3B%0D%0A%7D%0D%0A%0D%0A%23JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848%20DIV.break%20%7B%0D%0A%20%20height%3A%201px%3B%0D%0A%20%20margin%3A%203px%200px%200px%200px%3B%0D%0A%20%20overflow%3A%20hidden%3B%0D%0A%7D%0D%0A'); var owner_content_template = unescape('%3Cdiv%20class%3D%27chat%20out%27%3E%0D%0A%09%3Cdiv%20class%3D%27msg%27%3E%0D%0A%09%09%3Ctable%20cellspacing%3D%220%22%20cellpadding%3D%220%22%20class%3D%22whole%22%3E%0D%0A%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%3Ctd%20class%3D%27icon-o%27%3E%0D%0A%20%20%20%09%09%09%09%09%3Cdiv%20class%3D%27icon%27%20%2F%3E%25userIconPath%25%3C%2Fdiv%3E%0D%0A%20%20%20%09%09%09%09%09%3C%21--img%20class%3D%27icon%27%20src%3D%27%25userIconPath%25%27--%3E%0D%0A%09%09%09%09%09%3C%21--div%20style%3D%27height%3A1px%3Bfilter%3Aprogid%3ADXImageTransform.Microsoft.AlphaImageLoader%28src%3D%22%25userIconPath%25%22%29%27%3E%3C%2Fdiv--%3E%0D%0A%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%09%3Ctd%3E%0D%0A%09%09%09%09%09%3Ctable%20cellspacing%3D%220%22%20cellpadding%3D%220%22%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top-left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top-right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22first%22%3E%0D%0A%09%09%09%09%09%09%09%09%3Cb%3E%25sender%25%3C%2Fb%3E%3A%20%25message%25%0D%0A%09%09%09%09%09%09%09%09%3Cdiv%20id%3D%27insert%27%3E%3C%2Fdiv%3E%0D%0A%09%09%09%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom-left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom-right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%3C%2Ftable%3E%0D%0A%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%3C%2Ftr%3E%0D%0A%09%09%3C%2Ftable%3E%0D%0A%09%3C%2Fdiv%3E%0D%0A%09%3Cdiv%20class%3D%27clear%27%3E%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3Cdiv%20class%3D%27break%27%3E%3C%2Fdiv%3E%0D%0A'); var owner_next_content_template = unescape('%3Cdiv%20class%3D%27Nth%27%3E%25message%25%3C%2Fdiv%3E%0D%0A%3Cdiv%20id%3D%27insert%27%3E%3C%2Fdiv%3E%0D%0A'); var other_content_template = unescape('%3Cdiv%20class%3D%27chat%20in%27%3E%0D%0A%09%3Cdiv%20class%3D%27msg%27%3E%0D%0A%09%09%3Ctable%20cellspacing%3D%220%22%20cellpadding%3D%220%22%20class%3D%22whole%22%3E%0D%0A%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%3Ctd%3E%0D%0A%09%09%09%09%09%3Ctable%20cellspacing%3D%220%22%20cellpadding%3D%220%22%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top-left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22top-right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22first%22%3E%0D%0A%09%09%09%09%09%09%09%09%3Cb%3E%25sender%25%3C%2Fb%3E%3A%20%25message%25%0D%0A%09%09%09%09%09%09%09%09%3Cdiv%20id%3D%27insert%27%3E%3C%2Fdiv%3E%0D%0A%09%09%09%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%09%3Ctr%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom-left%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%09%3Ctd%20class%3D%22bottom-right%22%3E%3C%2Ftd%3E%0D%0A%09%09%09%09%09%09%3C%2Ftr%3E%0D%0A%09%09%09%09%09%3C%2Ftable%3E%0D%0A%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%09%3Ctd%20class%3D%27icon-i%27%3E%0D%0A%20%20%20%20%20%20%20%20%09%09%09%3Cdiv%20class%3D%27icon%27%20%2F%3E%25userIconPath%25%3C%2Fdiv%3E%0D%0A%20%20%20%09%09%09%09%09%3C%21--img%20class%3D%27icon%27%20src%3D%27%25userIconPath%25%27--%3E%0D%0A%09%09%09%09%09%3C%21--div%20style%3D%27height%3A1px%3Bfilter%3Aprogid%3ADXImageTransform.Microsoft.AlphaImageLoader%28src%3D%22%25userIconPath%25%22%29%27%3E%3C%2Fdiv--%3E%0D%0A%09%09%09%09%3C%2Ftd%3E%0D%0A%09%09%09%3C%2Ftr%3E%0D%0A%09%09%3C%2Ftable%3E%0D%0A%09%3C%2Fdiv%3E%0D%0A%09%3Cdiv%20class%3D%27clear%27%3E%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3Cdiv%20class%3D%27break%27%3E%3C%2Fdiv%3E%0D%0A'); var other_next_content_template = unescape('%3Cdiv%20class%3D%27Nth%27%3E%25message%25%3C%2Fdiv%3E%0D%0A%3Cdiv%20id%3D%27insert%27%3E%3C%2Fdiv%3E%0D%0A%0D%0A'); var gadget_css = document.createElement("style"); gadget_css.setAttribute("type", "text/css"); if(gadget_css.styleSheet){// IE gadget_css.styleSheet.cssText = css_template; } else {// w3c gadget_css.innerHTML = css_template; } jiwai_de_html_head.appendChild(gadget_css); /***************************** Template Loaded ***************************************/ jiwai_de_gadget = document.getElementById("JiWai_de__gadget_timeline_user_3_iChat_utf-8_129848") function relative_time(time_value) { var values = time_value.split(" "); time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3]; var parsed_date = Date.parse(time_value); var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); var delta = parseInt((relative_to.getTime() - parsed_date) / 1000); if(delta < 60) { return '就在刚才' } else if(delta < (60*60)) { return (parseInt(delta / 60)).toString() + ' 分钟前'; } else if(delta < (24*60*60)) { return (parseInt(delta / 3600)).toString() + ' 小时前'; } return (parseInt(delta / 86400)).toString() + ' 天前'; } function jiwai_de_get_message_html(status) { var status_html = status.text.replace(/(http:\/\/)([^\/ ]+)([^\s]*)/, "$1$2/..."); return status_html + " " + relative_time(status.created_at) + ""; } function jiwai_de_get_picture_url(status) { return status.user.profile_image_url; } function jiwai_de_get_picture_html(status) { return "" + "" + status.user.screen_name + ""; + ""; } function jiwai_de_get_user_html(status) { return "" + status.user.screen_name + ""; } function jiwai_de_callback(statuses) { if ( 0>=statuses.length ) return; var statuses_html = "\n"; for ( n=0; n<\/div>/i, status_next_html); n++; } statuses_html += status_html; } // 这条更新是用户的好友的 else { status_html = other_content_template.replace(/%sender%/i, jiwai_de_get_user_html(statuses[n])); status_html = status_html.replace(/%userIconPath%/i , jiwai_de_get_picture_html(statuses[n])); status_html = status_html.replace(/%userIconUrl%/i , jiwai_de_get_picture_url(statuses[n])); status_html = status_html.replace(/%message%/i , jiwai_de_get_message_html(statuses[n])); // 检查下一个(n+1) statuses 中的用户，是不是和当前用户(n)是同一人。如果是，则合并。 while ( (n+1)<\/div>/i, status_next_html); n++; } statuses_html += status_html; } } statuses_div = document.createElement('div'); statuses_div.innerHTML = statuses_html; jiwai_de_gadget.appendChild(statuses_div); } // 加载 JSON 格式的用户数据，并传入回调，耶！ gadget_data_js = document.createElement("script"); gadget_data_js.src = 'http://api.jiwai.de/statuses/user_timeline/129848.json?count=3&thumb=24&callback=jiwai_de_callback'; jiwai_de_html_head.appendChild(gadget_data_js);