// Flickr Comment Tools // version 1.6 // 2009-30-07 // // SEE BELOW FOR INSTALLATION INSTRUCTIONS // // This entire script is released under BSD license // // Copyright (c) 2006, Thom Shannon // // Modifcations by PhotoGraham 29 July 2009 // From http://www.flickr.com/groups/flickrhacks/discuss/72157594250715672/ // revised list of Yahoo smilies provided by Fílé // From http://www.flickr.com/groups/flickrhacks/discuss/72157594574382820/72157621607424778/ // Added group New topic post to includes // Applied src="'+this.src+'" mod by S.D. detailed here // http://www.flickr.com/groups/flickrhacks/discuss/72157594574382820/72157620060659205/ // // This is a Greasemonkey user script. // HOW TO INSTALL // // Firefox: // To install, you need Greasemonkey: http://greasemonkey.mozdev.org/ // Then restart Firefox and revisit this script. // Under Tools, there will be a new menu item to "Install User Script". // Accept the default configuration and install. // // -------------------------------------------------------------------- // // ==UserScript== // @name FlickrCommentTools // @namespace http://www.ts0.com/ // @description HTML editor and quick insert of your own images into comments // @include http://flickr.com/groups/*/discuss/* // @include http://www.flickr.com/groups/*/discuss/* // @include http://flickr.com/photos/*/* // @include http://www.flickr.com/photos/*/* // @include http://www.flickr.com/groups_newtopic* // ==/UserScript== /* Contents of this file ~~~~~~~~~~~~~~~~~~~~~ * Styles and common images * Toolbar buttons * Smilies * Utility functions * Toolbar rendere * Image selection dialog * Hyperlink dialog * Smiley selection dialog * HTML view toggle * Main editor setup * Dialog box common code */ //#region set up styles addGlobalStyle( '.commentToolButton img {border:solid 1px white;} '+ '.smilePad {width:45px;text-align:center;float:left;} '+ '.commentToolButton:hover img.commentToolOff {display:none;} '+ '.commentToolButton:hover img.commentToolOn {border-color:white #999999 #999999 white;display:inline;} '+ '.commentToolButton img.commentToolOn {display:none;} \n'+ '.commentChooser {width:400px;height:340px;border:solid 1px #bbb;background:white;position:absolute;text-align:center;padding-top:7px;} '+ '.commentSmile {width:540px; height:270px;} '+ '.commentSmile td {border:solid 1px #e0e0e0; margin:0; text-align:center;} '+ '.commentHTML {width:340px; height:280px;} '+ '.imageSubSection {height:98px;border:solid 1px silver; overflow-x:auto;margin:0 5px; white-space: nowrap;} '+ '.overlay {\nposition:absolute;\ndisplay:block;\n}\n.tt {\nvisibility:hidden;\nposition:absolute;\ncolor:#333;\nbackground-color:#FDFFB4;\nfont-family:arial,helvetica,verdana,sans-serif;\npadding:2px;\nborder:1px solid #FCC90D;\nfont:100% sans-serif;\nwidth:auto;\n}\n* html body.masked select {\nvisibility:hidden;\n}\n* html div.panel-container select {\nvisibility:inherit;\n}\n* html div.drag select {\nvisibility:hidden;\n}\n* html div.hide-select select {\nvisibility:hidden;\n}\n.mask {\nz-index:0; \ndisplay:none;\nposition:absolute;\ntop:0;\nleft:0;\nbackground-color:#CCC;\n-moz-opacity: 0.5;\nopacity:.50;\nfilter: alpha(opacity=50);\n}\n.mask[id]{ /* IE6 and below Can\'t See This */\nposition:fixed;\n}\n.hide-scrollbars * {\noverflow:hidden;\n}\n.hide-scrollbars textarea, .hide-scrollbars select {\noverflow:hidden;\ndisplay:none;\n}\n.show-scrollbars textarea, .show-scrollbars select {\noverflow:visible;\n}\n.panel-container {\nposition:absolute;\nbackground-color:transparent;\nz-index:6;\nvisibility:hidden;\noverflow:visible;\nwidth:auto;\n}\n.panel-container.matte {\npadding:3px;\nbackground-color:#FFF;\n}\n.panel-container.matte .underlay {\ndisplay:none;\n}\n.panel-container.shadow {\npadding:0px;\nbackground-color:transparent;\n}\n.panel-container.shadow .underlay {\nvisibility:inherit;\nposition:absolute;\nbackground-color:#CCC;\ntop:3px;left:3px;\nz-index:0;\nwidth:100%;\nheight:100%;\n-moz-opacity: 0.7;\nopacity:.70;\nfilter:alpha(opacity=70);\n}\n.panel {\nvisibility:hidden;\nborder-collapse:separate;\nposition:relative;\nleft:0px;top:0px;\nfont:1em Arial;\nbackground-color:#FFF;\nborder:1px solid #000;\nz-index:1;\noverflow:auto;\n}\n.panel .hd {\nbackground-color:#3d77cb;\ncolor:#FFF;\nfont-size:1em;\nheight:1em;\nborder:1px solid #FFF;\nborder-bottom:1px solid #000;\nfont-weight:bold;\noverflow:hidden;\npadding:4px;\n}\n.panel .bd {\noverflow:hidden;\npadding:4px;\n}\n.panel .bd p {\nmargin:0 0 1em;\n}\n.panel .close {\nposition:absolute;\ntop:5px;\nright:4px;\nz-index:6;\nheight:12px;\nwidth:12px;\nmargin:0px;\npadding:0px;\nbackground-repeat:no-repeat;\ncursor:pointer;\nvisibility:inherit;\n}\n.panel .close.nonsecure {\nbackground-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);\n}\n.panel .close.secure {\nbackground-image:url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);\n}\n.panel .ft {\npadding:4px;\noverflow:hidden;\n}\n.simple-dialog .bd .icon {\nbackground-repeat:no-repeat;\nwidth:16px;\nheight:16px;\nmargin-right:10px;\nfloat:left;\n}\n.dialog .ft, .simple-dialog .ft {\npadding-bottom:5px;\npadding-right:5px;\ntext-align:right;\n}\n.dialog form, .simple-dialog form {\nmargin:0;\n}\n.button-group button {\nfont:100 76% verdana;\ntext-decoration:none;\nbackground-color: #E4E4E4;\ncolor: #333;\ncursor: hand;\nvertical-align: middle;\nborder: 2px solid #797979;\nborder-top-color:#FFF;\nborder-left-color:#FFF;\nmargin:2px;\npadding:2px;\n}\n.button-group button.default {\nfont-weight:bold;\n}\n.button-group button:hover, .button-group button.hover { \nborder:2px solid #90A029;\nbackground-color:#EBF09E;\nborder-top-color:#FFF;\nborder-left-color:#FFF;\n}\n.button-group button:active { \nborder:2px solid #E4E4E4;\nbackground-color:#BBB;\nborder-top-color:#333;\nborder-left-color:#333;\n' ); // this image is used to show activity when loading data var imgLoading = "data:image/gif;base64,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"; //#endregion //#region tool bar /* The Editor Toolbar, use this to add new buttons Label - a descriptive name for accessibility purposes imgOn - URL of hover image imgOff - URL of normal image Click - function to be executed when the button is clicked */ var toolBarDescription = {"Buttons":[ {Label:"Insert Image", imgOn:"data:image/gif;base64,R0lGODlhLQATAOYAAAAAAP///3jc23nc23rd3Hvd3IHe3ojg3pXk47zu7Y3h37Tr6Xrc1JDh1oTdzYbdx5rdpYTOjGzDcnXHfI/QjKHdnDimGzinHTyoIECqJF+2RKXdlUSpI0muJUyuKrDcgKjUcMDgkczhd8/dXc7YRdPYPPX0nvf2ouLcMfLvlvb0nufcKOrkg+vlhe3oiu/pje7qjfDskPLulefeeuffeujhf/HbF/DbG9/SZd7SZeDTZ9/TZuHVa+TaceTZctTCStPCStfGUdnKWNrLWsmyMMu1NMq1NM+6Pc66PtPASNTBSi4uLv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAtABMAAAflgAGCg4SFhoeIiYqLjI2CS5CRkpCOlYNLOzg6PD00LDApKicnS4IAAaeopgCnrK2sq6mXQpOTpKaoraqDsqm+hks/SwkGBQQPFRAOS7eqr6uxub3ASEsIAwIMHysoG8ylzrmEurjThUtFSwsKBw0jNjci3+XlsNK7v+dESxQSExEgSpAIMc+SoyVGlmSwcAEDhw4eNBQ0yGjJkVqSmoXDJS6aq0NLlCQBEmRIDh81XMgwofEZrF+ydiGqNaNFjEjjwr16Ke5jxU+UCpHbSG5oxRdBhcosCu1exaQUo0qdSrWq1aiBAAA7", imgOff:"data:image/gif;base64,R0lGODlhLQATAKIAAAAAAP///4CAgH9/f3h4eHd3d////wAAACH5BAEAAAYALAAAAAAtABMAAAOGGLrc/jDKSasqJOuMif2LN4lCUJqKoJqrerpNwbp0SbLomS7v3ni6RkmWwxlhMB8DCLHtSise6in9TR3OYi6K9AUVzEcWVJF9pSIyxVyjBYiBwfWlQ0ato4W8BaVWIRwEBXCCaXFFUF18Zw8iGQ57Uj2THx6PkHNTdCl3EhpqoKGio6SlowkAOw==", Click:function(){GetImageHTML();return false;} }, {Label:"Bold", imgOn:"data:image/gif;base64,R0lGODlhEwATAMQAAAAAAP///+/v79/f38/Pz7+/v6+vr5+fn4+Pj4CAgHBwcGBgYFBQUEBAQCAgIBAQEP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAATABMAAAVUYCCOZGmeqJmsbIIMaQDMNH2ks9PsDU2gswSJEAQChCPBDGFcFJ4GBuAhMNZoBdyV9vidiiPDA9AwIkeJmZkk6D2MOt4YoLBuG9VTq+WN+f+AgQEhADs=", imgOff:"data:image/gif;base64,R0lGODlhEwATAMQAAAAAAP////b29u7u7uXl5dzc3NTU1MvLy8LCwrq6urKysqmpqaCgoJiYmIaGhn5+fnV1df///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABEALAAAAAATABMAAAVUYCCOZGmeqJmsbIIMaQDNNH2ks9PsDU2gswSJEARChCPBDGFcFJ4GBuQhMNZoBdyV9vidiiPDA9IwIkeJmZkk6D2MOt4YorBuG9VTq+WN+f+AgQEhADs=", Click:function(){ifrm.contentDocument.execCommand('bold',false,false);return false;} }, {Label:"Italic", imgOn:"data:image/gif;base64,R0lGODlhEwATAMQAAAAAAP///+/v79/f38/Pz7+/v6+vr5+fn4+Pj4CAgHBwcGBgYFBQUEBAQDAwMCAgIBAQEP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABEALAAAAAATABMAAAU+YCCOZGmeaKqqSeM2wjoaACKTCBDfIvPwI8gCGBgADsQDgEBUQIgBRwMKSBALgAJPUGhUB7dBYpzQQs9oVQgAOw==", imgOff:"data:image/gif;base64,R0lGODlhEwATAMQAAAAAAP////b29u7u7uXl5dzc3NTU1MvLy8LCwrq6urKysqmpqaCgoJiYmI+Pj4aGhn5+fnV1df///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABIALAAAAAATABMAAAU+YCCOZGmeaKqqSeM2wjoaESKTSBTfIvPwI8gCGBhEDsRDhEBUQIgBRwMaSRALkQJPUGhUB7dBYpzQQs9oVQgAOw==", Click:function(){ifrm.contentDocument.execCommand('italic',false,false);return false;} }, {Label:"Underline", imgOn:"data:image/gif;base64,R0lGODlhEwATALMAAAAAAP///+/v79/f38/Pz7+/v6+vr4+Pj4CAgHBwcGBgYFBQUCAgIP///wAAAAAAACH5BAEAAA0ALAAAAAATABMAAARFMMhJq704a4tAqd13haCHkRTKmSm7ipNawpLc0oEduzXfGpWEb1IAKCoMgCZ5EAQGCkBCQ0gCroCFc1NAIA6EjXhMJkcAADs=", imgOff:"data:image/gif;base64,R0lGODlhEwATALMAAAAAAP////b29u7u7uXl5dzc3NTU1MLCwrq6urKysqmpqaCgoIaGhnV1df///wAAACH5BAEAAA4ALAAAAAATABMAAARFMMhJq704a4taqd13haCHkRTKmSm7ipNawpLc0oEduzXfGpWEb1JoKCqMhiZ5EAQGikZCQ0g2ro2Fc1NAIA6EjXhMJkcAADs=", Click:function(){ifrm.contentDocument.execCommand('underline',false,false);return false;} }, {Label:"Hyperlink", imgOn:"data:image/gif;base64,R0lGODlhEwATALMAAAAAAP///wAA/wAAgACAgACAAMDAwICAgE1NTf///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAATABMAAARkMMhJq734ns3z3IQhFoh3BAZarCS2CaggC+tpHYJoDCvd3jlWYUDglYBBoexYwc2EBAGTchg8WYKBzYKYIb6IAXg6CSNSqRKaLDmP3wZ2ya1zB+TxNzh+OaPuf3wYY3dgHocBEQA7", imgOff:"data:image/gif;base64,R0lGODlhEwATAKIAAAAAAP///93d3bq6up+fn5iYmP///wAAACH5BAEAAAYALAAAAAATABMAAANWGLrc/vCNSeOaRehC7AgCWIwcVAnUMH7OpAmkWrYDTN4dXd/FlDcpWezHUFFuRgiBQmgSOM7HkxAKdarEBdXJbQqygc72tQ07tl3nV1o1YyPccNRCTwAAOw==", Click:function(){ifrm.contentDocument.execCommand('createlink',false,getUrl());return false;} }, {Label:"Indent", imgOn:"data:image/gif;base64,R0lGODlhEwATAJEAAAAAgAAAAP///wAAACH5BAAAAAAALAAAAAATABMAAAIplI+pyy3hYgwU1kulBAjfBHCGVx3hqZnigzEr+6XSR2YyQ0P3PvJ+VAAAOw==", imgOff:"data:image/gif;base64,R0lGODlhEwATAIAAAMDAwP///yH5BAAAAAAALAAAAAATABMAAAInjI+pyx3gYgQU1kulhAfflBle1X2ayD0Yk6rmOZFjCC8fXedtzjcFADs=", Click:function(){ifrm.contentDocument.execCommand('formatblock',false,'blockquote');return false;} }, {Label:"Outdent", imgOn:"data:image/gif;base64,R0lGODlhEwATAJEAAAAAgAAAAP///wAAACH5BAAAAAAALAAAAAATABMAAAIplI+pyy3hYgwU1kulBAhfBHCHVx3hqRlhhzGi4aXaR2YyQ0P3DvN+VAAAOw==", imgOff:"data:image/gif;base64,R0lGODlhEwATAIAAAMDAwP///yH5BAAAAAAALAAAAAATABMAAAImjI+pyx3gYgQU1kulhAdflHVe+HxaCWIMZ3in9o3kq8Qsjd/43hQAOw==", Click:function(){ifrm.contentDocument.execCommand('outdent',false,'blockquote');return false;} }, {Label:"Smiley", imgOn:"data:image/gif;base64,R0lGODlhEwATAMQAAP7QyPnllPXaV/jZfM9sEf747Oq7RvO4M/KTO/ftZvblXvfBWPTMQfvxve+oUvbkZNWhM+V9Lffmavjya/j3cfPHPPTQSOqzMczM/zMzzPWlNfbhWe7TVvj5c6uCNP///yH5BAAAAAAALAAAAAATABMAAAWl4CeOZGmSXqqeqFcEAlMdKes2wqYoW0ybt01iQkwkNpaLp+R6JDofCrRzZCxHroCi08lwvROF5SfyABYLSQfDZT8WBvLHjHBwOAYIxHB3IDRXcwB+EhQNhw1SEQ6AWAAEEQ9SXFwPEQRyHgMBEAQcEg+gHAR8SigBEgaXBKwRBhtWTAtaeA4OfAIWEIFYBgM5Oz0MuzYeBxUMMkq8JyorLNDR0iYhADs=", imgOff:"data:image/gif;base64,R0lGODlhEwATAMQAAMjIyMXFxdjY2M7Ozri4uNra2t7e3rOzs9HR0d3d3d/f39vb2+Li4vX19cLCwsbGxs3Nzenp6a6ursTExNnZ2cfHx8HBwbu7u8DAwL6+vtDQ0KCgoNXV1eTk5J+fn////yH5BAAAAAAALAAAAAATABMAAAWi4CeOZGmSXqqeqPc1C/BYKet+HCcIHAI4N5SIs1AYEwsO5BIUuQqJzoch7SQ4gKarIeh0JF6wggIBjlxJQ7V6HZidn8pAowkcDgENZVCZBF0DGAYMJFQEA35nHxsEBVReXgUEG28fHhERBxsaBgWdGht5TCgNBgGTG6kEAVhNlghcdQMDeUoHrpYQEQg6PD63Nh4WDwAyGTUsTirIyc3Ozx8hADs=", Click:function(){GetSmileyHTML();return false;} }, //button by SortBart, http://www.flickr.com/photos/shotbart/ {Label:"Insert HTML", imgOn:"data:image/gif;base64,R0lGODlhKgATAMQAAJGRnOvr9nBxeLe43sjI2uXl8/n5/NPT6y4uMbO0uk1NVPb2+/7+/sPDy8PE4w8PEfz8/vDw+Nja7X9/idfY68/R6c3O6N/g8Dw8Q9nZ3MnJ5vv7/R8fIV5ecAAAAP///yH5BAAAAAAALAAAAAAqABMAAAX/4CeOZGmeaHoyzNeqcDwyQrNAcq5C3BUYr49HKBoKPUNkEllkrhKCSsFAWhKNxZFxS2JBWDTA4cfKWo/NJRbLyHAIC8YGcZBgABHgFa0lmvsuDQ9iARsNChYXFBwCBXFJZk5KflwfCR4CDgcRGwIAUhGCChdxOikCHAMOU3MEFHkRAh4OATimJw0cGBqFh4lxlx0DBRtZV0xrfiQLBAgdpBMTUgYNHhMDvLaVW1ZYIxsRBxiNCK4RGQgJDhqOL0rbe94ichEXB76kBgEUFO2A8H9MsFgQIJqUDQwWRMgThJKxZJMEbsBgDsyXhrd2TOhXKuMtBhEKRLDl0ZScBQhLA8YIAQA7", imgOff:"data:image/gif;base64,R0lGODlhKgATAMQAAPn5+fX19bq6uvDw8Pr6+sLCwunp6eTk5LS0tNzc3OHh4ZGRkezs7KGhoerq6ry8vMzMzObm5oqKiv39/fz8/Pf39/Pz8+/v75mZmfb29u7u7qmpqcXFxf7+/oKCgv///yH5BAAAAAAALAAAAAAqABMAAAXz4CeOZGmeaKqubDs+B9W5NNotVjWR3tf7Io/QNxT+jKmEQJPZjXpF4HMq/ZFmIgHkosMCoccw2Gr9MBYGWQdzGTQgBCeUyJN+qZ+DBDLQHTYMFhcLDwEUd19DRHNVIgkeDwYXABNaTAR6G4Y1KQILBwaGExgRA3EADx4OFV6cJAoLDQwAHX+BMo8IEQFyQYt2jCQEBhgIFgQFHEwTBx4FBwysvo10USUdAG4CARgGAwAMGAkGDJtBSI1zZSMdBIK2otl9h1RH04gmHRQAycv6AHFK2KOWaN2ICQ280RLRytWKDgUGmHNYo12AhRQ56XOSUUUIADs=", Click:function(){ToggleHtml();return false;} } ]} //#endregion //#region List of smilies var Smiles = [ {Name:"happy",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"}, {Name:"sad",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif"}, {Name:"winking",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif"}, {Name:"big grin",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"}, {Name:"batting eyelashes",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif"}, {Name:"big hug",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif"}, {Name:"confused",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif"}, {Name:"love struck",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif"}, {Name:"blushing",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif"}, {Name:"tongue",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif"}, {Name:"kiss",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif"}, {Name:"broken heart",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif"}, {Name:"surprise",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif"}, {Name:"angry",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif"}, {Name:"smug",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif"}, {Name:"cool",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif"}, {Name:"worried",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif"}, {Name:"whew!",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif"}, {Name:"devil",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif"}, {Name:"crying",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif"}, {Name:"laughing",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"}, {Name:"straight face",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif"}, {Name:"raised eyebrow",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif"}, {Name:"rolling on the floor",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif"}, {Name:"angel",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif"}, {Name:"nerd",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif"}, {Name:"talk to the hand",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif"}, {Name:"call me",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif"}, {Name:"on the phone",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"}, {Name:"at wits' end",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif"}, {Name:"wave",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif"}, {Name:"time out",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif"}, {Name:"daydreaming",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif"}, {Name:"sleepy",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif"}, {Name:"rolling eyes",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif"}, {Name:"loser",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif"}, {Name:"sick",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif"}, {Name:"don't tell anyone",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif"}, {Name:"no talking",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif"}, {Name:"clown",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif"}, {Name:"silly",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif"}, {Name:"party",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif"}, {Name:"yawn",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif"}, {Name:"drooling",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif"}, {Name:"thinking",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif"}, {Name:"d'oh",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif"}, {Name:"applause",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif"}, {Name:"nail biting",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif"}, {Name:"hypnotized",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif"}, {Name:"liar",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif"}, {Name:"waiting",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif"}, {Name:"sigh",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif"}, {Name:"phbbbbt",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif"}, {Name:"cowboy",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif"}, {Name:"I don't want to see",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif"}, {Name:"hurry up!",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif"}, {Name:"rock on!",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif"}, {Name:"thumbs down",URL:"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif"}, {Name:"thumbs up",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif"}, {Name:"it wasn't me",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif"}, {Name:"pirate",URL:"http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif"}, {Name:"puppy dog eyes",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif"}, {Name:"I don't know",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif"}, {Name:"not listening",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif"}, {Name:"pig",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif"}, {Name:"cow",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif"}, {Name:"monkey",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif"}, {Name:"chicken",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif"}, {Name:"rose",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif"}, {Name:"good luck",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif"}, {Name:"flag",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif"}, {Name:"pumpkin",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif"}, {Name:"coffee",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif"}, {Name:"idea",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif"}, {Name:"skull",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif"}, {Name:"bug",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif"}, {Name:"alien",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif"}, {Name:"frustrated",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif"}, {Name:"praying",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif"}, {Name:"money eyes",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif"}, {Name:"whistling",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif"}, {Name:"feeling beat up",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif"}, {Name:"peace sign",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif"}, {Name:"shame on you",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif"}, {Name:"dancing",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif"}, {Name:"bring it on",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif"}, {Name:"hee hee",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"}, {Name:"chatterbox",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif"}, {Name:"not worthy",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif"}, {Name:"oh go on",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif"}, {Name:"star",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif"}, {Name:"hiro",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif"}, {Name:"billy",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif"}, {Name:"april",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif"}, {Name:"yin yang",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif"}, {Name:"bee",URL:"http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/115.gif"}, {Name:"transformer",URL:"http://l.yimg.com/a/i/us/msg/emoticons/transformer.gif"} ] //#endregion //#region util functions function addGlobalStyle(css) { var head, style; head = document.getElementsByTagName('head')[0]; if (!head) { return; } style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = css; head.appendChild(style); } String.prototype.replaceAll = function(strTarget,strSubString){ var strText = this; var intIndexOfMatch = strText.indexOf( strTarget ); while (intIndexOfMatch != -1){ strText = strText.replace( strTarget, strSubString ) intIndexOfMatch = strText.indexOf( strTarget ); } return( strText ); } //#endregion //#region Toolbar renderer ToolBar = function() { this.buttons = new Array(); } with(ToolBar){ prototype.onSelect = null; prototype.Render = function(placeHolder,desc) { for(i in desc.Buttons){ a = document.createElement("a"); imgoff = document.createElement("img"); imgon = document.createElement("img"); a.className = 'commentToolButton'; a.href='#'; a.title = desc.Buttons[i].Label; imgoff.src=desc.Buttons[i].imgOff; imgoff.className = 'commentToolOff'; imgon.src=desc.Buttons[i].imgOn; imgon.className = 'commentToolOn'; a.onclick=desc.Buttons[i].Click; a.appendChild(imgoff); a.appendChild(imgon); placeHolder.appendChild(a); } } } //#endregion //#region Select Image to insert function GetImageHTML(){ divFind = document.createElement("div"); divFind.className = 'commentChooser'; // My Images titleMyImages = document.createElement("h3"); titleMyImages.innerHTML = "My Recent Images"; divMyImages = document.createElement("div"); divMyImages.innerHTML = 'Loading...'; divMyImages.setAttribute("class","imageSubSection"); divFind.appendChild(titleMyImages); divFind.appendChild(divMyImages); // Viewed Images titleHistory = document.createElement("h3"); titleHistory.innerHTML = "Recently Viewed"; divHistory = document.createElement("div"); divHistory.setAttribute("class","imageSubSection"); divFind.appendChild(titleHistory); divFind.appendChild(divHistory); lwBox = new LightWeightBox(divFind); btn = document.createElement("btn"); btn.innerHTML = 'CANCEL'; btn.className = 'Butt'; btn.setAttribute("style","float:right;margin:10px 5px 0 0;"); btn.onclick = function(){lwBox.Close(lwBox);return false;}; divFind.appendChild(btn); lwBox.Render(); aryHistory = GM_getValue("recentlyViewed", "").split("$"); for(var h=0;h'); lwBox.Close(lwBox); }; divHistory.appendChild(photoThumb); } } GM_xmlhttpRequest({ method: 'GET', url: 'http://www.flickr.com/services/feeds/photos_public.gne?id='+window.wrappedJSObject.global_nsid+'&format=rss_200', headers: { 'User-agent': 'Mozilla/4.0 (compatible) FlickrCommentTool www.ts0.com', 'Accept': 'text/plain' }, onload: function(o) { divMyImages.innerHTML = ''; var xpe = new XPathEvaluator(); function fNSResolver(prefix) { if(prefix == 'media') { return 'http://search.yahoo.com/mrss/'; } } var parser = new DOMParser(); var feedXML = parser.parseFromString(o.responseText,"application/xml"); items = xpe.evaluate("//item",feedXML, fNSResolver, 0, null); while (xmlItem = items.iterateNext()) { xmlThumb = xpe.evaluate("./media:thumbnail", xmlItem, fNSResolver, 0, null).iterateNext(); photoThumb = document.createElement("img"); photoThumb.src = xmlThumb.getAttribute("url"); photoThumb.width = 75; photoThumb.height = 75; photoThumb.style.margin="1px"; photoThumb.title = xpe.evaluate("./link", xmlItem, fNSResolver, 0, null).iterateNext().firstChild.nodeValue; photoThumb.onclick = function(e){ ifrm.contentDocument.execCommand('inserthtml',false,''); lwBox.Close(lwBox); }; divMyImages.appendChild(photoThumb); } } }); } //#endregion //#region Prompt for URL to make link function getUrl() { url = prompt('Web Address'); if(url.indexOf('://')<1) { url='http://'+url } return url; } //#endregion //#region Select smiley to insert function GetSmileyHTML(){ divSmile = document.createElement("div"); divSmile.className = 'commentChooser commentSmile'; divSmile.id = 'dialogBody'; divSmile.innerHTML = ''; tableSmiles = document.createElement("table"); tableRow = document.createElement("tr"); var columns = 11; var x; for(x=0;x'); lwBox.Close(lwBox); }; cell.appendChild(img); tableRow.appendChild(cell); if((x+1) % columns == 0) { tableSmiles.appendChild(tableRow); tableRow = document.createElement("tr"); } } btn = document.createElement("btn"); btn.innerHTML = 'CANCEL'; btn.className = 'Butt' btn.onclick = function(){return false;} cell = document.createElement("td"); cell.setAttribute("colspan",columns - (x % columns)); cell.setAttribute("style","border:none;text-align:right;"); tableRow.appendChild(cell); cell.appendChild(btn); tableSmiles.appendChild(tableRow); divSmile.appendChild(tableSmiles); lwBox = new LightWeightBox(divSmile); lwBox.Render(); btn.onclick = function(){lwBox.Close(lwBox);return false;}; } //#endregion //#region Toggle HTML view var HTMLViewMode = false; function ToggleHtml(){ if(HTMLViewMode) { //HTML Off HTMLViewMode = false; ifrm.visibility = "visible"; ifrm.setAttribute("style","width: 350px; height: 200px;position:static;"); txtArea.setAttribute("style","width: 1px; height: 1px;position:absolute;"); } else { //HTML On HTMLViewMode = true; ifrm.visibility = "hidden"; ifrm.setAttribute("style","width: 1px; height: 1px;position:absolute;left:-1000px;"); txtArea.setAttribute("style","width: 350px; height: 200px;position:static;"); } } //#endregion //#region Setup editor // Store history items var linkTags = document.getElementsByTagName("link"); var historyItem = {Image:"",URL:""}; for(var i=0;i 20) { aryHistory.splice(20,aryHistory.length-20); } GM_setValue("recentlyViewed", aryHistory.join("$")); } function SetHTML(val) { ifrm.contentDocument.body.innerHTML = val.replaceAll('\n','
'); } function GetHTML() { return ifrm.contentDocument.body.innerHTML.replaceAll('
','\n').replaceAll('notrela123','').replaceAll(' ',' '); } var editingForm,txtArea; document = document.wrappedJSObject; for(i=0;i'); ifrm.contentDocument.close(); ifrm.contentDocument.designMode = 'on'; SetHTML(txtArea.value); var previousHTML = GetHTML(); var previousText = txtArea.value; setInterval(function(){ if (HTMLViewMode) { if (previousText!=txtArea.value+'') { SetHTML(txtArea.value); previousText=txtArea.value; } } else { if (previousHTML!=GetHTML()+'') { txtArea.value=GetHTML(); previousText=txtArea.value; previousHTML=GetHTML()+''; } else if (previousText!=txtArea.value+'') { SetHTML(txtArea.value); previousText=txtArea.value; } } },20); ifrm.style.border = 'solid 1px #404040;' ifrm.style.width = "350px"; ifrm.style.height = "200px"; ifrm.contentDocument.execCommand('useCSS',false, true); ifrm.contentDocument.execCommand('styleWithCSS', false, false); //editingForm.onsubmit = function(){setTextarea();editingForm.onsubmit();}; var toolBar = new ToolBar(); divToolBar = document.createElement("div") toolBar.Render(divToolBar,toolBarDescription); ifrm.parentNode.insertBefore(divToolBar,ifrm); },50); //#endregion //#region Dialog boxes // LightWeightBox for greasemonkey // http://www.ts0.com/2006/09/light-weight-light-box-for_05.asp var LightWeightBoxOn=false; var LightWeightBox = function(ele){ this.ele = ele; this.backgroundColor = '#CCC'; this.opacity = 0.5; } with (LightWeightBox){ prototype.Render = function(){ if (!LightWeightBoxOn){ bgDiv = document.createElement('div'); bgDiv.innerHTML = '' bgDiv.style.backgroundColor = this.backgroundColor; bgDiv.style.position='fixed'; bgDiv.style.height='100%'; bgDiv.style.width='100%'; bgDiv.style.top=0; bgDiv.style.left='0'; bgDiv.style.opacity=this.opacity; this.ele.style.position='fixed'; this.bgDiv=bgDiv; document.body.appendChild(this.bgDiv); document.body.appendChild(this.ele); this.CheckSize(); LightWeightBoxOn = true; var oSelf=this; //this.sizeCheck = setInterval(function(){oSelf.CheckSize();},20); } } prototype.CheckSize = function(){ if (this.ele.offsetHeight!=this.currentHeight) { this.offsetTop = (document.body.clientHeight/2)-(this.ele.offsetHeight/2); this.ele.style.top = this.offsetTop+'px'; this.currentHeight=this.ele.offsetHeight; } if (this.ele.offsetWidth!=this.currentWidth) { this.offsetLeft = (document.body.clientWidth/2)-(this.ele.offsetWidth/2); this.ele.style.left = this.offsetLeft+'px'; this.currentWidth=this.ele.offsetWidth; } } prototype.Close=function(oSelf){ document.body.removeChild(oSelf.bgDiv); document.body.removeChild(oSelf.ele); LightWeightBoxOn = false; } } //#endregion