News

News http://echarp.org/news/index.rss News Updated javascript 2008-10-04 17:54:01+0200 http://echarp.org/Updated_javascript/index.rss http://echarp.org/Updated_javascript/index.rss <p><p>Now, some of the most common libraries are being handled by google.</p> <p>Mostly prototypes and scriptaculous, for the time being. Maybe later some others.</p> <p>Very nice of them, plus a good opportunity to clean up some dependencies.</p></p> Re: Expanding textarea 2008-09-27 05:28:39+0200 http://echarp.org/Re_Expanding_textarea_5/index.rss http://echarp.org/Re_Expanding_textarea_5/index.rss <p><span>                       </span></p> Re: Expanding textarea 2008-08-22 23:30:30+0200 http://echarp.org/Re_Expanding_textarea_4/index.rss http://echarp.org/Re_Expanding_textarea_4/index.rss echarp <p><span>+1                       </span></p> Re: Expanding textarea 2008-08-22 23:30:00+0200 http://echarp.org/Re_Expanding_textarea_3/index.rss http://echarp.org/Re_Expanding_textarea_3/index.rss echarp <p><span>0                       </span></p> Re: Expanding textarea 2008-07-30 21:43:16+0200 http://echarp.org/Re_Expanding_textarea_2/index.rss http://echarp.org/Re_Expanding_textarea_2/index.rss <p><span>qweqwe                       </span></p> Re: News 2008-07-08 17:28:31+0200 http://echarp.org/Re_News/index.rss http://echarp.org/Re_News/index.rss 123 <p><span>+1                       </span></p> Version 0.16 2008-05-12 23:29:58+0200 http://echarp.org/Version_016/index.rss http://echarp.org/Version_016/index.rss echarp <p><p>Sub domains to directly access elements</p> <ul> <li>upgraded ie7 javascript hack</li> <li>updraded ruzze border script</li> <li>passage to full utf8</li> <li>default element is the oldest one</li> <li>subdomains redirect to the relevant element</li> <li>antispam: only authenticated users can vote</li> <li>better google sitesearch integration</li> <li>links now partly work with subdomain</li> </ul></p> Re: Expanding textarea 2008-01-22 22:23:11+0100 http://echarp.org/Re_Expanding_textarea_1/index.rss http://echarp.org/Re_Expanding_textarea_1/index.rss echarp <p><span>-1                       </span></p> Version 0.15 2008-01-22 22:21:18+0100 http://echarp.org/Version_015/index.rss http://echarp.org/Version_015/index.rss echarp <p><p>Automatic widening text area. Rails 2</p> <ul> <li>sidebar updates now defined as an environment constant</li> <li>edition text area is widened, its height now follows its content</li> <li>passage to rails 2.0.2</li> <li>easier db installation</li> </ul></p> Re: Expanding textarea 2008-01-18 09:03:40+0100 http://echarp.org/Re_Expanding_textarea/index.rss http://echarp.org/Re_Expanding_textarea/index.rss <p><p>To simplify usage, I’ve added a small feature: the text area used to write now automatically expands with its content.</p> <p>That is you can write write write, scroll bars shouldn’t appear. Instead the textarea and surrounding page should vertically increase in size.</p> <p>Technically it’s simple, and it works in firefox and IE. If any one happens to test it in other browsers, please, drop a comment!</p> <p>For info, here is the javascript code (a lot originally comes from ajaxian):</p> <p><a class="readMore" href="#" onclick="Element.hide(this); Element.removeClassName(this.parentNode.nextSibling, 'tooLarge'); return false;">Read more… / Lire plus…</a> <div class="tooLarge"></p> <p>Read more… / Lire plus…</p> <p>__ Get vertical position<br/> function findPosY(obj) { if (!obj) return 0; var curtop = 0; if (obj.offsetParent) while (1) { curtop += obj.offsetTop; if (!obj.offsetParent) break; obj = obj.offsetParent; } else if (obj.y) curtop += obj.y; return curtop; }</p> <p><em>_ Widen the elt until it is moved below or it is wider than its parent elt _</em> Used in an “onfocus” event<br/> function widen(elt) { if (elt.widened) return; elt.widened = true; }</p> <p>var initialPosition = findPosY(elt);<br/> var initialParentWidth = elt.parentNode.offsetWidth; while (initialPosition == findPosY(elt) && elt.offsetWidth < initialParentWidth) { elt.cols = elt.cols + 1; } elt.cols = elt.cols – 1;</p> <p>__ Resize text area accordingly to its content<br/> function resize(elt) { widen(elt); var lines = elt.value.split(‘\n’); var newRows = lines.length + 1; var oldRows = elt.rows; }</p> <p>for (var i = 0; i < lines.length; i++) { var line = lines[i]; if (line.length >= elt.cols) newRows += Math.floor(line.length / elt.cols); }</p> <p>if (newRows > elt.rows) elt.rows = newRows;<br/> if (newRows < elt.rows) elt.rows = Math.max(5, newRows);</p> </div></p>