Re: Dynamic size of </span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=iphonewebdev@googlegroups.com&q=from:%22b%5C-money%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">b-money</span></span></a></span> <span class="date"><a href="/search?l=iphonewebdev@googlegroups.com&q=date:20090222" rel="nofollow">Sun, 22 Feb 2009 20:39:16 -0800</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre> This is awesome Linda, thank you !! ~ brent</pre><pre> On Jan 1, 8:15 pm, anmldr <anm...@bellsouth.net> wrote: > One of the problems with having a textarea is that we don't have a > scroll bar on the iPhone.  I am investigating ways to have client side > storage of a "notes" section for my users.  I really did not want to > limit the amount of data that the user enters.  It will be rare if > they enter a lot of data but I want to give them the option.  So, I > wanted to increase the size of the <textarea> vertically. > > This question has been asked many times on the Internet (not for the > iPhone) and there have been some very complicated answers.  I came > across a very elegant way to do this and I thought that I would share. > > The credit goes to this site:<a rel="nofollow" href="http://www.felgall.com/jstip45.htm">http://www.felgall.com/jstip45.htm</a> > > I am using iUI  and so you can put this in an external js file and > reference it in the head of your first page of your webapp. > > function sz(t) { > a = t.value.split('\n'); > b=1; > for (x=0;x < a.length; x++) { >  if (a[x].length >= t.cols) b+= Math.floor(a[x].length/t.cols); >  } > b+= a.length; > if (b > t.rows) t.rows = b; > > } > > Then add onkeyup="sz(this);" to the textarea parameters to get the > size of the textarea to be recalculated each time the content of the > textarea is changed. > > In the body of the page that has a textarea: > <textarea cols="40" rows="3" onclick="sz(this);" onkeyup="sz(this);"></ > textarea> > > Now I am off to learn more about client side storage.  I have found 2 > different solutions but have to play around with them. There is the > SafariJSDatabaseGuide.pdf on Apple's web site and persist-js . > > Hope this helps someone. > Linda --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to iphonewebdev@googlegroups.com To unsubscribe from this group, send email to iphonewebdev+unsubscr...@googlegroups.com For more options, visit this group at <a rel="nofollow" href="http://groups.google.com/group/iphonewebdev?hl=en">http://groups.google.com/group/iphonewebdev?hl=en</a> -~----------~----~----~----~------~----~------~--~--- </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg03840.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="thrd2.html#04246">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#04246">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg03842.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg03840.html">Dynamic size of <textarea></a></span> <span class="sender italic">anmldr</span></li> <li><ul> <li class="icons-email tSliceCur"><span class="subject">Re: Dynamic size of <textarea></span> <span class="sender italic">b-money</span></li> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: Dynamic size of <textarea>"> <input type="hidden" name="msgid" value="e5ab38e9-a5df-4e82-9123-c022c39f70dd@o11g2000yql.googlegroups.com"> <input type="hidden" name="relpath" value="iphonewebdev@googlegroups.com/msg04246.html"> <input type="submit" value=" b-money "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="iphonewebdev@googlegroups.com"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search iphonewebdev"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/iphonewebdev@googlegroups.com/">iphonewebdev - all messages</a></li> <li class="icons-about"><a href="/iphonewebdev@googlegroups.com/info.html">iphonewebdev - about the list</a></li> <li class="icons-expand"><a href="/search?l=iphonewebdev@googlegroups.com&q=subject:%22Re%5C%3A+Dynamic+size+of+%3Ctextarea%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg03840.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg03842.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">e5ab38e9-a5df-4e82-9123-c022c39f70dd@o11g2000yql.googlegroups.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9ec8b8698a5e1210',t:'MTc3NjIzMjcyNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>