tag:blogger.com,1999:blog-73215835920369450322024-03-19T09:35:37.247-07:00CotcaroUnknownnoreply@blogger.comBlogger28125tag:blogger.com,1999:blog-7321583592036945032.post-48140451552387532172009-05-14T23:51:00.000-07:002009-05-12T04:28:47.907-07:00Page 1<script type="text/javascript">$("h2.date-header").css("display","none");$("a[href=http://cotcaro.blogspot.com/2008/07/page-1.html]")[0].parentNode.style.textIndent="-9999px";</script>
<h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" title="Browser Backgrounds">Browser Backgrounds</a></h3><p>Browser Backgrounds is the new Firefox extension that lets you install backgrounds directly on your browser. Think about having your favorite music band or NBA player backgrounds right on your browser window, without leaving the browser and stopping the web experience even for one second.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script>
<div style="margin: 20px 20px 20px 40px; height: 75px;" id="InnerPagescreenshots" class="InnerPage">
<h3 style="margin:5px auto 0 197px">Screenshots</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2OkJlBdnUX9wCqVns5WAzaTaEPoC53FmPlAg2Wu223iYavdnb86fIjrlfid3EH7h3doJ3l3go-1nWRHK2sD-viFJxdjdk4wMbsoCiML6pJlu7I-WLsPvlzIXrBwyGI49_HZwwfRVdT0Z/s512/screen+1.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QW5gzuZvnIpffQYl27-QGbOe-ddV7PD9w4MAg7DBaCjNcBzcJuGa_3FALCA_F_WHcX9rsX3oGjC8_6DazO0T3BvnbnOFeHkImPRuQROBr1albbOavsQjPwIlpfkWo5n1ROdZZfiCzMn6/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnJKg3Tc4PXw-1v5ZwoLPDZbe3SXZ-_ExNplfhy8WaO3_jHz6RHR7NAwNRVEqy3tBLObquCOazwxLoDLTMTV4WrJ9clWkTjLKmHmkfSgc5FsvcD1eu0xD1JjBSbK6aKFK09OY85KpPGIH/s512/screen+2.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXOS8T88TrsTn0hLUj82SlY6vyHp7hvCcq07KM66jBLPbk_RtE-d8JMEioocjD8kW8wukYdabg5CcFSzr8WbrOorV06dKpP8jWQjgMTwLSAhBbryQakzUuFH-mp0mVKHggxEt7o9SDg5H/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrDgbyAGttCQSKRyiPL9mkdCrW1_9AU5m1Aqrom8MwTlPoS9R5zE6Z5DNuzDr9azVCEjTlxgmdqF0K1PkM0TRzov3g5HSyoLeMqAxPV1qWSP5apGbY-zWpqOBYJQkPe2ebjNu5UiufPZ9/s512/screen+3.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dswkgWvcqPMR9Faif9HxH9c9h_yTdS74FVfdyEVsKmujXxzhz4y2XNsaa6Y24W38xiKCHYWubg8jv6OpVg2i92mj-Brv8QvaKIe-6quIUSTF1poYP-UvTk_HGCQ6syjCXw6gEHEvXY1-/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeXUFyEMYUKYY1dpgjtPor4AWjdijLmDXYj7JTfcYqnejxbuxceex7_zM5GZylCng5IEog_wV4gcxKXfqXY5jf716AGgUpyvmatXy8OUt8BoiLsreOZiQ9Jt9T6CsQrQ89ZN99M70cMar/s512/screen+4.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsr9a-4ZiVQhWE8Hj2cN5xLBxssxLvaF9r4I6Z0hdbbUdyhyphenhyphenSSFvQRfAX8ya3iN7r2JplyH2Tb5v7JFG_FVXSdBUsbqlZt3KxxDW3j6HEYn6vbIYzJsFjyCQ3BpbjGKp-vrvSUL1TQ_DS/" alt=""/>
</a>
</div>
<div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html">Read More...</a></span></div>
<h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" title="Google Redesigned">Google Redesigned</a></h3><p>Google Redesigned is the new Firefox extension that completely redesigns popular Google services. The styles are created by <a href="http://www.globexdesigns.com/" title="Globex Designs">Globex Designs</a> company and the extension is released as a plug 'n play solution for the users to load and manage them easily. Google Redesigned is an <a href="http://www.globexdesigns.com/gr/" title="Open Source project">Open Source project</a> and I am leading development efforts of the extension.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script> <div class="InnerPage" id="InnerPagescreenshots" style="margin:20px 20px 20px 40px;height:75px;"><h3 style="margin:5px auto 0 197px">Screenshots</h3><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"/></a><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"/></a></div><div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html">Read More...</a></span></div><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/07/im-feeling-lucky-problem-fix-for.html" title="I'm Feeling Lucky Problem Fix for OpenDNS users">I'm Feeling Lucky Problem Fix for OpenDNS users</a></h3><br />
<p><a href="http://www.opendns.com/" title="OpenDNS"><strong>OpenDNS</strong></a> is great service as providing safer and faster surfing experience for web users. However when it comes, it brings a big headache for Firefox and Flock users. You can't use <strong>I'm Feeling Lucky</strong> searches in location bar any more after registering OpenDNS. I have created an extension that will fix this problem in seconds for Firefox and Flock.</p><div class="buttons" style="width:320px;"><a href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" style="padding-left:20px" title="GET THE FEELING LUCKY FIXER">GET THE FEELING LUCKY FIXER</a></div><div class="postseperator" style="height:16px;border-bottom:3px solid #CCDEAF;border-bottom:3px solid #CCDEAF;font-size:0.9em;margin-bottom:2em;padding:5px 10px;"><span style="float: right;"><a href="http://cotcaro.blogspot.com/2008/07/im-feeling-lucky-problem-fix-for.html" class="readmore" style="padding: 3px; text-align: right; background-color: darkred; color: white;" title="Read More">Read More...</a></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7321583592036945032.post-49951026251331481452009-05-11T02:48:00.000-07:002009-05-12T04:26:13.642-07:00Browser Backgrounds<p>Till now users would only install backgrounds on their computer desktops. But Browser Backgrounds is the new Firefox extension that lets you install backgrounds directly on your browser. Think about having your favorite music band or NBA player backgrounds right on your browser window, without leaving the browser and stopping the web experience even for one second.</p>
<script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script>
<div style="width: 366px; float: left; margin-right: 20px;" id="InnerPagescreenshots" class="InnerPage">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2OkJlBdnUX9wCqVns5WAzaTaEPoC53FmPlAg2Wu223iYavdnb86fIjrlfid3EH7h3doJ3l3go-1nWRHK2sD-viFJxdjdk4wMbsoCiML6pJlu7I-WLsPvlzIXrBwyGI49_HZwwfRVdT0Z/s512/screen+1.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QW5gzuZvnIpffQYl27-QGbOe-ddV7PD9w4MAg7DBaCjNcBzcJuGa_3FALCA_F_WHcX9rsX3oGjC8_6DazO0T3BvnbnOFeHkImPRuQROBr1albbOavsQjPwIlpfkWo5n1ROdZZfiCzMn6/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnJKg3Tc4PXw-1v5ZwoLPDZbe3SXZ-_ExNplfhy8WaO3_jHz6RHR7NAwNRVEqy3tBLObquCOazwxLoDLTMTV4WrJ9clWkTjLKmHmkfSgc5FsvcD1eu0xD1JjBSbK6aKFK09OY85KpPGIH/s512/screen+2.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXOS8T88TrsTn0hLUj82SlY6vyHp7hvCcq07KM66jBLPbk_RtE-d8JMEioocjD8kW8wukYdabg5CcFSzr8WbrOorV06dKpP8jWQjgMTwLSAhBbryQakzUuFH-mp0mVKHggxEt7o9SDg5H/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrDgbyAGttCQSKRyiPL9mkdCrW1_9AU5m1Aqrom8MwTlPoS9R5zE6Z5DNuzDr9azVCEjTlxgmdqF0K1PkM0TRzov3g5HSyoLeMqAxPV1qWSP5apGbY-zWpqOBYJQkPe2ebjNu5UiufPZ9/s512/screen+3.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dswkgWvcqPMR9Faif9HxH9c9h_yTdS74FVfdyEVsKmujXxzhz4y2XNsaa6Y24W38xiKCHYWubg8jv6OpVg2i92mj-Brv8QvaKIe-6quIUSTF1poYP-UvTk_HGCQ6syjCXw6gEHEvXY1-/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeXUFyEMYUKYY1dpgjtPor4AWjdijLmDXYj7JTfcYqnejxbuxceex7_zM5GZylCng5IEog_wV4gcxKXfqXY5jf716AGgUpyvmatXy8OUt8BoiLsreOZiQ9Jt9T6CsQrQ89ZN99M70cMar/s512/screen+4.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsr9a-4ZiVQhWE8Hj2cN5xLBxssxLvaF9r4I6Z0hdbbUdyhyphenhyphenSSFvQRfAX8ya3iN7r2JplyH2Tb5v7JFG_FVXSdBUsbqlZt3KxxDW3j6HEYn6vbIYzJsFjyCQ3BpbjGKp-vrvSUL1TQ_DS/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sJUQEdbYhdgTJBgUetofkI7hZ8JtV3nIRshiYKxW8U57s26MKorO8bsO671RF0kZk-qt0GxPpfU0DSvyxOZp45h_HkvFG8lv6rV2p1QdBjlLXzr1cUbrSyJvaoRIt2PvbB4A8kNCeMCb/s512/screen+5.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMvnJaBISSSMzZIaGY92EliKwUISafkK5kF-N44rhP4YIuTah3CisD5RP91REzCNJzXUjWT2jgXEvSmLeP7Q_5MvG-Pv7gjQKBGo38GerEoa3R6KMNLTZAto703ZL7qriC51k32T2bkFWe/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUxONe41AKnMjppRvKz6iZ5aS0PetcAJyAsQsMv_SB8SEIbVmge-uX9sq1hQgSZQDMTgcxEoZkU0baSlvydZMiF3CDZlHN5eDKNZ8hh6MsGl5Runv_Ypbym_IVEtULcHclQpnaOwsBmcd/s512/screen+6.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgskrhx1QmlrGgUR7zicPs7syzvABWSLkYds3OK4aEG3i0K9yPsKbuuwKNFoMNEi8ZbuvnxvJoypvLuHUdT_FKrXWTn2WJudPAFOxOFV7qqeo0_mggb0hTjJf0RF1Nm-LVWfCOa6jEIm0db/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK_8cIqFIBDWEwebd63aEybkLlRAppPsaw07bqU8FBm8tNn_kYHV8LBPwZ3iJhQHQGOGlc5ipKOCJBF2UpFPXKRARjIJijhK1mAsQLtdysmqjCNAIVIKMlzLp9ciSPiriBaOzMuWaX0ms/s512/screen+7.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhicTntFPFMNy-lZvOvQRXLZ2Udax7RJUW49lXiV-QDJrkoS0levIJrWOVWK0FdnQk7z0e0oekIOrZLVHSd8XQYcO4xVI8eTyYbOUQD9ndgMfzBDH5XtF4ddmUQPZ4ci-tNCocmLHdYVXg0/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGyvGL00DHQsLNdrvtZcGvjWvndte0cA_NW-abuMiBIREUJ0Eko8G4LdPmN0IATr1mvkabcyBT56SD5AIY8h4ika-9JsEFTg1BkoWKTLU61h3JUETghlPM0lfqWc2xrsBKzigemORjLr-b/s512/screen+8.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOO9ycqpO_P_X_u3e_i-myr2MKw27EI7UA9X-g6y58N1hVqUDqz_S2VFD_NUZUq6InGNuuL_G5OhYK9kW2hu_k3i36Ip0xgheuXWO3PpsN3oivUba9eVnqfF3t2VCUqEjq5M_1Xq61bpT/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWycpPlxS0_CvfxckosWYHWzKIfONK9vfgRhmHPIqPoaJ5YeCr9jy1dUzFVBmHOiAP5uXItLh9Sxrlz9f8WudOjdUkSi5kXsJwgzhqsbaGX5lRgIyrZkaT9Mi_Y3oQ0Tbj6bJzpRbjd5j3/s512/screen+9.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9MtOMr5yBKiM92_PoMfK5sQ9DMytNfpm2scZif_k2wZPi3wzbszA2kVqacLjGEVwhJYlMrBXSrupFZvpRitJG0w_wa3hss-B-TddH5y8dYvWvowiVcUCPAVLIqvieq67t21cZYAn0aRt9/" alt=""/>
</a>
</div>
<p>The highly efficient and easy to use extension lets you install infinite numbers of backgrounds and manage them. Installing backgrounds ranging from your favorite Football player to Hollywood stars is just a matter of seconds. You can even install your own photos on your browser. Your beautiful girlfriend or lovely mom will look amazing on your browser.</p>
<p>Just install the extension, restart your browser and enjoy the new backgrounds.</p>
<div class="buttons" style="width: 320px; margin-left: 138px;"><a href="https://addons.mozilla.org/en-US/firefox/addon/10550" style="padding-left: 68px;" title="GET THE EXTENSION"> GET THE EXTENSION</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-79110207206412545692009-04-12T01:53:00.000-07:002009-05-12T03:55:22.138-07:00Any Problem<p>Did you have any problem during Donate process? Or do you have any question to ask? You can reach me at <span style="font-weight:bold;">cotcaro at gmail dot com</span></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-90562304687292433722009-04-12T01:51:00.000-07:002009-05-12T03:56:17.071-07:00Thanks for Donating<p>Thank you very much for supporting the project and my efforts. I really appreciate it. If you have any question to ask you can reach me at <span style="font-weight:bold;">cotcaro at gmail dot com</span></p>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7321583592036945032.post-81288641551169914302009-04-02T06:54:00.000-07:002009-09-28T02:11:06.243-07:00Changelog<p style="margin-top:18px;">Congratulations. Feeling Lucky Fixer upgraded to version 2.0 successfully.</p><b>Changelog</b>:<br />
<p style="margin-left:25px;">*Fix for OpenDNS Mac changes<br />
*Support for Firefox 3.6 and 3.7<br />
</p><div style="text-align:center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="5377048"> <input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online."> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form><p>I am a college student who tries to afford his life and college expenses by coding. I am on the way to collect next year's tuition. If you help me on that I will be really grateful. </p></div><p>If you have any question related to this release, please don't hesitate to send it as comment below.<br />
<br />
<span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:190px;"><a class="relatedlinks" title="Browser Backgrounds" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" >Browser Backgrounds</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-7321583592036945032.post-51723283763504209942008-11-23T09:21:00.000-08:002009-10-18T07:47:12.920-07:00Enable Location Bar Keyword Surfing For Flock 2<p>Social web browser <b>Flock 2</b> comes with many improvements and changes. But it doesn't let you browse the web with <b>keywords</b> as <b>Firefox</b> does.</p><p>I have created a plug 'n play extension to fix the problem in seconds. No technical detail no dirty code. Just install it, restart your browser and continue your fun.</p><script type="text/javascript">function installXPI(href){if (typeof(InstallTrigger) != 'undefined'){var xpi = {'Feeling Lucky Fixer': href};InstallTrigger.install(xpi);return false;}else{alert("You must be using Firefox to install Feeling Lucky Fixer.");return false}}</script> <div class="buttons" style="width:320px"><a href="https://addons.mozilla.org/en-US/firefox/downloads/latest/7993/" style="padding-left:23px" onclick="return installXPI(event.target.getAttribute('href'))" title="Install Feeling Lucky Fixer 2.0" id="ext_inst_anchor"> INSTALL FEELING LUCKY FIXER</a></div><script type="text/javascript">document.getElementById("ext_inst_anchor").addEventListener("click",function(event){if (navigator.appName.indexOf("Netscape")!= -1) {var img = new Image();img.src="http://cotcaro.com/ext_counter/counter.php";}event.stopPropagation();},false);</script><br />
<p>Compatible with Firefox, too.</p><h4 style="text-decoration:underline;">How it works</h4><p>When you type a keyword (e.g. <strong>Digg</strong>) in location bar and press Enter, Flock 2 will redirect you to a Yahoo search page related to that keyword.</p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuiWuKIPuK92T25wAahf5yHoJcT9PoTI9jbr91KkoQTjbUPwCCcl00YH32q5uvilVFKhb_nTiRku7r98yxnPFCwpsSFEnjib8E9pGYnvEToGwvgDxAo58I31dh9e7EsuKHt-_pjiIggReH/" alt="Your keywords are redirected to a related Yahoo search page on Flock 2" width="538" height="327"/><br />
<br />
<p>After you install the extension the keyword browsing is activated and keywords that you type in address bar will direct you to the site that your keywords describe best.</p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapcbHQAs9JjnLQcfUsdqesRIaWJ_2v6P0ilF7AZ2sjUcJXN5gvZ0o-sAOYSxI4TeJmFKKJUHrqHVWjICVuoFLJWnumhSHRbC5Ko56kL2UFqiFcuO7JhKkPdDcdvzEID3OXIWyhwFQzweM/" alt="After you install the extension keyword browsing is activated on Flock 2 and from now on keywords typed in location bar will direct you the site that your keywords describe best." width="566" height="285" /><br />
<br />
<p>You can use multiple keywords at a time that create a logical unit, too. Type <strong>wikipedia heart</strong> in address bar and you will land on the <a title="Heart article of Wikipedia" href="http://en.wikipedia.org/wiki/Heart">Heart article of Wikipedia</a> in seconds.</p><p>Hope it helps. Enjoy!</p><p style="font-size:10px;font-style:italic;">**Location bar keyword surfing is technically referred as <strong>keyword browsing</strong>. But publicly the facility known as <strong>I'm Feeling Lucky searches in location bar</strong>.</p><span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:366px"><a class="relatedlinks" title="Adding Keyword Browsing to Popular Browsers" href="http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-popular.html" > Adding Keyword Browsing to Popular Browsers</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div><div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html'; addthis_title="Feeling Lucky Fixer"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7321583592036945032.post-82278839638054260312008-11-23T08:13:00.000-08:002009-05-12T05:04:35.557-07:00How to Use Guide<p>Thanks for using Feeling Lucky Fixer. Other than installing the extension, you don't need anything more to enable the <strong>keyword browsing</strong> on <strong>Flock 2</strong>. All you need to use extension is typing a keyword in location bar that describes your visit site best (e.g. <strong>yahoo mail</strong>) and pressing Enter. </p><p>In case another extension spoilt your settings (this will be actually a rare case) you may have still problems about keyword browsing. If so, you can send your case description as comment to help me provide you extension support.</p><div style="text-align:center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5377048">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form><p>I am a college student who tries to afford his life and college expenses by coding. I am on the way to collect next year's tuition. If you help me on that I will be really grateful. </p>
</div><p>Hope the <strong>extension</strong> helps. Enjoy!
</p><span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:190px;"><a class="relatedlinks" title="Browser Backgrounds" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" >Browser Backgrounds</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-79447083226634240842008-08-12T16:01:00.000-07:002008-08-12T16:29:25.206-07:00Google Redesigned<p>Google Redesigned is the new Firefox extension that completely redesigns popular Google services. The styles are created by <a href="http://www.globexdesigns.com/" title="Globex Designs">Globex Designs</a> company and the extension is released as a plug 'n play solution for the users to load and manage them easily. Google Redesigned is an <a href="http://www.globexdesigns.com/gr/" title="Open Source project">Open Source project</a> and I am leading development efforts of the extension.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script> <div class="InnerPage" id="InnerPagescreenshots" style="margin:20px 20px 20px 40px;height:250px"><h3 style="margin:5px auto 0 197px">Screenshots</h3><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"/></a><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"/></a><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFUGMQL7I/AAAAAAAAAL8/KK2mRzB76_A/gmail_redesigned_04.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFUGMQL7I/AAAAAAAAAL8/KK2mRzB76_A/gmail_redesigned_04.jpg"/></a><a rel="thumbnail" href="http://lh6.ggpht.com/cotcaro/SKIFTy-4a8I/AAAAAAAAAL0/C96p3D2B4QE/gmail_redesigned_03.jpg"><img alt="Gmail Redesigned" src="http://lh6.ggpht.com/cotcaro/SKIFTy-4a8I/AAAAAAAAAL0/C96p3D2B4QE/gmail_redesigned_03.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIELdq4LII/AAAAAAAAALU/rOj__A93LzQ/gcal_redesigned_03.jpg"><img alt="Gcal Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIELdq4LII/AAAAAAAAALU/rOj__A93LzQ/gcal_redesigned_03.jpg"/></a><a rel="thumbnail" href="http://lh6.ggpht.com/cotcaro/SKIELsn1v3I/AAAAAAAAALk/In_8ATCTO18/gcal_redesigned_05.jpg"><img alt="Gcal Redesigned" src="http://lh6.ggpht.com/cotcaro/SKIELsn1v3I/AAAAAAAAALk/In_8ATCTO18/gcal_redesigned_05.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIELRHkD4I/AAAAAAAAALc/N8Mkx1p8oI8/gcal_redesigned_04.jpg"><img alt="Gcal Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIELRHkD4I/AAAAAAAAALc/N8Mkx1p8oI8/gcal_redesigned_04.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIELXB47iI/AAAAAAAAALE/rrfDF3ik8XI/gcal_redesigned_01.jpg"><img alt="Gcal Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIELXB47iI/AAAAAAAAALE/rrfDF3ik8XI/gcal_redesigned_01.jpg"/></a><a rel="thumbnail" href="http://lh5.ggpht.com/cotcaro/SKIELUe1u0I/AAAAAAAAALM/f5YqiMhDCJs/gcal_redesigned_02.jpg"><img alt="Gcal Redesigned" src="http://lh5.ggpht.com/cotcaro/SKIELUe1u0I/AAAAAAAAALM/f5YqiMhDCJs/gcal_redesigned_02.jpg"/></a></div><p style="clear:both">Extension is supported by most of the Mozilla family browsers but <a href="http://firefox.com" title="Firefox 3">Firefox 3</a> and <a href="http://flock.com/beta/download/" title="Flock 2">Flock 2</a> is highly recommended to get the best performance. Just install it, restart your browser and point your browser to <a href="http://gmail.com" title="Gmail">Gmail</a> and <a href="http://google.com/calendar" title="Google Calendar">Google Calendar</a> to experience the new look 'n feel.</p><div style="width: 320px;margin-left:138px;" class="buttons"><a title="GET THE EXTENSION" style="padding-left: 68px;" href="http://www.globexdesigns.com/gr"> GET THE EXTENSION</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-68637846342776545722008-07-09T01:05:00.001-07:002008-12-09T05:26:51.623-08:00Jquery<script type="text/javascript">$("h3.entry-title a").each(function(index){if($(this).is("[href=http://cotcaro.blogspot.com/2008/07/jquery.html]")) {this.parentNode.style.textIndent="-9999px";$("h2.date-header").css("textIndent","-9999px");}});</script><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/07/jquery-photoshop-like-slider-plugin.html" title="Jquery Photoshop Like Slider Plugin">Jquery Photoshop Like Slider Plugin</a></h3><p></p>
<p>Photoshop CS3 has introduced a very intuitive way to let users adjust fine tune required settings by just clicking on labels and dragging. Photoshop Like Slider plugin will bring that functionality to your html forms.</p><p></p><form action="#" name="photoshopsavepixelas" style="width: 366px; height: 111px;background-repeat: no-repeat; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkC7iEDU2N17-e18muUh5D-61s9vOr88wY-oH3JEAicpX1w1X415xYgEGT6gkR-MVvU8ft7d975P1Y3mREOlqwUv4wZ8LUBQeKcSqPWuvlAz-N7zDRL3LrmHIXj1Qc7jK5eo3jyyA1zcDz/s400/photoshop_save_pixel_aspect_ratio_form.png);position:relative;" class=""><div style="position:absolute;height:22px;top:35px;left:2px;width:366px;" id="photodiv1" class=""><label id="photoshopsavepixelasnamelabel" style="width: 33px; display: block; height: 12px;position:absolute;top:6px;left:14px;" class=""></label><input type="text" value="Untitled" style="border-width:1px;display: block; height:18px;width: 212px;position:absolute;border-style:solid;border-color:#7f9db9;top:4px;left:53px;margin:0;" id="photoinput1" class=""/></div><div style="position:absolute;height:22px;top:72px;left:2px;width:366px;" class=""><label style="width: 33px; display: block; height: 12px;position:absolute;top:6px;left:13px;" id="photoshopsavepixelasfactorlabel" class=""></label><input type="text" value="1.052" id="photoshopsavepixelasfactorinput" style="display: block; height:18px;width: 58px;position:absolute;border-style:solid;border-color:#7f9db9;top:4px;left:53px;margin:0;border-width:1px;" class=""/></div></form><script type="text/javascript">$('#photoshopsavepixelasfactorlabel').pls({foreachpixel:5,changevalue:0.001,downlimit:0,uplimit:120,changetarget:$('#photoshopsavepixelasfactorinput'),});</script><div class="postseperator" style="height:16px;border-bottom:3px solid #CCDEAF;border-bottom:3px solid #CCDEAF;font-size:0.9em;margin-bottom:2em;padding:5px 10px;"><span style="float: right;"><a href="http://cotcaro.blogspot.com/2008/07/jquery-photoshop-like-slider-plugin.html" class="readmore" style="padding: 3px; text-align: right; background-color: darkred; color: white;" title="Read More">Read More...</a></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7321583592036945032.post-26681741863320823932008-07-09T01:03:00.001-07:002009-05-12T04:29:20.764-07:00Flock<script type="text/javascript">$("h3.entry-title a").each(function(index){if($(this).is("[href=http://cotcaro.blogspot.com/2008/07/flock.html]")) {this.parentNode.style.textIndent="-9999px";$("h2.date-header").css("textIndent","-9999px");}});</script><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" title="Browser Backgrounds">Browser Backgrounds</a></h3><p>Browser Backgrounds is the new Firefox extension that lets you install backgrounds directly on your browser. Think about having your favorite music band or NBA player backgrounds right on your browser window, without leaving the browser and stopping the web experience even for one second.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script>
<div style="margin: 20px 20px 20px 40px; height: 75px;" id="InnerPagescreenshots" class="InnerPage">
<h3 style="margin:5px auto 0 197px">Screenshots</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2OkJlBdnUX9wCqVns5WAzaTaEPoC53FmPlAg2Wu223iYavdnb86fIjrlfid3EH7h3doJ3l3go-1nWRHK2sD-viFJxdjdk4wMbsoCiML6pJlu7I-WLsPvlzIXrBwyGI49_HZwwfRVdT0Z/s512/screen+1.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QW5gzuZvnIpffQYl27-QGbOe-ddV7PD9w4MAg7DBaCjNcBzcJuGa_3FALCA_F_WHcX9rsX3oGjC8_6DazO0T3BvnbnOFeHkImPRuQROBr1albbOavsQjPwIlpfkWo5n1ROdZZfiCzMn6/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnJKg3Tc4PXw-1v5ZwoLPDZbe3SXZ-_ExNplfhy8WaO3_jHz6RHR7NAwNRVEqy3tBLObquCOazwxLoDLTMTV4WrJ9clWkTjLKmHmkfSgc5FsvcD1eu0xD1JjBSbK6aKFK09OY85KpPGIH/s512/screen+2.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXOS8T88TrsTn0hLUj82SlY6vyHp7hvCcq07KM66jBLPbk_RtE-d8JMEioocjD8kW8wukYdabg5CcFSzr8WbrOorV06dKpP8jWQjgMTwLSAhBbryQakzUuFH-mp0mVKHggxEt7o9SDg5H/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrDgbyAGttCQSKRyiPL9mkdCrW1_9AU5m1Aqrom8MwTlPoS9R5zE6Z5DNuzDr9azVCEjTlxgmdqF0K1PkM0TRzov3g5HSyoLeMqAxPV1qWSP5apGbY-zWpqOBYJQkPe2ebjNu5UiufPZ9/s512/screen+3.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dswkgWvcqPMR9Faif9HxH9c9h_yTdS74FVfdyEVsKmujXxzhz4y2XNsaa6Y24W38xiKCHYWubg8jv6OpVg2i92mj-Brv8QvaKIe-6quIUSTF1poYP-UvTk_HGCQ6syjCXw6gEHEvXY1-/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeXUFyEMYUKYY1dpgjtPor4AWjdijLmDXYj7JTfcYqnejxbuxceex7_zM5GZylCng5IEog_wV4gcxKXfqXY5jf716AGgUpyvmatXy8OUt8BoiLsreOZiQ9Jt9T6CsQrQ89ZN99M70cMar/s512/screen+4.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsr9a-4ZiVQhWE8Hj2cN5xLBxssxLvaF9r4I6Z0hdbbUdyhyphenhyphenSSFvQRfAX8ya3iN7r2JplyH2Tb5v7JFG_FVXSdBUsbqlZt3KxxDW3j6HEYn6vbIYzJsFjyCQ3BpbjGKp-vrvSUL1TQ_DS/" alt=""/>
</a>
</div>
<div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html">Read More...</a></span></div><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" title="Feeling Lucky Fixer">Feeling Lucky Fixer</a></h3>
<p>If you are the one searching a solution for frustrating OpenDNS problem which redirects your keywords that you type in <strong>location bar</strong> to an odd <strong>OpenDNS</strong> search page rather than to desired site, you are on the right track to fix the problem and to bring I'm Feeling Lucky searches back to your <strong>Firefox</strong> and <strong>Flock</strong>.</p><p>I have created a plug 'n play <strong>extension</strong> to fix the problem in seconds. No technical detail no dirty code. Just install it, restart your browser and continue your fun.</p><div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" title="Read More">Read More...</a></span></div>
<h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" title="Google Redesigned">Google Redesigned</a></h3>
<p>Google Redesigned is the new Firefox extension that completely redesigns popular Google services. The styles are created by <a href="http://www.globexdesigns.com/" title="Globex Designs">Globex Designs</a> company and the extension is released as a plug 'n play solution for the users to load and manage them easily. Google Redesigned is an <a href="http://www.globexdesigns.com/gr/" title="Open Source project">Open Source project</a> and I am leading development efforts of the extension.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script> <div class="InnerPage" id="InnerPagescreenshots" style="margin:20px 20px 20px 40px;height:75px;"><h3 style="margin:5px auto 0 197px">Screenshots</h3><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"/></a><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"/></a></div><div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html">Read More...</a></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7321583592036945032.post-37439877329167058272008-07-09T00:48:00.000-07:002009-05-12T04:29:54.753-07:00Firefox<script type="text/javascript">$("h3.entry-title a").each(function(index){if($(this).is("[href=http://cotcaro.blogspot.com/2008/07/firefox.html]")) {this.parentNode.style.textIndent="-9999px";$("h2.date-header").css("textIndent","-9999px");}});</script><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" title="Browser Backgrounds">Browser Backgrounds</a></h3><p>Browser Backgrounds is the new Firefox extension that lets you install backgrounds directly on your browser. Think about having your favorite music band or NBA player backgrounds right on your browser window, without leaving the browser and stopping the web experience even for one second.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script>
<div style="margin: 20px 20px 20px 40px; height: 75px;" id="InnerPagescreenshots" class="InnerPage">
<h3 style="margin:5px auto 0 197px">Screenshots</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2OkJlBdnUX9wCqVns5WAzaTaEPoC53FmPlAg2Wu223iYavdnb86fIjrlfid3EH7h3doJ3l3go-1nWRHK2sD-viFJxdjdk4wMbsoCiML6pJlu7I-WLsPvlzIXrBwyGI49_HZwwfRVdT0Z/s512/screen+1.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QW5gzuZvnIpffQYl27-QGbOe-ddV7PD9w4MAg7DBaCjNcBzcJuGa_3FALCA_F_WHcX9rsX3oGjC8_6DazO0T3BvnbnOFeHkImPRuQROBr1albbOavsQjPwIlpfkWo5n1ROdZZfiCzMn6/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnJKg3Tc4PXw-1v5ZwoLPDZbe3SXZ-_ExNplfhy8WaO3_jHz6RHR7NAwNRVEqy3tBLObquCOazwxLoDLTMTV4WrJ9clWkTjLKmHmkfSgc5FsvcD1eu0xD1JjBSbK6aKFK09OY85KpPGIH/s512/screen+2.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXOS8T88TrsTn0hLUj82SlY6vyHp7hvCcq07KM66jBLPbk_RtE-d8JMEioocjD8kW8wukYdabg5CcFSzr8WbrOorV06dKpP8jWQjgMTwLSAhBbryQakzUuFH-mp0mVKHggxEt7o9SDg5H/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrDgbyAGttCQSKRyiPL9mkdCrW1_9AU5m1Aqrom8MwTlPoS9R5zE6Z5DNuzDr9azVCEjTlxgmdqF0K1PkM0TRzov3g5HSyoLeMqAxPV1qWSP5apGbY-zWpqOBYJQkPe2ebjNu5UiufPZ9/s512/screen+3.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dswkgWvcqPMR9Faif9HxH9c9h_yTdS74FVfdyEVsKmujXxzhz4y2XNsaa6Y24W38xiKCHYWubg8jv6OpVg2i92mj-Brv8QvaKIe-6quIUSTF1poYP-UvTk_HGCQ6syjCXw6gEHEvXY1-/" alt=""/>
</a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeXUFyEMYUKYY1dpgjtPor4AWjdijLmDXYj7JTfcYqnejxbuxceex7_zM5GZylCng5IEog_wV4gcxKXfqXY5jf716AGgUpyvmatXy8OUt8BoiLsreOZiQ9Jt9T6CsQrQ89ZN99M70cMar/s512/screen+4.jpg" rel="thumbnail">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsr9a-4ZiVQhWE8Hj2cN5xLBxssxLvaF9r4I6Z0hdbbUdyhyphenhyphenSSFvQRfAX8ya3iN7r2JplyH2Tb5v7JFG_FVXSdBUsbqlZt3KxxDW3j6HEYn6vbIYzJsFjyCQ3BpbjGKp-vrvSUL1TQ_DS/" alt=""/>
</a>
</div>
<div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html">Read More...</a></span></div><h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" title="Feeling Lucky Fixer">Feeling Lucky Fixer</a></h3>
<p>If you are the one searching a solution for frustrating <strong>OpenDNS</strong> problem which redirects your keywords that you type in <strong>address bar</strong> to an odd OpenDNS search page rather than to desired site, you are on the right track to fix the problem and to bring I'm Feeling Lucky searches back to your <strong>Firefox</strong> and <strong>Flock</strong>.</p>
<p>I have created a plug 'n play <strong>extension</strong> to fix the problem in seconds. No technical detail no dirty code. Just install it, restart your browser and continue your fun.</p><div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" title="Read More">Read More...</a></span></div>
<h3 class="post-title entry-title"><a href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" title="Google Redesigned">Google Redesigned</a></h3>
<p>Google Redesigned is the new Firefox extension that completely redesigns popular Google services. The styles are created by <a href="http://www.globexdesigns.com/" title="Globex Designs">Globex Designs</a> company and the extension is released as a plug 'n play solution for the users to load and manage them easily. Google Redesigned is an <a href="http://www.globexdesigns.com/gr/" title="Open Source project">Open Source project</a> and I am leading development efforts of the extension.</p><script src="http://cotcaro.googlepages.com/thumbnailviewer.js" type="text/javascript"></script> <div class="InnerPage" id="InnerPagescreenshots" style="margin:20px 20px 20px 40px;height:75px;"><h3 style="margin:5px auto 0 197px">Screenshots</h3><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFc8EFfSI/AAAAAAAAAMU/U9w5Bz7dIJQ/gmail_redesigned_01.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFTwQCWKI/AAAAAAAAALs/JViqyouK08c/gmail_redesigned_02.jpg"/></a><a rel="thumbnail" href="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"><img alt="Gmail Redesigned" src="http://lh4.ggpht.com/cotcaro/SKIFUAFJrRI/AAAAAAAAAME/6GdoDRPz2X8/gmail_redesigned_05.jpg"/></a><a rel="thumbnail" href="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"><img alt="Gmail Redesigned" src="http://lh3.ggpht.com/cotcaro/SKIFUP4AUWI/AAAAAAAAAMM/lQqvRVMkF6M/gmail_redesigned_06.jpg"/></a></div><div style="border-bottom: 3px solid rgb(204, 222, 175); padding: 5px 10px; height: 16px; font-size: 0.9em; margin-bottom: 2em;" class="postseperator"><span style="float: right;"><a title="Read More" style="padding: 3px; text-align: right; background-color: darkred; color: white;" class="readmore" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html">Read More...</a></span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7321583592036945032.post-31029741830756059092008-07-08T09:45:00.000-07:002008-12-09T05:26:51.674-08:00Jquery Photoshop Like Slider Plugin<p>Photoshop CS3 has introduced a very intuitive way to let users adjust fine tune required settings by just clicking on labels and dragging. Photoshop Like Slider plugin will bring that functionality to your html forms.</p>
<form style="padding-top:22px;width:366px;height:89px;background-repeat:no-repeat;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkC7iEDU2N17-e18muUh5D-61s9vOr88wY-oH3JEAicpX1w1X415xYgEGT6gkR-MVvU8ft7d975P1Y3mREOlqwUv4wZ8LUBQeKcSqPWuvlAz-N7zDRL3LrmHIXj1Qc7jK5eo3jyyA1zcDz/s400/photoshop_save_pixel_aspect_ratio_form.png)" name="photoshopsavepixelas" action="#"><div style="padding-top:1px;margin-top:16px;"><label style="width:33px;display:block;float:left;height:22px;margin-right:7px;margin-left:13px;" id="photoshopsavepixelasnamelabel"></label><input style="display:block;width:212px;" type="text" value="Untitled"/></div><div style="margin-top:15px"><label id="photoshopsavepixelasfactorlabel" style="width:33px;display:block;float:left;height:22px;margin-right:7px;margin-left:13px;"></label><input type="text" style="display:block;width:60px;" id="photoshopsavepixelasfactorinput" value="1.052"/></div></form>
<script type="text/javascript">$('#photoshopsavepixelasfactorlabel').pls({foreachpixel:5,changevalue:0.001,downlimit:0,uplimit:120,changetarget:$('#photoshopsavepixelasfactorinput'),});</script>
<p>To try, just click on the label saying <span style="font-weight:bold;">Factor</span> on above form and drag towards to right or left to easily adjust factor of pixel ratio.**</p>
<p>Above demonstration shows you one of the photoshop settings window brought to you as an html form and how photoshop users easily fine tune setting values by a handy <strong>photoshop</strong> slider . Now you can add this functionality to every form area that has to be adjusted numerically. Not just text input areas but also select tags support the usage of this plugin and sliders. </p>
<p>It is customizable, too. You can explicitly specify pixel intervals at which changes will occur, decrement and increment amounts (both integer and float values are valid), down limits and up limits for each form area that you called plugin method from.</p>
<p>To get the plugin click on the download button. See documentation page for more usage information and examples.</p>
<p>**This plugin isn't in final stage but in preview. Currently working on Firefox, Flock and Safari. Although I have struggled to make the plugin work on Opera and Internet Explorer they resisted to work. There should be a library based problem. I am searching on it. Anyway, if you are viewing the page on Opera or Internet Explorer you need to switch to FireFox, Safari or Flock to be able to see how the plugin works. Best viewed on Safari and Flock.</p>
<ul class="lavaLampWithImage" style="background-color:#88BB22;width:245px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Documentation">DOCUMENTATION</a></li> <li><a href="http://cotcaro.googlepages.com/pls.rar" title="Download">DOWNLOAD</a></li></ul><div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/07/jquery-photoshop-like-slider-plugin.html'; addthis_title="Jquery Photoshop Like Slider Plugin"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7321583592036945032.post-90813564831784372322008-07-08T09:42:00.000-07:002008-07-14T02:35:18.681-07:00Documentation<p>Photoshop like slider plugin will implement its functionality on a jquery wrapper object just by calling the <span style="font-weight:bold;">pls</span> ( abbreviation of <span style="font-weight:bold;">P</span>hotoshop <span style="font-weight:bold;">L</span>ike <span style="font-weight:bold;">S</span>lider) method. It doesn't requeire any other plgin but jquery core. An example of plugin implementation is below.</p>
<pre style="border: 2px solid rgb(222, 222, 222); color: rgb(102, 102, 102); font-weight: normal; font-size: 13px;">
<script type="text/javascript" src="jquery-1.2.5.js" ></script>
<script type="text/javascript" src="pls.js"></script>
<script type="text/javascript">
$(function {
$('.ff').pls(
{
foreachpixel:5,
changevalue:1,
downlimit:1,
uplimit:120,
changetarget:$('.jj')
}
);
}
);
</script>
</pre>
Here is the working practical that above code creates. Click on the label saying <span style="font-weight:bold;">Age</span> and drag.
<div id="basic" class="myform" style="height: 30px; margin-bottom: 50px; margin-top: 40px;"><form id="form1" name="form1" method="post" action="" ><label class="ff">Age<span class="small">Add your age</span></label>
<input type="text" name="textfield" class="jj" id="textfield" value="1"/>
</form>
</div>
<script type="text/javascript">$('.ff').pls({foreachpixel:5,changevalue:1,downlimit:1,uplimit:120,changetarget:$('.jj'),});</script>
Let's detail the special code that adds photoshop slider to that form area.
<pre>
$('.ff').pls({
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:1,
<span style="font-weight:bold;">uplimit</span>:120,
<span style="font-weight:bold;">changetarget</span>:$('.jj'),
});
</pre>
<p>According to above statement a photoshop slider will be added to very dom nodes that jqery wrapper contains itself. In oour case there s only one dom node inside the wrapper. For each 5 pixels' dragging to the right, the value will icnrease by 1 and to the left will decrease by again same amount. Form area value will not be less than 0 or more than 120. The form area that will receive the changes is the one that has class attribute whose value assigned as jj. </p>
<p>The more detailed descriptions for each object map properties are below with special example pages provided.</p>
<p><a href="http://cotcaro.blogspot.com/2008/07/for-each-pixel.html" style="background-color:#88BB22;color:white;" title="Foreachpixel Details"><strong>foreachpixel</strong></a>: This will ensure decrement and increment will occur at specific intervals. 1 px intervals are difficult to fine tune setting values. So specify 5 or 10 to let your users easily adjust the value. You might assign 100 or 200 but that is again makes the adjusting process cumbersome.</p>
<p><a href="http://cotcaro.blogspot.com/2008/07/change-value.html" style="background-color:#88BB22;color:white;" title="Changevalue Details"><strong>changevalue</strong></a>: This will increase or decrease form area value on specific intervals that you specified at foreachpixel property. An integer e.g. 5000 or a float such as 0.0015 or 3.5 can be assigned.</p>
<p><a href="http://cotcaro.blogspot.com/2008/07/down-limit.html" style="background-color:#88BB22;color:white;" title="Downlimit Details"><strong>downlimit</strong></a>: will determine down limit of the value range that form area might have. Negative values are also valid. Just make sure that down limit isn't bigger than up limit.</p>
<p><a href="http://cotcaro.blogspot.com/2008/07/up-limit.html" style="background-color:#88BB22;color:white;" title="Uplimit Details"><strong>uplimit</strong></a>: will determine the up limit of the value that your slider can create for the form area.</p>
<p><a href="http://cotcaro.blogspot.com/2008/07/change-target.html" style="background-color:#88BB22;color:white;" title="Changetarget Details"><strong>changetarget</strong></a>: the target dom node that you wish to change its value by sliding.</p>
<p>Whenever you call <span style="font-weight:bold;">pls</span> method on a jquery wrapper all dependencies will be created from adding css cursors to drag events automatically. Don't forget to upload your cursor images to your server or an image hosting service and update the css file that comes with the plugin package.</p>
<p>In most cases the jquery wrapper that you call <span style="font-weight:bold;">pls</span> method from will contain the text input tags. But you can also assign these photoshop sliders to <a href="http://cotcaro.blogspot.com/2008/07/select-tag.html" style="background-color:#88BB22;color:white;" title="Select Tag Details">select tags</a>.</p>
<p>Refer to download link to download plugin package. If you have any question to ask don't hesitate to post as commnet.</p>
<ul class="lavaLampWithImage" style="background-color:darkblue;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/jquery-photoshop-like-slider-plugin.html" title="MAIN PLUGIN PAGE">MAIN PLUGIN PAGE</a></li> <li><a href="http://cotcaro.googlepages.com/pls.rar" title="DOWNLOAD">DOWNLOAD</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-25300615313147603242008-07-08T09:40:00.000-07:002008-07-14T03:13:44.487-07:00For Each Pixel<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to adjust values</p><label id="foreachpixellabel0">Label 0<span class="small">for each 1 pixel</span></label><input type="text" name="textfield" id="foreachpixeltextfield0" value="0"/><script type="text/javascript">$('#foreachpixellabel0').pls({foreachpixel:1,changevalue:1,downlimit:0,uplimit:5000,changetarget:$('#foreachpixeltextfield0'),});</script><label id="foreachpixellabel1">Label 1<span class="small">for each 50 pixels</span></label><input type="text" name="textfield" id="foreachpixeltextfield1" value="0"/><script type="text/javascript">$('#foreachpixellabel1').pls({foreachpixel:50,changevalue:1,downlimit:0,uplimit:5000,changetarget:$('#foreachpixeltextfield1'),});</script><label id="foreachpixellabel2">Label 2<span class="small">for each 150 pixels</span></label><input type="text" name="textfield" id="foreachpixeltextfield2" value="0"/><script type="text/javascript">$('#foreachpixellabel2').pls({foreachpixel:150,changevalue:1,downlimit:0,uplimit:5000,changetarget:$('#foreachpixeltextfield2'),});</script><button id="foreachpixelbutton" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
<span>Code for label 0:</span>
<pre>$('#foreachpixellabel0').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:1,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#foreachpixeltextfield0'),
}
);</pre>
<span>Code for label 1:</span>
<pre>$('#foreachpixellabel1').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:50,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#foreachpixeltextfield1'),
}
);</pre>
<span>Code for label 2:</span>
<pre>$('#foreachpixellabel2').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:150,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#foreachpixeltextfield2'),
}
);</pre>
<p>For each pixel property will specify the update frequency of value change on the very form node that you assigned from <a href="http://cotcaus.blogspot.com/2008/07/examples.html" title="changetarget details">changetarget</a> while creating statement. Higher the value lower the frequency will be.</p>
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-26641424022943844302008-07-08T09:39:00.001-07:002008-07-14T03:15:21.150-07:00Change Value<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to adjust values</p><label id="valuechangelabel0">Label 0<span class="small">value change by 1</span></label><input type="text" name="textfield" id="valuechangetextfield0" value="0"/><script type="text/javascript">$('#valuechangelabel0').pls({foreachpixel:5,changevalue:1,downlimit:0,uplimit:5000,changetarget:$('#valuechangetextfield0'),});</script><label id="valuechangelabel1">Label 1<span class="small">value change by 150</span></label><input type="text" name="textfield" id="valuechangetextfield1" value="2000"/><script type="text/javascript">$('#valuechangelabel1').pls({foreachpixel:5,changevalue:150,downlimit:2000,uplimit:50000,changetarget:$('#valuechangetextfield1'),});</script><label id="valuechangelabel2">Label 2<span class="small">value change by 50000</span></label><input type="text" name="textfield" id="valuechangetextfield2" value="250000"/><script type="text/javascript">$('#valuechangelabel2').pls({foreachpixel:5,changevalue:50000,downlimit:250000,uplimit:10000000,changetarget:$('#valuechangetextfield2'),});</script><button id="valuechangebutton" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
<span>Code for label 0:</span>
<pre>$('#valuechangelabel0').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#valuechangetextfield0'),
}
);</pre>
<span>Code for label 1:</span>
<pre>$('#valuechangelabel1').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:150,
<span style="font-weight:bold;">downlimit</span>:2000,
<span style="font-weight:bold;">uplimit</span>:50000,
<span style="font-weight:bold;">changetarget</span>:$('#valuechangetextfield1'),
}
);</pre>
<span>Code for label 2:</span>
<pre>$('#valuechangelabel2').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:50000,
<span style="font-weight:bold;">downlimit</span>:250000,
<span style="font-weight:bold;">uplimit</span>:10000000,
<span style="font-weight:bold;">changetarget</span>:$('#valuechangetextfield2'),
}
);</pre>
<p>Value change will add to the value while moving right and will substract while mowing towards left. An integer and float can be assigned but not negative ones.</p>
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-13931108496099142592008-07-08T09:36:00.000-07:002008-07-14T03:18:12.640-07:00Down Limit<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to adjust values</p><label id="downlimitlabel0">Label 0<span class="small">down limit -800</span></label><input type="text" name="textfield" id="downlimittextfield0" value="-800"/><script type="text/javascript">$('#downlimitlabel0').pls({foreachpixel:5,changevalue:1,downlimit:-800,uplimit:-500,changetarget:$('#downlimittextfield0'),});</script><label id="downlimitlabel1">Label 1<span class="small">down limit 0</span></label><input type="text" name="textfield" id="downlimittextfield1" value="0"/><script type="text/javascript">$('#downlimitlabel1').pls({foreachpixel:5,changevalue:100,downlimit:0,uplimit:5000,changetarget:$('#downlimittextfield1'),});</script><label id="downlimitlabel2">Label 3<span class="small">down limit 50000</span></label><input type="text" name="textfield" id="downlimittextfield2" value="50000"/><script type="text/javascript">$('#downlimitlabel2').pls({foreachpixel:5,changevalue:100,downlimit:50000,uplimit:60000,changetarget:$('#downlimittextfield2'),});</script><button id="downlimitbutton" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
<span>Code for label 0:</span>
<pre>$('#downlimitlabel0').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue:</span>1,
<span style="font-weight:bold;">downlimit</span>:-800,
<span style="font-weight:bold;">uplimit</span>:-500,
<span style="font-weight:bold;">changetarget</span>:$('#downlimittextfield0'),
}
);</pre>
<span>Code for label 1:</span>
<pre>$('#downlimitlabel1').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:100,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#downlimittextfield1'),
}
);</pre>
<span>Code for label 2:</span>
<pre>$('#downlimitlabel2').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalu</span>e:100,
<span style="font-weight:bold;">downlimit</span>:50000,
<span style="font-weight:bold;">uplimit</span>:60000,
<span style="font-weight:bold;">changetarget</span>:$('#downlimittextfield2'),
}
);</pre>
<p>For down limit you can assign integers and floats in negative or positive range. Just make sure that down limit value isn't bigger than up limit. </p>
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-4737265575411627462008-07-08T09:35:00.000-07:002008-07-14T03:18:55.786-07:00Up Limit<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to adjust values</p><label id="uplimitlabel0">Label 0<span class="small">up limit -500</span></label><input type="text" name="textfield" id="uplimittextfield0" value="-500"/><script type="text/javascript">$('#uplimitlabel0').pls({foreachpixel:5,changevalue:1,downlimit:-800,uplimit:-500,changetarget:$('#uplimittextfield0'),});</script><label id="uplimitlabel1">Label 1<span class="small">up limit 5000</span></label><input type="text" name="textfield" id="uplimittextfield1" value="5000"/><script type="text/javascript">$('#uplimitlabel1').pls({foreachpixel:5,changevalue:100,downlimit:0,uplimit:5000,changetarget:$('#uplimittextfield1'),});</script><label id="uplimitlabel2">Label 3<span class="small">up limit 60000</span></label><input type="text" name="textfield" id="uplimittextfield2" value="60000"/><script type="text/javascript">$('#uplimitlabel2').pls({foreachpixel:5,changevalue:100,downlimit:50000,uplimit:60000,changetarget:$('#uplimittextfield2'),});</script><button id="uplimitbutton" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
<span>Code for label 0:</span>
<pre>$('#uplimitlabel0').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:-800,
<span style="font-weight:bold;">uplimit</span>:-500,
<span style="font-weight:bold;">changetarget</span>:$('#uplimittextfield0'),
}
);</pre>
<span>Code for label 1:</span>
<pre>$('#uplimitlabel1').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:100,
<span style="font-weight:bold;">downlimit</span>:0,
<span style="font-weight:bold;">uplimit</span>:5000,
<span style="font-weight:bold;">changetarget</span>:$('#uplimittextfield1'),
}
);</pre>
<span>Code for label 2:</span>
<pre>$('#uplimitlabel2').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:100,
<span style="font-weight:bold;">downlimit</span>:50000,
<span style="font-weight:bold;">uplimit</span>:60000,
<span style="font-weight:bold;">changetarget</span>:$('#uplimittextfield2'),
}
);</pre>
<p>Up limit property can accept integer or floats in positive and negative. Just make sure that it isn't less than down limit value when you create the plugin statement.</p>
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-75525943738871432962008-07-08T09:32:00.000-07:002008-07-10T02:59:19.770-07:00Change Target<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to adjust values</p><label class="label1">Label 0<span class="small">class input1</span></label><input type="text" class="input1" name="textfield" id="textfield" value="100"/><label class="label1">Label 1<span class="small">class input1</span></label><input class="input1" type="text" name="textfield" id="textfield" value="100"/><label class="label1">Label 2<span class="small">class input1</span></label><input class="input1" type="text" name="textfield" id="textfield" value="100"/><button id="changetargetbutton1" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
Code for First Form:
<pre>$(".label1").pls(
{
<span style="font-weight:bold;">foreachpixel</span>:10,
<span style="font-weight:bold;">changevalue</span>:50,
<span style="font-weight:bold;">downlimit</span>:100,
<span style="font-weight:bold;">uplimit</span>:1000,
<span style="font-weight:bold;">changetarget</span>:$(".input1"),
}
);</pre>
<script type="text/javascript">$(".label1").pls({foreachpixel:10,changevalue:50,downlimit:100,uplimit:1000,changetarget:$(".input1")})</script>
<br/><br/><div id="basic2" style="border:2px solid #DEDEDE" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1 style="font-size:14px;font-weight:bold;margin-bottom:8px;" >Sign-up form</h1><p style="border-bottom:1px solid #DEDEDE;color:#666666;font-size:11px;margin-bottom:20px;padding-bottom:10px;">This is the basic look of my form without table</p><label style="display:block;float:left;font-weight:bold;text-align:right;width:140px;" class="label2">Label 0<span class="small" style="color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;">class input2</span></label><input class="input2" type="text" name="textfield" id="textfield" style="float:left;margin:2px 0pt 30px 10px;width:200px;" value="100"/><label style="display:block;float:left;font-weight:bold;text-align:right;width:140px;" class="label2">Label 1<span class="small" style="color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;">class input2</span></label><input class="input2" type="text" name="textfield" id="textfield" style="float:left;margin:2px 0pt 30px 10px;width:200px;" value="100"/><label style="display:block;float:left;font-weight:bold;text-align:right;width:140px;" class="label2">Label 2<span class="small" style="color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;">class input2:eq(2)</span></label><input class="input2" type="text" name="textfield" id="textfield" style="float:left;margin:2px 0pt 30px 10px;width:200px;" value="200"/><button id="changetargetbutton2" type="submit" style="background:#888888 none repeat scroll 0% 0%;border:1px solid #666666;clear:both;color:#FFFFFF;font-size:11px;font-weight:bold;margin-left:150px;padding:4px 6px;">Sign-up</button><div class="spacer"></div></form></div><br/><br/>
<script type="text/javascript">$(".label2").pls({foreachpixel:10,changevalue:50,downlimit:100,uplimit:1000,changetarget:$(".input2")});$(".label2:eq(2)").pls({foreachpixel:1,changevalue:500,downlimit:200,uplimit:10000,changetarget:$(".input2:eq(2)")});</script>
Code for First Form:
<pre>$(".label2").pls(
{
<span style="font-weight:bold;">foreachpixel</span>:10,
<span style="font-weight:bold;">changevalue</span>:50,
<span style="font-weight:bold;">downlimit</span>:100,
<span style="font-weight:bold;">uplimit</span>:1000,
<span style="font-weight:bold;">changetarget</span>:$(".input2"),
}
);
$(".label2:eq(2)").pls(
{
<span style="font-weight:bold;">foreachpixel</span>:1,
<span style="font-weight:bold;">changevalue</span>:500,
<span style="font-weight:bold;">downlimit</span>:100,
<span style="font-weight:bold;">uplimit</span>:100000,
<span style="font-weight:bold;">changetarget</span>:$(".input2:eq(2)"),
}
);
</pre>
Change target will specify nodes that the sliding process will change their values. You will pass a logical jquery wrapper according to your form and your needs. The most important points to care about are the wrapper length and the changevalue wrapper length must be equal and you shouldn't pass anything rather than a jquery wrapper to changevalue property.
As shown in second form example, you may overwrite the property values by specifying another statement for the desired form labels.
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-82533238985760738452008-07-08T09:29:00.000-07:002008-07-10T03:00:21.204-07:00Select Tag<br/><br/><div id="basic" class="myform"><form id="form1" name="form1" method="get" action="http://cotcaro.blogspot.com/"><h1>Sign-up form</h1><p>Click on the labels and drag to choose appropriate options</p><label id="jobtitlelabel">Job Title<span class="small">choose your job title</span></label><select style="float:left;margin:2px 0pt 30px 10px;width:200px;" id="Title" name="jobtitleselect"><option value="">Select One</option><option value="164">Academia/Faculty & Staff</option><option value="165">Academia/Research</option><option value="166">Academia/Student</option><option value="64">Consultant</option><option value="61">Corporate Management</option><option value="60">Financial/Operations Management</option><option value="55">IT Management</option><option value="66">Management</option><option value="59">Marketing/Sales/Product Management</option><option value="0">Other</option><option value="53">QA Engineer</option><option value="52">Software Engineer</option><option value="54">Support Specialist</option><option value="65">System Engineer</option><option value="56">Technical IS/Systems Engineering Management</option><option value="63">Technical Specialist</option><option value="57">Webmaster/ Technical Web Site Management</option><option value="58">Webmaster/Content Manager</option></select><script type="text/javascript">$("#jobtitlelabel").pls({foreachpixel:5,changevalue:1,downlimit:1,uplimit:1,changetarget:$("select[name=jobtitleselect]")});</script><label id="monthlabel">Month<span class="small">choose month</span></label><select style="float:left;margin:2px 0pt 30px 10px;width:200px;" name="monthselect">
<option value="" selected="selected">- Select Month -</option><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5">May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select><script type="text/javascript">$("#monthlabel").pls({foreachpixel:5,changevalue:1,downlimit:1,uplimit:1,changetarget:$("select[name=monthselect]")})</script><label id="statelabel">State<span class="small">choose your state</span></label><select name="stateselect" style="float:left;margin:2px 0pt 30px 10px;width:200px;"><option value="">Select One</option><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AB">Alberta</option><option value="AZ">Arizona </option><option value="AR">Arkansas</option><option value="AE">Armed Forces - AE</option><option value="AA">Armed Forces Americas</option><option value="AP">Armed Forces Pacific</option><option value="VIC">Australia Victoria</option><option value="ACT">Australian Capital Territory</option><option value="BC">British Columbia</option><option value="CA">California </option><option value="CO">Colorado </option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="DC">District Of Columbia</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MB">Manitoba</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NB">New Brunswick</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NSW">New South Wales</option><option value="NY">New York</option><option value="NF">Newfoundland</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="ANT">Northern Territory</option><option value="NT">Northwest Territories</option><option value="NS">Nova Scotia</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="ON">Ontario</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="PE">Prince Edward Island</option><option value="QC">Quebec</option><option value="QLD">Queensland</option><option value="RI">Rhode Island</option><option value="SK">Saskatchewan</option><option value="SA">South Australia</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TAS">Tasmania</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia </option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="AWA">Western Australia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option><option value="YT">Yukon</option></select><script type="text/javascript">$("#statelabel").pls({foreachpixel:5,changevalue:1,downlimit:1,uplimit:1,changetarget:$("select[name=stateselect]")});</script><label id="countrylabel">Country<span class="small">choose your country</span></label><select name="countryselect" style="float:left;margin:2px 0pt 30px 10px;width:200px;"> <option value="" selected="selected">Select Country</option> <option value="United Kingdom">United Kingdom</option><option value="United States">United States</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="British Virgin Islands">British Virgin Islands</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote d`Ivoire">Cote d`Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Democratic Republic of Congo">Democratic Republic of Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="East Timor">East Timor</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard And Mc Donald Islands">Heard And Mc Donald Islands</option> <option value="Holy See">Holy See</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Korea">North Korea</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of Congo">Republic of Congo</option> <option value="Republic of Moldova">Republic of Moldova</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="St. Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="St. Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="St Vincent/Grndn">Saint Vincent and Grondin</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia and Montenegro</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="Korea">South Korea</option> <option value="South Georgia">South Georgia</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="United Republic of Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="U.S. Virgin Islands">U.S. Virgin Islands</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="Uruguay">Uruguay</option> <option value="US Minor Islands">US Minor Islands</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City State">Vatican City State</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Yugoslavia">Yugoslavia</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option></select><button id="selecttagbutton" type="submit">Sign-up</button><div class="spacer"></div></form></div><br/><br/><script type="text/javascript">$("#countrylabel").pls({foreachpixel:5,changevalue:1,downlimit:1,uplimit:1,changetarget:$("select[name=countryselect]")});</script>
Code for Job Title:
<pre>$('#jobtitlelabel').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:1,
<span style="font-weight:bold;">uplimit</span>:1,
<span style="font-weight:bold;">changetarget</span>:$('select[name=jobtitleselect]'),
}
);</pre>
Code for Month:
<pre>$('#monthlabel').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:1,
<span style="font-weight:bold;">uplimit</span>:1,
<span style="font-weight:bold;">changetarget</span>:$('select[name=monthlabel]'),
}
);</pre>
Code for State:
<pre>$('#statelabel').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:1,
<span style="font-weight:bold;">uplimit</span>:1,
<span style="font-weight:bold;">changetarget</span>:$('select[name=stateselect]'),
}
);</pre>
Code for Country:
<pre>$('#countrylabel').pls(
{
<span style="font-weight:bold;">foreachpixel</span>:5,
<span style="font-weight:bold;">changevalue</span>:1,
<span style="font-weight:bold;">downlimit</span>:1,
<span style="font-weight:bold;">uplimit</span>:1,
<span style="font-weight:bold;">changetarget</span>:$('select[name=countryselect]'),
}
);</pre>
As other text input nodes you will pass target select tags in a jquery wrapper to changevalue property. When implemented, the changevalue, downlimit and uplimit property values aren't evaluated by the plugin. Because, for a select tag down limit always is zero, up limit is total option tags length that select tag contains and changevalue equals to 1 to select option tags one by one. These are claculated at run time. So you can pass 1 to downlimit and uplimit properties but it willn't have any effect on the process of plugin.
<ul class="lavaLampWithImage" style="background-color:black;width:270px" id="1"> <li><a href="http://cotcaro.blogspot.com/2008/07/documentation.html" title="Refer to Main Documentation">REFER TO MAIN DOCUMENTATION</a></li></ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-73700523132875481432008-07-03T04:51:00.000-07:002009-05-12T03:20:55.561-07:00I'm Feeling Lucky Problem Fix for OpenDNS users<p><a href="http://www.opendns.com/" title="OpenDNS"><strong>OpenDNS</strong></a> is great service as providing safer and faster surfing experience for web users. However when it comes, it brings a big headache for Firefox and Flock users. You can't use <strong>I'm Feeling Lucky</strong> searches in <strong>address bar</strong> any more after registering OpenDNS. I have created an <strong>extension</strong> that will fix this problem in seconds for <strong>Firefox</strong> and <strong>Flock</strong>.</p>
<div class="buttons" style="width:320px;"><a href="http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html" title="GET THE FEELING LUCKY FIXER" style="padding-left:20px" >GET THE FEELING LUCKY FIXER</a></div>
<p style="margin-top:15px;">Install the extension, restart your browser and bring <strong>I'm Feeling Lucky</strong> searches back to your Firefox and Flock. </p>
<p>Hope it helps. Enjoy!</p>
<span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:190px;"><a class="relatedlinks" title="Browser Backgrounds" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" >Browser Backgrounds</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div>
<div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/07/im-feeling-lucky-problem-fix-for.html'; addthis_title="I'm Feeling Lucky Problem Fix for OpenDNS users"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com23tag:blogger.com,1999:blog-7321583592036945032.post-63623106132943399642008-07-03T04:23:00.001-07:002010-12-11T10:06:45.806-08:00Feeling Lucky Fixer<p>If you are the one searching a solution for frustrating <strong>OpenDNS</strong> problem which redirects your keywords that you type in <strong>location bar</strong> to an odd OpenDNS search page rather than to desired site, you are on the right track to fix the problem and to bring <strong>I'm Feeling Lucky</strong> searches back to your <strong>Firefox</strong> and <strong>Flock</strong>.</p><p>I have created a plug 'n play <strong>extension</strong> to fix the problem in seconds. No technical detail no dirty code. Just install it, restart your browser and continue your fun.</p><script type="text/javascript">function installXPI(href){if (typeof(InstallTrigger) != 'undefined'){var xpi = {'Feeling Lucky Fixer': href};InstallTrigger.install(xpi);return false;}else{alert("You must be using Firefox to install Feeling Lucky Fixer.");return false}}</script> <div class="buttons" style="width:320px"><a href="https://addons.mozilla.org/en-US/firefox/addon/7993/" style="padding-left:48px" target="_blank" id="ext_inst_anchor"> INSTALL THE EXTENSION</a></div><script type="text/javascript">document.getElementById("ext_inst_anchor").addEventListener("click",function(event){if (navigator.appName.indexOf("Netscape")!= -1) {var img = new Image();img.src="http://cotcaro.com/ext_counter/counter.php";}event.stopPropagation();},false);</script> <p style="margin-top:15px">You may also want to install the extension from official Firefox addon site <a href="https://addons.mozilla.org/en-US/firefox/addon/7993" title="Feeling Lucky Fixer on Mozilla">Feeling Lucky Fixer</a> page (<a href="https://addons.mozilla.org/en-US/firefox/addon/7993">https://addons.mozilla.org/en-US/firefox/addon/7993</a>).</p><p>Compatible with both Firefox and Flock.</p><p>Hope it helps. Enjoy!</p><span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:190px;"><a class="relatedlinks" title="Browser Backgrounds" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" >Browser Backgrounds</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div><div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/07/feeling-lucky-fixer.html'; addthis_title="Feeling Lucky Fixer"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com34tag:blogger.com,1999:blog-7321583592036945032.post-88290405201416703112008-07-02T19:58:00.000-07:002008-07-22T08:22:54.426-07:00Congratulations!<p>You have luckily fixed <strong>I'm Feeling Lucky</strong> problem of <strong>OpenDNS</strong>. Now it is time to give a try.</p>
<p>Type <strong>facebook</strong> in location bar (or address bar) and press enter.</p>
<p>If it helped please send a comment.</p>
<span style="text-decoration:underline">Related Posts:</span>
<div class="relatedpostsdiv" ><a class="relatedlinks" title="Add Keyword Browsing to Popular Browsers" href="http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-popular.html" >Add Keyword Browsing to Popular Browsers</a></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7321583592036945032.post-71062352620968851732008-07-02T10:29:00.000-07:002009-05-12T05:04:56.913-07:00How to Use Guide<p>Thanks for using Feeling Lucky Fixer. Other than installing the extension, you don't need anything more to fix the <strong>address bar</strong> problem of <strong>OpenDNS</strong>. Extension will bring back the default keyword browsing usage to Firefox. All you need to use extension is typing a keyword in location bar that describes your visit site best (e.g. <strong>yahoo mail</strong>) and pressing Enter. </p><p>In case another extension spoilt your settings (this will be actually a rare case) you may have still problems about keyword browsing. If so, you can send your case description as comment to help me provide you extension support.</p><div style="text-align:center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5377048">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form><p>I am a college student who tries to afford his life and college expenses by coding. I am on the way to collect next year's tuition. If you help me on that I will be really grateful. </p>
</div><p>Hope the <strong>extension</strong> helps. Enjoy!</p><span style="text-decoration:underline">Related Posts:</span> <div class="relatedpostsdiv" style="width:190px;"><a class="relatedlinks" title="Browser Backgrounds" href="http://cotcaro.blogspot.com/2009/05/browser-backgrounds.html" >Browser Backgrounds</a></div><div class="relatedpostsdiv" style="width:170px;"><a class="relatedlinks" title="Google Redesigned" href="http://cotcaro.blogspot.com/2008/08/google-redesigned.html" >Google Redesigned</a></div>Unknownnoreply@blogger.com28tag:blogger.com,1999:blog-7321583592036945032.post-7147336272326312542008-06-30T09:31:00.000-07:002008-12-09T05:26:52.457-08:00Add Keyword Browsing to Popular Browsers<p><strong>Keyword browsing</strong> * is the facility that let users visit their fancy web sites without typing those ugly urls but a simple keyword. It is completely big time saver for all web users. Just typing a keyword e.g. <span style="font-weight: bold;">facebook</span> in address bar and pressing enter will bring you <a href="http://www.facebook.com/" title="Facebook">Facebook</a> in a few seconds. This is the case if you are using most user friendly browsers like Firefox and Flock but other browsers unfortunately lack this functionality. I have created some plug 'n play solutions that will work around the problem and add keyword browsing support to today's most used browsers easily.</p>
<span style="display:block;height:40px"></span>
<div style="clear: both; position: relative;"><div id="fisheye2" class="fisheye"><div class="fisheyeContainter"><a href="http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-internet.html" class="fisheyeItem2"><span style="background-color: darkred;color:white;" title="Add Keyword Browsing to Internet Explorer">Add to Internet Explorer</span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8KbN7A7w1uxA7PAWzes-bHtR0cerxTX5euW_dJk3MnN2zVHgWGD1gdeGjBnrXhqBvPa5un-fE2U2iE3-5M4hgiHEMttvqJQMlywMe61K4orkO3pFVJAsE8nJ4wxr2r0CKuFw_I3zgjac5/s400/internetexplorerlogo.png" width="30" alt="internet explorer logo"/></a><a href="http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-opera.html" title="Add Keyword Browsing to Opera" class="fisheyeItem2"><span style="background-color: darkred;color:white;" >Add to Opera</span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16xcZqrKb9p1MuN8svgCLI2TIdxF-tQzrL3irRzqACeR-Teda4v08fdSFNhyphenhyphenISTtuXVpb5cBKiw7jr1dcf-dQNJiCNe9jhsuHroQyX16LoHaQ-JorITL10l1xhLpAxXqJktPeSua4hdii/s400/operalogo.png" width="30" alt="opera logo"/></a><a href="http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-maxthon.html" class="fisheyeItem2"><span style="background-color: darkred;color:white;" title="Add Keyword Browsing to Maxthon">Add to Maxthon</span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgg7Qb9XKLcIOvaDWUd7T4QvD1F9Jt_do1P-TH0yKoSgeticmhtGvFWt0ewIVbiW5OaxM0aLAg8mNN1tHDQ4pbTujvww0E_qkVBd07JwVZfEN3P2pPu_fFuyhvbrgIs-ADnQT2WocoR8w/s400/maxthonlogo.png" width="30" alt="maxthon logo"/></a></div></div></div><script type='text/javascript'>$("#fisheye2").Fisheye({maxWidth: 60,items: "a",itemsText: "span",container: ".fisheyeContainter",itemWidth: 40,proximity: 80,alignment : "left",valign: "bottom",halign : "center"});$("#nisheye2").Fisheye({maxWidth: 60,items: "a",itemsText: "span",container: ".nisheyeContainter",itemWidth: 40,proximity: 80,alignment : "left",valign: "bottom",halign : "center"})</script>
<span style="display:block;height:20px"></span>
<p>Refer to above image links for adding keyword browsing to <strong>Internet Explorer</strong>, <strong>Opera</strong> and <strong>Maxthon</strong>. If you have any problem, question to ask or want to thank, don't hesitate to post as comment.</p>
<p>Hope it helps. Enjoy!</p>
<p><span id="anecdote" style="font-style:italic">* Keyword browsing commonly known as <strong>I'm Feeling Lucky</strong> searches from location bar.</span></p>
<span style="text-decoration:underline">Related Posts:</span>
<div class="relatedpostsdiv" ><a class="relatedlinks" title="I'm Feeling Lucky Problem Fix for OpenDNS users" href="http://cotcaro.blogspot.com/2008/07/im-feeling-lucky-problem-fix-for.html">I'm Feeling Lucky Problem Fix for OpenDNS users</a></div><div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-popular.html'; addthis_title="Add Keyword Browsing to Popular Browsers"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7321583592036945032.post-80861897934256818942008-06-30T08:06:00.000-07:002008-12-09T05:26:52.587-08:00Add Keyword Browsing to Internet Explorer<p>Surprisingly, adding <strong>keyword browsing</strong> support to <strong>Internet Explorer 7</strong> and <strong>Internet Explorer 8</strong> versions is pretty easy. I have created two search engines for the task. According to your browser version click on the appropriate button and add the needed search engine to your browser to start using <strong>keyword browsing</strong> immediately.</p>
<p><strong style="text-decoration:underline">Add I'm Feeling Lucky Support to Internet Explorer 7</strong></p>
<div class="buttons" style="width:320px;"><a href="http://cotcaro.blogspot.com" class="searchengineinstall" title="ADD TO INTERNET EXPLORER 7">ADD TO INTERNET EXPLORER 7</a></div>
<p><strong style="text-decoration:underline">Add I'm Feeling Lucky Support to Internet Explorer 8</strong></p>
<div class="buttons" style="width:320px;"><a href="http://cotcaro.blogspot.com" class="searchengineinstall" title="ADD TO INTERNET EXPLORER 8">ADD TO INTERNET EXPLORER 8</a></div>
<script type="text/javascript"> $(".searchengineinstall").click(function() {window.external.AddSearchProvider('http://cotcaro.googlepages.com/feelinglucky.xml');return false;})</script>
<p>After you click on appropriate button, a small confirmation window will appear. Activate the option saying "<strong>Make this my default search provider</strong>" as depicted below to use keyword browsing facility in no time.</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zIvy7dGDM6QVBHTbhFG3aUTbVbxoKBf276bt69zzqRkv4f6UE8ZPDF-4S5YvycIxqgaeGN6dvFce16_wlTwla4WlZE2N32_KI19zogFl2ExeAVpXI9Iv-1-MPxLHP92mUBp-y65pjm6E/s400/internet_explorer_add_search_provider_window.png" border="0" alt="internet explorer add search provider window"/>
<p>There you go. You are ready to give a try. Just type <span style="font-weight:bold;">myspace</span> in your location bar and press enter. You will land on <a href="http://www.myspace.com" title="Myspace">Myspace</a> in a moment. Try another one. Type <span style="font-weight:bold;">yahoo</span> and press enter. In a few seconds you will get <a href="http://www.yahoo.com" title="Yahoo">Yahoo</a> main page on your screen.</p>
<span style="text-decoration:underline">Other example keywords you may give a try.</span>
<p><span style="font-weight:bold;">youtube</span> keyword will bring you leading video sharing web site - <a href="http://www.youtube.com" title="Youtube">Youtube</a></p>
<p><span style="font-weight:bold;">live</span> keyword will bring you the Microsoft's search engine - <a href="http://www.live.com" title="Live Search">Live Search</a></p>
<p><span style="font-weight:bold;">facebook</span> keyword will land you on the popular social network site - <a href="http://www.facebook.com" title="Facebook">Facebook</a></p>
<p>For any site that you want to reach via keyword browsing, just find a good keyword that will describe the visit site best, type in your browser's location bar and then press enter. That is all you need to know.</p>
<p>If you have any problem, question to ask or want to thank, don't hesitate to post as comment.</p>
<p>Hope it helps. Enjoy!</p>
<span style="text-decoration:underline">Related Posts:</span>
<div class="relatedpostsdiv" ><a class="relatedlinks" title="I'm Feeling Lucky Problem Fix for OpenDNS users" href="http://cotcaro.blogspot.com/2008/07/im-feeling-lucky-problem-fix-for.html">I'm Feeling Lucky Problem Fix for OpenDNS users</a></div>
<div style="float:right"><script type="text/javascript">addthis_url='http://cotcaro.blogspot.com/2008/06/add-keyword-browsing-to-internet.html'; addthis_title="Add Keyword Browsing to Internet Explorer"; addthis_pub='cotcaro';</script><script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"></script></div>Unknownnoreply@blogger.com1