Change input text field color until saved.

How to change the background color in a text field when edited? When saving the field returns to default. The idea here, not to forget to save before editing another record or exit.
Example, date and checkbox fields are edible. At the right side, for each row is a link "save".
(click to enlarge):
PHP Code:
http://user-contributions.org/projects/ … er_old.txt

iphitus wrote:javascript as some sort of 'onkeypress' right?
Thanks, found a helpful script.
http://www.webdeveloper.com/forum/print … hp?t=28750
In my case I copied the shorter sample:
function ini(a){
a.style.backgroundColor = '#FFFFFF';
onclick="ini(this)"
Sample:
INPUT TYPE=text size="15" onclick="ini(this)" name="dateApp" value="$myrow[DateApp]
(click to enlarge):
PHP Code:
http://user-contributions.org/projects/ … rowser.txt

Similar Messages

Change Input Text backgroud color

Hi all,
Is it possible change the background color of an Input Textbox at runtime? Something like link the backgroud color to a spreadsheet cell.
Thanks, Marcelo Camarate

Hi Marcelo:
      I looked into your example, for your requirement, why not use "Value" component under "Single Value" section instead of "Input Text" which does not have alert option.
      I think "Value" component can satisfy the scenario if your input only contains data ("Value" only accept data as input), you can enable alert option for "Value" to meet your background color changes at run time.
      Please note that for "Value" component you can also change its value by mouse double click and changes
Thanks!
BIll

ADF Mobile: How to change the font size of an Input Text field in .amx view

Is there a way to change the font size of the input data (not the label) in a text field? Changing the font size in the Style Font/Text settings doesn't seem to do anything for the label or the value in the input text field. Is this a bug or is there a way to get this to work?

Hi Anna,
depending on the UI element there are a range of ways. (and I'm sure people will post plenty of answers to tell you how).
However, if generically the fonts in you portal/wd applications are too small, you should consider changing your theme so as to have larger texts. Otherwise you will either need to customise all your applications, or you will get quite a lot of inconsistency of presentation between your various WDA applications.
Do a search on "themes for Web Dynpro ABAP" and you'll find loads of resources.
Hope this helps,
Cheers,
Chris

Value of input text field not changed!

hi,
i have a select menu. when i change the value of the select menu, i have the event method and in the event method i change an value of a other input text field, but in the html page, the input text doesn't change his value.
i bind the input text field to the value field in class with the folowing command.
<h:inputText binding="#{backing_main_test:testInputField}" value="#{backing_main_test.testValue}"/>
please help me.
thanks, christoph

<h:inputText binding="#{backing_main_test: <--- was that colon intentional?

Changing the cursor position in an input text field and Removing leading numeric zeros

Flash8 - AS2
It's good to be back after all these years and thanks for the faithfull folks like kglad, Ned Murphy, Rothrock and all the others who give so much of themselves to make this forum a success!
My Problem:
I have an input text field that is named in the properties box as 'numberOfKids'.
When the program is executed, and a delete or backspace is pressed the input textfield goes blank
and any calculations that use 'numberOfKids' shows NaN.
I have trapped the NaN and undefined so that a numeric 0 shows up instead of a blank.
There are two problems:
First problem:
The cursor is to the left of the zero, so the first number inputted by the user is 10x larger than what they want. 0 becomes 10.
Question: How do I get the cursor to move to the right of the 0?
Second Problem:
When I manually move the cursor to the right of the 0 and input a number, say 4, it shows up as 04.
Question 2: How do I delete the leading numeric zero in the input textfield?
Thanks for the help.
Here's the code I am using:
calculateChildWeight = function () {
if (isNaN(numberOfKids)) {
numberOfKids = 0;
if ((numberOfKids) == undefined) {
numberOfKids = 0;
if (numberOfKids>=0 && numberOfKids<=137) {
numberOfKids = numberOfKids;
} else {
numberOfKids = 0;
if (isNaN(adjustedChildWeight)) {
adjustedChildWeight = 0;
if ((adjustedChildWeight)=undefined) {
adjustedChildWeight = 0;
adjustedChildWeight = Number(numberOfKids*(-100));
//numberOfKids.setSelection(numberOfKids.length, numberOfKids.length);
//if (numberOfKids.length=2 && numberOfKids<10) {
// remove the first character or leading zero
// numberOfKids = numberOfKids;

Thanks Rothrock for being so patient.
I'm lost!
I go back to a brand new flash file to try and implement the textfields as a stand alone test document. I have lost the concept I think.
I created on the stage of a blank .fla file 4 text fields, 2 input and 2 dynamic. I gave them an instance name in the properties box. I use this instance name.text to find the value of the field. I use the parseInt to put that value into a numeric variable for calculation. The results are put to the appropriate textfield.
All seems to work except one of my input text fields. I use the value of this field to calculate:
revisedValue = parseInt(numberOfKids.text);
revisedValue = revisedValue*(-100);
The problem now is that if the numberic '2' is inputted into numberOfKids, numberOfKids.text shows up as 200 and a trace shows up as '2NaN'.
Flash is logical and consistant, I must conform to it but I'm in the dark.
(( Concerning the forum: If I click on helpful, which your posts have been in directing me, does that blank out the possibility of selecting the correct answer in the future???))

Paging a data table with input text fields

I've created a datatable with input text fields so that contents can be edited. I have 'save' and 'cancel' buttons on the page so that changes can be saved or abandoned. That seems to work fine.
However, I have a problem with paging. If I modify an input text field, page to the next page in the datatable and then page back, the modified input text field reverts to the original entry in the database. Does anyone know how I can preserve this change (without issuing a commit) until the user clicks on the save button?
Here is a snippet of jsp with datatable.
<h:dataTable binding="#{DocTypeDetail.doctypeMetadataTable}" headerClass="list-header" id="doctypeMetadataTable"
rowClasses="list-row-even,list-row-odd" rows="5" style="left: 240px; top: 312px; position: absolute"
value="#{DocTypeDetail.doctypeMetadataTableModel}" var="currentRow">
<h:column binding="#{DocTypeDetail.column2}" id="column2">
<h:inputText binding="#{DocTypeDetail.textField1}" id="textField1" value="#{currentRow['name']}"/>
<f:facet name="header">
<h:outputText binding="#{DocTypeDetail.outputText5}" id="outputText5" value="Name"/>
</f:facet>
</h:column>
<h:column binding="#{DocTypeDetail.column3}" id="column3">
<h:inputText binding="#{DocTypeDetail.textField2}" id="textField2" value="#{currentRow['value']}"/>
<f:facet name="header">
<h:outputText binding="#{DocTypeDetail.outputText8}" id="outputText8" value="Value"/>
</f:facet>
</h:column>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header"/>
<f:facet name="header">
<h:panelGroup binding="#{DocTypeDetail.groupPanel1}" id="groupPanel1" style="display: block; text-align: center" styleClass="list-paging-header">
<h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_firstPageAction}"
binding="#{DocTypeDetail.doctypeMetadataTableHeaderFirstButton}" id="doctypeMetadataTableHeaderFirstButton"
image="resources/paging_first.gif" immediate="true"/>
<h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_previousPageAction}"
binding="#{DocTypeDetail.doctypeMetadataTableHeaderPreviousButton}" id="doctypeMetadataTableHeaderPreviousButton"
image="resources/paging_previous.gif" immediate="true"/>
<h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_nextPageAction}"
binding="#{DocTypeDetail.doctypeMetadataTableHeaderNextButton}" id="doctypeMetadataTableHeaderNextButton"
image="resources/paging_next.gif" immediate="true"/>
<h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_lastPageAction}"
binding="#{DocTypeDetail.doctypeMetadataTableHeaderLastButton}" id="doctypeMetadataTableHeaderLastButton"
image="resources/paging_last.gif" immediate="true"/>
</h:panelGroup>
</f:facet>
</h:dataTable>

I know by now you must have figured it out. If not you might want to try keeping the backing bean in session instead of request scope.
Hope that helps,
HeMan

How to allow input text field to accept more than one "specific" answer.

Hi,
I am working for something and trying to create a type-box-based quiz for one of my classes, where an input text field can change it's border color if 2 or more words from an accepted word list is inputed.
For example, Say a list has possible answers: R,G, B, Y for the question "Name 2 colors".
I want to create an input text box where the border of the box will change color if any 2 letters (in the above list) are entered into it.
I've tried setting up a variable NumberSuccesses and setting it so that the number increases by 1 for each letter entered e.g.
if (Ex.text == "R");
NumSuc = NumSuc +1; // the var NumSuc has already been defined earlier in the code
If (Ex.text ''G")
NumSuc = NumSuc + 1
if (NumSuc == 2)
Ex.borderColor = 0x0000FF
but that didn't work.. and I tried doing it with another function which I use for multiple input boxes like if there were boxes A, B, C. I could set up a general function where if the correct answers were entered into A, B, an C respectively, only then will say, a checkmark show up using a
EnableCheckmark (); type function. Not sure how to do it if it's the same text input box though. Also just tried adding it into the same function re.
If (Ex.text == "R" + "G")
Ex.borderColor = 0x0000FF
.. Does anyone know what else I can do?

The solution of Nishu with Evaluation Logic:
//These Are the Possible Answers
var solutions:Array = new Array("A","B","C","D");
function testInput(_inputText:String):Boolean
    //the delimiter could also be a comma, here it is a space
    var inputStringArray:Array = _inputText.split(" ");
    var counter:Number = 0;
    for (var i:int=0; i<inputStringArray.length; i++)
        for (var j:int=0; j<solutions.length; j++)
            if (inputStringArray[i]== solutions[j])
                counter++;
    if (counter >=2)
        trace("true");
        return true;
    else
        trace("false");
        return false;
//Textfield with name input_txt on stage
input_txt.addEventListener(TextEvent.TEXT_INPUT, answerTxtInp);
// The function that will be called by the event listener
function answerTxtInp(txtEvent:TextEvent):void
     // depending on the possible answers of characters, change the border color
     if(testInput(input_txt.text)){
         input_txt.borderColor = 0xFF0000;
     else{
         input_txt.borderColor = 0x000000;

Regarding Input text fields

This is about fill in the blanks in flash 8 as2. In this i used input text fields and three buttons.In first frame i used multiple input text fields and a submit button. After filling all the blanks we click on submit button then in the second frame we will show the result like if the blank is correct it should change the color to green and if it is wrong it should change to red.and in the frame i have check button when we click on it will display all the answers. And when we click on analyse button we have to display the answer which the user types and the correct answers.
And my problem is when we click on submit there is no difference in the blanks color all are in black only and i have assigned red to the wrong answer and green to the correct answer.
and script on submit button is
on (release) {
    gotoAndStop("Bl1");
    if ((_root.Bl.txt1 == "abc1") && (_root.Bl.txt2 == "abc2") && (_root.Bl.txt3 == "abc3") && (_root.Bl.txt4 == "abc4")) {
        _root.Bl.txt1.textColor = 0x006600;
        _root.Bl.txt2.textColor = 0x006600;
        _root.Bl.txt3.textColor = 0x006600;
        _root.Bl.txt4.textColor = 0x006600;
    } else {
        _root.Bl.txt1.textColor = 0xFF0000;
        _root.Bl.txt2.textColor = 0xFF0000;
        _root.Bl.txt3.textColor = 0xFF0000;
        _root.Bl.txt4.textColor = 0xFF0000;
where "Bl" is the movie clip name and "txt1","txt2","txt3","txt4" are the var names for input text fields
Please help........

You are concatenating the conditions it will only work if all are true or all are false
on (release)
    gotoAndStop("Bl1");
    if (_root.Bl.txt1 == "abc1")
        _root.Bl.txt1.textColor = 0x006600;
    else
        _root.Bl.txt1.textColor = 0xFF0000;
    if (_root.Bl.txt2 == "abc2")
        _root.Bl.txt2.textColor = 0x006600;
    else
        _root.Bl.txt2.textColor = 0xFF0000;
    if (_root.Bl.txt3 == "abc3")
        _root.Bl.txt3.textColor = 0x006600;
    else
        _root.Bl.txt3.textColor = 0xFF0000;
    if (_root.Bl.txt4 == "abc4")
        _root.Bl.txt4.textColor = 0x006600;
    else
        _root.Bl.txt4.textColor = 0xFF0000;
You can also run a for loop for optimizing the code further.
www.darshanrane.com

How to insert a date picker input text field in a JSF Jsp page

Hi,
I have to develop an application using generic facets, unfortunately I am not supposed to use ADF Faces components given by Oracle.
Now my requirement is, on JSP page an input text field which holds a DATE value is required, it should also have a Date Picker Calendar adjacent to it.
Could you pls shed some light on this issue and help me out.
Thanks
~Siva(ji)

<HTML>
<script language="JavaScript" type="text/javascript">

</script>
<BODY
<button id="c1" onclick="cstmPup(c1,pUpCstm)">Custom PopUp</button>
<'div' id="pUpCstm" style="display:none;">
<'div' id="myid" align="left" style=" width:100%; height:100%; background:#cccccb; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>Rich Message Boxes</b>
<hr size="1" style="border:1px solid black;">
     <div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
          <table border ="1" id="myTable">
               <TR>
                    <TD> SUN </TD>
                    <TD> MON </TD>
                    <TD> TUE </TD>
                    <TD> WED </TD>
                    <TD> THU </TD>
                    <TD> FRI </TD>
                    <TD> SAT </TD>
               </TR>
          </table>
     <br><br>
     </div>
     <br>
     <div>
<button tabindex="-1" onclick="hPopUpc()" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">Close Message</button>
</div>
<?BODY
</HTML>
Message was edited by:
mchepuri
Message was edited by:
mchepuri
Message was edited by:
mchepuri

QM03-Custom tab-Change to text field not reflecting-FG - XQQM-screen-0106

Hi,
I have a requirement to change the text field on a custom tab of QM03 transaction. Quality notification type is Z1 and the tab is "Checklist". Both are custom defined.
The existing text field is of 3 lines. The new text message is of 8 lines. When I did the changes on the custom screen 0106 in the function group XQQM, the changes are not reflected on the QM03 transaction's custom tab. Only first 3 lines were reflecting the change and rest of the 5 lines are not appearing on the screen.
Pointers on this will be definitely helpful.
Regards,
Mallika.

I had a similar problem, but it was with the message line. I found that with Web Forms, I had to issue the Synchronize; a second time, but in Client/Server Forms 6i, the first synchronize worked. Here is the code I used:
<pre><font face = "Lucida Console, Courier New, Courier, Fixed" size = "1" color = "navy"> SYNCHRONIZE;
if Get_Application_Property(User_Interface) = 'WEB' then
synchronize;--first does not work on web
end if;</font></pre>
Let us know if this works.

Font disappears in Input Text field

Steps to recreate:
1. Create an input text field. Embed Characters. Set Font to Arial, Bold.
2. Create a static text field. Put some text in the field. Set Font to Arial, Regular, Anti-Alias for Readability.
3. Run out. Notice that Input Text field won't accept any input.
4. Set Input Text Field to Regular.
5. Run out. Notice that Input Text field will now accept input.
Any ideas why the Input Text Field won't accept any input in Step 3?
I'm using Flash CS4.

I found this same problem updating my CS4 to CS5.
All I had to do was use a different Font, then Embed it and the problem was solved.
Then change it back to your original font, maybe remove and then re-embed it aswell.

Putting cursor in input text field

I'm trying to put the cursor in an input text field as soon
as I get to a certain frame. I'm using Selection.setFocus() but it
does not seem to work. It returns true but I still can't see my
cursor and I can't type to the field until I click in it or tab to
it. Does anyone have any ideas what I'm neglecting to do?

mmmm just did that, I don't get the carret, but I can type
just to be pedantic you did pass the TextField instance ie
Selection.setFocus(myTextField )?

HtmlText in input text field?

Hi
Is it possible to have input text fields respond to htmlText? I'm sure I've done it before.
Although the following code displays the string correctly, there is no color formatting displayed:
e.target.htmlText = noColour + "<font color='0x00FF00'>"+ colorText +"</font>";
I've clicked the button in the field's properties (Flash Pro) to render as htmlText.
Cheers for having a look.

Never mind - I had the wrong syntax.
Should be '#00FF00', not '0x00FF00' when it's within quotes.

Input text field displays U.S. keyboard layout

Hi,
I've got a Flash Player 9 / AS3 animation which has a input
text field where a user enters their email address.
Now my PC is setup to use the UK keyboard layout so when I
click the buttons Shift+@ then I get the @ symbol displayed.
But for some reason the moment I try typing in the @ symbol
(using Shift+@ keys) then up pops the " symbol which is a U.S.
keyboard layout if I'm not mistaken?
And so checking this, if I use the Shift+number 2(") key then
I get the @ symbol (which again is a U.S. keyboard layout if I'm
not mistaken?).
Obviously I can't expect my UK users to know this and so need
to work out how to change the keyboard layout for the text input
fields so when I click the shortcut buttons Shift+@ I should see
the @ symbol appear.
Hope that all makes sense.
Any help is greatly appreciated as this is a live project
that the client is racing to get fixed.
Many thanks and kind regards,
Mark

Hi,
I have found some other weird things happening regarding this
issue which are very odd?
To recap....
If I type into the search bar at the top of this page Shift+@
then I get the correct character displayed which is @ (so my
keyboard is definitely UK layout).
If I create a new Flash movie with nothing but a text field
set to INPUT and type Shift+@ then again I get the correct
character!
But if I type Shift+@ into my Flash movie I get the wrong
character " appear!?
I then checked both text fields and found there were
absolutely no differences (except for colour/font size), so I
copied the new text field into my Flash movie and the moment I
played my Flash movie the new text field (which was working) then
started doing the same and displaying the wrong character???
Any ideas?
Thanks.
Kind regards,
Mark

Retain all form field values after input text field validation failure

Hi,
I have a form with 1 input text field, one Command button and one h:selectManyListbox. when User enteres some values in input field and clicks on command button named Add, the value is validated. If input is invalid, then an error message appears next to the field. If input is valid, then the value is added into h:selectManyListbox. Adding to list box is done using Ajax4Jsf.
Probelm:
Let's assume user entered 3 valid values one after another and all are added into the list box. When he enters a wrong value, and error message appears. however, the entered values in list box goes away. Is there a way to retain the values even after validation failure.
Code is given below;
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<h:panelGroup>
     <h:outputLabel for="inputEmailId1" value="Email Id: " />
     <t:inputText value="#{bean.newEmailId}" id="inputEmailId1" maxlength="100" size="40" immediate="true">
          <t:validateEmail message="Enter a valid Email Id." />
     </t:inputText>
     <t:message for="inputEmailId1" styleClass="errorStyleClass" />
</h:panelGroup>
<t:panelGroup style="text-align: left;" >
     <a4j:commandButton value="Add" styleClass="buttonsSub" action="#{bean.addSharedEmails}"
          reRender="inputEmailId1, selectedSharedEmails" />
</t:panelGroup>
<t:panelGroup style="text-align: left;">
     <h:selectManyListbox id="selectedSharedEmails" size="8" style="width:100%;" immediate="true">
          <f:selectItems value="#{bean.sharedEmails}" />
     </h:selectManyListbox>
</t:panelGroup>
Thanks in advance,

Use the attribute "binding" instead of a "value". This will remember the value. You can also make sure that you dont have anything in your constructor or class level that initialises that value to "" or null. Because if JSF is remembering your value but your initialization that gets triggered before the page loading resets it to default values then you need to change that part of the code.

Change input text field color until saved.

Similar Messages

Maybe you are looking for