DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Ik ben bezig met een scriptje die de selectie uit een textarea haalt.
In Internet Explorer werkt alles perfect met textarea.createTextRange maar in Firefox werkt dat niet.
Na googlen kwam ik op window.getSelection();. Maar die geeft alle selecties behalve in textarea's. Dan resulteert hij in een lege waarde.
Heeft iemand een mooie oplossing?
In Internet Explorer werkt alles perfect met textarea.createTextRange maar in Firefox werkt dat niet.
Na googlen kwam ik op window.getSelection();. Maar die geeft alle selecties behalve in textarea's. Dan resulteert hij in een lege waarde.
Heeft iemand een mooie oplossing?
* Schop *
Nou waar blijven die firefox evangelisten? Die browser was toch zo goed?
Offeuh... mist hij hier toch een feature?
Vast niet, laat me zien dat het met Firefox nòg simpeler is als in Internet Explorer. Overtuig me!
Nou waar blijven die firefox evangelisten? Die browser was toch zo goed?
Offeuh... mist hij hier toch een feature?
Vast niet, laat me zien dat het met Firefox nòg simpeler is als in Internet Explorer. Overtuig me!
Begrijp ik goed dat je een soort knippen plakken functies aan het bakken bent? En het kan vast wel op een of andere manier ...
...
Mijn games
He jij daar! ja jij! Doorlopen nu!
He jij daar! ja jij! Doorlopen nu!
Die link had ik al gevonden, maar selecteer maar eens een text ín een textarea. Hij returnt een lege string in firefox.quote:Op vrijdag 10 december 2004 10:04 schreef Roönaän het volgende:
http://www.quirksmode.org/js/selected.html ?
Wat ik precies wil is het volgende:quote:Op vrijdag 10 december 2004 10:02 schreef Hakkert het volgende:
Begrijp ik goed dat je een soort knippen plakken functies aan het bakken bent? En het kan vast wel op een of andere manier ...
Ik heb een textarea, en maak daarin een selectie.
Ik heb een textarea, en maak daarin een selectie.Ik klik op een knopje boven het textarea.
Nu wordt de selectie opgevraagd, er worden wat replaces op los gelaten
De nieuwe selectie moet op de juiste plek teruggeplakt worden.
In Internet Explorer is dit mij wel gelukt, maar ik wil het ook graag FF-compatible maken, aangezien 26.5% van mijn site-bezoekers Mozilla Firefox 1.0 gebruikt.
Dit werkt in Internet Explorer in ieder geval:
Als ik alles selecteer en klik dan staat er test 321
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <html> <head> <script language="JavaScript" type="text/javascript"> function do_replace() { var what=document.forms[0].elements[0]; if (what.createTextRange) { var range=document.selection.createRange(); range.text=range.text.replace("123","321"); } return false; } </script> </head> <body> <form> <textarea style="width: 400px; height: 250px;">test 123</textarea> </form> <a href="#" onClick="return do_replace();">klik</a> </body> </html> |
Als ik alles selecteer en klik dan staat er test 321
| 1 2 3 4 5 6 7 8 9 10 11 12 | if(what.selectionStart || what.selectionEnd) { txts = what.value.substring(0, what.selectionStart); txtr = what.value.substring(what.selectionStart); txtr = txtr.substring(0, what.selectionEnd - what.selectionStart); txtr = txtr.replace("123", "321"); txte = what.value.substring(what.selectionEnd); document.title = txts + '|' + txtr + '|' + txte + '(' + what.selectionStart + ',' + what.selectionEnd + ')'; what.value = txts + txtr + txte; } |
Die 2 substrings voor txtc is niet helemaal zoals het hoort, maar er gebeurde hier rare dingen als ik het in een substring deed. Maar goed, je kan weer verder
debugging is okquote:Op vrijdag 10 december 2004 10:58 schreef Roönaän het volgende:
owh.. ff die document.title eruit
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | function textarea_getselection(what) { if (what.createTextRange) { var sel=document.selection.createRange(); return sel.text; } else if(what.selectionStart && what.selectionEnd) { var sel=what.value.substring(what.selectionStart); return sel.substring(0,what.selectionEnd-what.selectionStart); } else { return false; } } function textarea_setselection(what,text) { if (what.createTextRange) { var sel=document.selection.createRange(); sel.text=text; } else if(what.selectionStart && what.selectionEnd) { var txt_left=what.value.substring(0,what.selectionStart); var txt_right=what.value.substring(what.selectionEnd); what.value=txt_left+text+txt_right; } else { return false; } } function set_bold() { var what=document.forms[0].elements[0]; textarea_setselection(what,'[b]'+textarea_getselection(what)+'[/b]'); return false; } |
Met als HTML:
| 1 2 3 4 | <form> <textarea style="width: 400px; height: 250px;">test 123</textarea> </form> <a href="#" onClick="return set_bold();">klik</a> |
Zo dan Werkt in IE6 en FF1. Niet in NS7. In safari kan ik nog niet testen nu...
Handig, op je werk weinig te doen hebben. Dan heb je nog eens tijd in DIG te lezen en kom je nog eens oude topics tegen
Anyway, ik kan vanavond thuis wel even met Konqueror kijken. Safari heb ik niet, maar zoveel zou dat niet uit mogen maken.
Anyway, ik kan vanavond thuis wel even met Konqueror kijken. Safari heb ik niet, maar zoveel zou dat niet uit mogen maken.
In Safari werkt hij nietquote:Op maandag 31 januari 2005 14:04 schreef Light het volgende:
Anyway, ik kan vanavond thuis wel even met Konqueror kijken. Safari heb ik niet, maar zoveel zou dat niet uit mogen maken.
Dan in Konqueror vast ook niet. Maar daar ben ik vanavond snel genoeg achter En nee, ik ga het niet voor je oplossenquote:
Ik hier, interesse? kom dan ff op msnquote:Op maandag 31 januari 2005 21:51 schreef Roönaän het volgende:
Ja zeg. iemand nog een goedkope mac liggen?
|
|
