Can you believe it? Just came back from lunch and fixed it! The JS call was missing the argument... so stupid!<br><br><div><meta http-equiv="content-type" content="text/html; charset=utf-8"><span style="white-space: pre-wrap; "> </span>onClick: 'selectedText(myTextArea); submitForm(this)';</div>
<div><br></div><div>Thanks Avi!</div><div><br></div><div>Bernat<br><div><br><div class="gmail_quote">2011/2/3 AxiNat <span dir="ltr"><<a href="mailto:tibabenfortlapalanca@gmail.com">tibabenfortlapalanca@gmail.com</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div>Hi,</div><div><br></div>I've been fighting with it, but no luck so far... here's my (simplified) code:<div>
<br></div><div><br></div><div>MyComponent >> script</div><div> ^ 'function selectedText(input){<div>
<span style="white-space:pre-wrap"> </span>var startPos = input.selectionStart;</div><div><span style="white-space:pre-wrap"> </span>var endPos = input.selectionEnd;</div><div><span style="white-space:pre-wrap"> </span>var doc = document.selection;</div>
<div><br></div><div><span style="white-space:pre-wrap"> </span>if(doc && doc.createRange().text.length != 0){</div><div><span style="white-space:pre-wrap"> </span>document.getElementById(''selectedText'').value = (doc.createRange().text);</div>
<div><span style="white-space:pre-wrap"> </span>} else if (!doc && input.value.substring(startPos,endPos).length != 0){</div><div><span style="white-space:pre-wrap"> </span>document.getElementById(''selectedText'').value = (input.value.substring(startPos,endPos))<span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>}</div><div>}'</div><div><br></div><div><br></div><div><div>MyComponent >> renderContentOn: html</div>
<div><span style="white-space:pre-wrap"> </span>(html form)</div><div><span style="white-space:pre-wrap"> </span>with: [ </div><div><span style="white-space:pre-wrap"> </span>(html hiddenInput)</div>
<div><span style="white-space:pre-wrap"> </span>id: 'selectedText';</div><div><span style="white-space:pre-wrap"> </span>callback: [ :value | selection := value ].</div><div>
<span style="white-space:pre-wrap"> </span>(html textArea)</div><div><span style="white-space:pre-wrap"> </span>callback: [ :value | theTextAreaText := value];</div><div><span style="white-space:pre-wrap"> </span>with: theTextAreaText.</div>
<div><span style="white-space:pre-wrap"> </span>(html submitButton)</div><div><span style="white-space:pre-wrap"> </span>onClick: 'selectedText(); submitForm(this)';</div><div>
<span style="white-space:pre-wrap"> </span>with: 'Work your magic, J.S.' ].</div></div><div><br></div><div><br></div><div>What am I doing wrong? :(</div><div><div></div><div class="h5"><div><br></div><div>Bernat.</div>
<div><br>
</div><div class="gmail_quote">2011/2/3 Avi Shefi <span dir="ltr"><<a href="mailto:avishefi@gmail.com" target="_blank">avishefi@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr"><font color="#330033"><font size="2"><font face="tahoma,sans-serif">How about this:<br><br> html hiddenInput id: 'selectedText';<br> callback: [ :value | aString := value ].<br> html textArea name: 'myTextArea'.<br>
html break.<br> html submitButton<br> onClick: [ 'getFocusedTextArea(); submitForm(this)' ];<div><br> with: 'Get the selected text magically'.<br></div></font></font></font><br>
<font color="#330033"><font size="2"><font face="tahoma,sans-serif">Change the getFocusedTextArea Javascript function so it assigns it value to the hidden field 'selectedText'.<br>
Don't forget to check what happens when there is no selected text (either disable the form submission, or do validation on the callback).<br><br><br>Regards,<br><font color="#888888">Avi.<br></font></font></font></font><div>
<div></div><div><br><br><div style="margin:0pt" name="sig_83fa755cf9">
</div><div class="gmail_quote">On Thu, Feb 3, 2011 at 2:22 PM, AxiNat <span dir="ltr"><<a href="mailto:tibabenfortlapalanca@gmail.com" target="_blank">tibabenfortlapalanca@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex">
Hi Avi,<div><br></div><div>Thanks for answering. My problem is I don't have the first idea where to look, I can't find a single example that suits me, they're all for plain HTML...</div><div><br></div><div>Bernat.</div>
<div><br><div class="gmail_quote">2011/2/3 Avi Shefi <span dir="ltr"><<a href="mailto:avishefi@gmail.com" target="_blank">avishefi@gmail.com</a>></span><div><div></div><div><br><blockquote class="gmail_quote" style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex">
<div dir="ltr"><font color="#330033"><font size="2"><font face="tahoma,sans-serif">Bernat,<br>You can either use Javascript to put the selected text into some hidden element, which on callback will be available as an element value, or you can use Ajax to send the value back (instead of submitting it using an onClick event).<br>
<br><br>Regards,<br>Avi.<br></font></font></font><br><div class="gmail_quote"><div><div></div><div>On Thu, Feb 3, 2011 at 2:00 PM, AxiNat <span dir="ltr"><<a href="mailto:tibabenfortlapalanca@gmail.com" target="_blank">tibabenfortlapalanca@gmail.com</a>></span> wrote:<br>
</div></div><blockquote class="gmail_quote" style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex"><div><div></div><div>Hi list,<div><br></div><div>I've been wrecking my brains all morning long trying to get to reference the selected text in a textArea by using javascript or whatever means.</div>
<div><br></div><div>So long, I've found a couple of snippets that should do the job, for example:</div>
<div><br></div><div><div>function getFocusedTextArea() {</div><div> var textareas = document.getElementsByTagName(“textarea”);</div><div> for(var i=0; i lessthan textareas.length; i++) {</div><div> var ta = textareas.item(i);</div>
<div> if (window.getComputedStyle(ta, null).zIndex == 57) {</div><div> return ta;</div><div> }</div><div> }</div><div>}</div></div><div><br></div><div>The problem is that I don't know how to store the value returned by getFocusedTextArea() into a variable inside a component. I'd like something similar to:</div>
<div><br></div><div>html submitButton</div><div> onClick: (html doSomethingMagicInJavascript:</div><div> [aString := html andSomethingElseMagic: 'getFocusedTextArea();']);</div><div> with: 'Get the selected text magically'.</div>
<div><br></div><div>Is there such thing?</div><div><br></div><div>Thanks!</div><div><br></div><div>Bernat Romagosa.</div>
<br></div></div>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br></div>
<br>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div></div></div><br></div>
<br>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br></div></div></div>
<br>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br></div></div></div>
</blockquote></div><br></div></div>