<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 class="Apple-tab-span" style="white-space:pre"> </span>var startPos = input.selectionStart;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var endPos = input.selectionEnd;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var doc = document.selection;</div>
<div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>if(doc && doc.createRange().text.length != 0){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span><meta http-equiv="content-type" content="text/html; charset=utf-8">document.getElementById(''selectedText'').value = (doc.createRange().text);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>} else if (!doc && input.value.substring(startPos,endPos).length != 0){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span><meta http-equiv="content-type" content="text/html; charset=utf-8">document.getElementById(''selectedText'').value = (input.value.substring(startPos,endPos))<span class="Apple-tab-span" style="white-space:pre"> </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div>}'</div><div><br></div><div><br></div><div><meta http-equiv="content-type" content="text/html; charset=utf-8"><div>MyComponent >> renderContentOn: html</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>(html form)</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>with: [ </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>(html hiddenInput)</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>id: 'selectedText';</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>callback: [ :value | selection := value ].</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>(html textArea)</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>callback: [ :value | theTextAreaText := value];</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>with: <meta http-equiv="content-type" content="text/html; charset=utf-8">theTextAreaText.</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>(html submitButton)</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>onClick: 'selectedText(); submitForm(this)';</div>
<div>
<span class="Apple-tab-span" style="white-space:pre"> </span>with: 'Work your magic, J.S.' ].</div></div><div><br></div><div><br></div><div>What am I doing wrong? :(</div><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">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 class="im"><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 class="h5"><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">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>