ActionScript 3.0 :: Custom Caret With Highlighting?
Aug 9, 2010
I have been working on a Flash touchscreen project for a year, and I'm currently trying to make it easier for users to add text half way into a message. The normal way to solve this, is to click with the "caret" and then keep typing.
I'm looking for a similiar iPhone caret. I'm currently using to find the location, but would like advice about how I could best replicate the iPhone caret hover.
Code:
testText.addEventListener(MouseEvent.CLICK, printCursorPosition);
function printCursorPosition(event:MouseEvent):void {
var tf:TextField = TextField(event.target);
I want to create a custom list in Flex for an interface prototype. The list is supposed to have an image and 3 text fields. This is what I have done so far, the control displayed is what I want. But, when I click on one of the items, the item does not appear (visually) to be selected. I was not sure how I would implement this.
I have a login form with various textInputs and a submit button. If you submit proper login credentials the system unloads the login view and loads the app view. Pretty standard. Unfortunately I've noticed this weird bug where if you hover over one of the textInput boxes with the mouse, then fill the form using only the keyboard (and leave the mouse parked on top of the textInput), and then tab to the submit button and press the space bar, i.e. login via keyboard, the mouse cursor will remain a caret in the new view, no matter what you do (move, click), until you find another textInput to undo the cursor state. I've tried to do all sorts of stuff via CursorManager but nothing seems to do the trick. I've tried dispatching events ROLL_OUT or MOUSE_OUT events to the textInput but that doesn't do the trick either.
I've discovered a bug that is extremely confusing to me. Basically I have some text fields that are dynamically created, but once users start typing in them, the caret cursor slowly either falls behind the text your typing or sometimes get's way ahead of where your typing. The result is frustrating when you are trying to delete something because you aren't really sure where the caret actually is. I've attached some code that you can paste into an fla to reproduce the issue.
I have the strangest issue in Flex!Consider an <mx:TextInput /> with text. This textbox has focus and a nice little caret blinking inside. Now when you press the -> or <- button, the caret moves two positions instead of one! Also when you press the delete button, it removes two characters instead of one.This only occurs in Firefox, but it's not a FF bug because it only happens in my application.
I've got a main input textfield. When I put focus on one of the other textfields and that textfield is empty I want the focus to return to the main input textfield.
But though the focus seems to change (without setselection all the inserted text of the main textfield is selected, meaning focus is put back to it), the input caret stays inside the empty textfield and it is keeping it's focus.
How can I get the focus AND the input caret back to the main textfield?
ActionScript Code: stop(); var someListener:Object = new Object(); someListener.onSetFocus = function(oldFocus, newFocus) {
I am trying to make a textfield that I can add a picture to the caret point -- the problem is that I don't know what the caret point is in the HTML text -- my technecue for dealing with it is to search out a string that is next to my caret point -- as you can imagine this has problems. Like if the caret point is next to a bold tag or if there is two of the strings -- so I was trying to see if anyone new a better way to add pictures to a textfield
index is the caret number [flash=] var mytextpic:DisplayObject editor.do_btn.addEventListener(MouseEvent.CLICK, ADDPICK) function ADDPICK(event:MouseEvent):void { var inString:String [Code] .....
I'm building part of an UI that suggests certain words based on to the user's input. (Quit like Google's suggestions) It works quite well but one detail bothers me: When I have a list of suggestions I highlight the list-items by listening to the arrow up and down keys. When the fist element is highlighted, and the user presses the up arrow, I want the cursor to be in the Text(Input)Field again, but at the last position.
(I removed the focus from the InputField not to move the cursor in my singel line field to the first position when the up-arrow is pressed)
I set the cursor to the last Position using setSelection() but as it is the field receives the key-press after my event callback is executed and the pressing of the up-arrow in a single line field does what it always does, it places the cursor at the first position.
I considered using the CHANGE event, but as the arrow key does not actually change the content of the TextField, that is not working. Still I think that the solution might be along that way, as the CHANGE event is/would be at the end of the event-chain, where I need to do the repositioning of the cursor.
Is there a method to set the caret position within a RichEditableText control? The control's contents can contain errors that the user must fix which are navigated though via Next/Previous buttons, and during the navigation I would like to set the caret cursor to the end of each error within the text.
I googled for almost a day to find the answer to my question: [URL]. This almost works (and is a great solution), but the solution doesn't work when I do: 1). Copy and paste multiple-line texts. 2). Write long and scroll the texts. I also found another working example at: [URL]. (The autocomplete prompt appears when you press ctrl+space right at the caret's position). But an email from its author says he uses monotype fonts to calculate individual character's location. Is there a way to get multi-line input from a textfield?
i'm attempting to simply set the caret position at the start of the text flow when it is first displayed, without having to click and activate the text to see the blinking caret.
googling returns that the solution is to do this:
textFlow.interactionManager = new EditManager(new UndoManager()); textFlow.interactionManager.setSelection(0, 0);
however, setSelection() is not a valid function of the selection or edit managers.
1061: Call to a possibly undefined method setSelection through a reference with static type flashx.textLayout.edit:ISelectionManager.
I'm drawing a textfield onto a bitmap which I use as texture for a 3D object. I'm listening for Event.change, and so whenever the user adds a character I redraw the texture. But to really give the 3D object a 'interactive textfield feeling', I want to draw text selections and draw the caret (the blinking text cursor), but by default these a not drawn when using bitmapData.draw(textField), nor can I find a Event to listen for 'textSelected'.
//is there any event that catches text selection / blinking of text-cursor? textField.addEventListener(Event.CHANGE, redrawTexture); //... //is there any way to draw text selection / text-cursor in the bitmap? bmpData.draw(textField);
Is there a way to reset the insertion point of the caret to any position within an input textfield. I would like to reset it to position 0. The only thing I can find is caretIndex prop but that is read-only. I tried setSelection(0,1) but that didn't work either.
Im having an odd problem--I have 5 input textfields on the stage, but for some reason when run in order to input text within the first two fields I have to click within those fields from around its middle all the way to the right.Otherwise, no caret shows up and no typing displays.The other fields all work fine--ie, I can click at their leftmost point and get a caret and start typing..I even used the same textfield(#3) to create fields 1 and 2 and still I have to click about midway or to the right to get the caret.
Is there a file or some code I could make in order to add an extra color or two for syntax highlighting? Like having a certain color for function names and a different one for numbers etc.?
I want to use it for what seems like a fairly simple application, but I am having a terrible time finding any tutorials that address this specific need. I've been through basic "how to us Flash CS5" training but I'm having trouble making the connection between the skills taught and what I'm trying to accomplish.
I have a static paragraph of text - black on a plain white background. I would like each sentence to highlight with a yellow box behind it as the audio for that sentence is read. I would like a user to be able to hear the entire passage, but also be able to click on individual sentences and hear them separately.
The braces shown below after ...ret):String are incorrectly being highlighted as red I'm using the following syntax definition file for actionscript: [URL] 2 Questions: Does anyone happen to know off-hand what causes this weird matching? Is there anyway of identifying the current syntax matching group under the cursor?
By default, whenever you rollOver/mouseOver (not sure of the difference) an item in a Datagrid or a List, that item is highlighted with the component's rollOverColor.I'm just wondering if there's any way to do that programmatically. I haven't been able to find much help on the issue. For example,suppose I have two DataGrids.When I rollOver an item in the first DataGrid, I want to highlight the corresponding index in the second one as well.Basically, as if two separate cursors were rollOver'ing two separate DataGrids.
I'm trying to implement solr hit highlighting using a flex client. There are lots of examples out there to do high lighting in client side writing logic to do this, but couldn't find proper solution to tag them from back end (eg. some words<pretexttag>keyword<posttexttag>some words) so that it automatically highlight with results.
How can I make sure a menu button name appears in a different colour when it is selected and stays that colour until the user navigates to another page?Example: My menu buttons have a dark brown font. I have changed the font colour to red on the 'down' state of the button setting. This means the users clicks on a menu, e.g. Gallery and the Gallery button turns red briefly. However, it doesn't stay red which is what I want.
I have some input boxes and when I type some text and then try to highlight the text by dragging the mouse across the text... the text is not highlighting.It is actually highlighting it .. but the highlight color is invisible. Doesnt show at all
how can I turn every specific word in a textbox to specific color? this works like highlighting if I have the word Jeeves in TextField object, I would like each occurrence of Jeeves in this TextFIeld to become red or any other color In AS2 i had to search the text for keywords and use the TextFormat class. and then handle keypresses for the textbox for highlighting as the user is typing.
Anyone know of a way to make the default blue highlight around a radio button component when it is selected be LARGER and a different color? So for example, if I wanted to turn it green or red and make the highlight thicker?
