ScreenPersonas Wishlist - AutoComplete UI Element

I posted this on the monthly call chat log - but thought I'd add it here too...
Something like this would be life changing for my users....  
If they could start typing a vendor names, customer names or material names in a field and it would autocomplete like google suggestion while they type (as opposed to having to search for vendor numbers using wildcards, or cities, etc)
This would blow all of my users' minds.
I use similar UI elements with jquery or AJAX on some of my websites

I have exactly the same issue.
I have traced it back into using structs tiles.
The function inside script.js don't take into account the space the tiles occupy and it gives erroneous results when the results layer shows up.
I'm not an expert on jscript so any workaround including altering the jscript.js directly inside the .jar file would be appreciated.
Right now I'm thiking on literally adding a constant on the results of these pages, but... its no elegant solution...
Any ideas?
The functions are:
* Calculate and return the X coordinate at which we should
* draw the completion choices list.
this._x = function() {
var element = this.target;
var x = 0;
while (element) {
if (element.offsetParent) {
x += element.offsetLeft;
} else if (element.x) {
x += element.x;
element = element.offsetParent;
return x;
* Calculate and return the Y coordinate at which we should
* draw the completion choices list.
this._y = function() {
var element = this.target;
var y = 0;
while (element) {
if (element.offsetParent) {
y += element.offsetTop;
} else if (element.y) {
y += element.y;
element = element.offsetParent;
return y;
}

Similar Messages

  • I can no longer type after typing a URL and autocomplete not finding a matching URL. How to fix that?

    After I open Firefox I start typing the URL. After each letter I see autocomplete suggestions. Imagine I type "g", then "o" (google is shown as autocomplete), but then I enter "a". Since I have no pages that begin with "goa", autocomplete is hidden and the problem is, I can no longer type anything. All my key strokes are now ignored (backspace, enter... it dosen't matter). But I still see the cursor blinking after "goa".
    I have discovered that Firefox must be focused on some other interface element (not in the address bar), because if I press the TAB key, the focus is again shifted to the address bar and I can continue typing. Sometimes I have to press TAB 2 or 3 times while entering an address to be able to write what I want. It looks like every time autocomplete is closed, the program focus leaves the address bar.
    I've been having this problem for at least 4 or 5 versions of Firefox and it does not happen on every Firefox session. It can be solved by closing Firefox and opening it again. Pressing the TAB key has become kind of a reflex, so it's just annoying and I can work around it.
    But why is this happening?

    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do not click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • Autocomplete is not working for Sharepoint 2013 search box.

    I added the below code in cewp in sharepoint 2010 and autocomplete worked fine.
    http://sharesilver.wordpress.com/2011/11/26/auto-suggestioncomplete-in-sharepoint-search-text-box-with-jquery-like-in-google-part-1/#comment-605
    when i added this code in sharepoint 2013 by changing the searchbox class name in the code. it is not working. why ??
    Sharepoint 2010 searchbox class name ="ms-sbplain"
    what is Sharepoint 2013 searchbox class name ?? i added "ms-textLarge" as class name but it didn't work.
    Thanks in advance.
    M.M

    Hi M.M,
    The class for SharePoint 2013 Search box input element is as follow, please check if it is what you want.
    class="ms-textLarge ms-srch-sbLarge-fullWidth ms-srch-sb-prompt ms-helperText"
    The project code you are using is updated in codeplex, and the query suggestions (similar to this autocomplete) is an OOB feature in SharePoint 2013 enterprise verison, you can take a look. 
    http://spautosuggestion.codeplex.com/
    http://technet.microsoft.com/en-us/library/jj721441.aspx
    Thanks
    Daniel Yang
    TechNet Community Support

  • Ajax Autocomplete Tabular does not work using apex_item.text in SQL Query.

    Hello,
    Is it possible to use the search function which is used in, Dennis Kubicek example, ENAME topic Ajax Autocomplete Tabular
    in a sql query using apex_items?
    Query line :
    , apex_item.text(17,xp.part_nr,null,null,'onfocus="f_register(this);" autocomplete="off"') PART
    At first I followed the example by adding 'onfocus="f_register(this);" autocomplete="off" in the element attributes in the report field.
    This didn't work... so tried to add the it in the attirbutes parameter of the apex_item.
    But this still doesn't work. No errors are given, it does not respond.
    Could somebody please help me?
    Thx!
    Astrid

    Well, I'm trying to take this one step further, but I seem to be having some difficulty.
    I'm trying to make a Filter screen to create a dynamic where clause filter screen.
    This is a page I made with Popup LOVS, just to show you my goal (now trying to use autofilters)
    http://apex.oracle.com/pls/otn/f?p=29989:5
    I have a table on my system that tells you where the field is, and I'm using that to get the table (didn't want to change the javascript, so I pass in a static value).
    This is the javascript code I used
    <pre>
    <script language="JavaScript" type="text/javascript">
    function f_register(p_this,p_name)
    var p_registered = $x('P5_ITEM_ID').value;
         var p_this_name = $x(p_this).id;
    //alert(p_this_name);
    if (p_registered != p_this_name)
    register(p_this_name, "COSTING_M", p_name, "blue", "red");
    $x('P5_ITEM_ID').value = p_this_name;
    </script>
    </pre>
    This is my query
    <pre>
    select column_name || apex_item.hidden(1,column_name) Col_name,
    apex_item.SELECT_LIST_FROM_lov(2,'=','OPERATOR') OPERATOR,
    apex_item.text (3,
    NULL,
    20,
    200,
    'onfocus="f_register(this,''' || column_name || ''');" autocomplete="off"',
    'f3_' || '#ROWNUM#',
    NULL
    ) value,column_id
    from user_tab_cols
    where table_name = 'COSTING_M'
    ORDER BY ROWNUM
    </pre>
    and here is my on-demand process
    <pre>
    declare
    TYPE CurTyp IS REF CURSOR;
    v_row varchar2(4000);
    rec CurTyp;
    V_TABLENAME NKW.UTFIELD_M.TABLE_NAME%TYPE;
    begin
    BEGIN
    SELECT TABLENAME INTO V_TABLENAME
    FROM NKW.UTFIELD_M
    WHERE FIELD_NAME = :TF_SL_COLUMN;
    EXCEPTION WHEN NO_DATA_FOUND THEN RETURN; END;
    :TF_SL_SEARCH := replace(:TF_SL_SEARCH, '&amp;','&');
    :TF_SL_SEARCH := replace(:TF_SL_SEARCH, '&lt;','<');
    :TF_SL_SEARCH := replace(:TF_SL_SEARCH, '&gt;','>');
    :TF_SL_SEARCH := replace(:TF_SL_SEARCH, '&quot;','"');
    owa_util.mime_header('text/xml', FALSE);
    htp.p('Cache-Control: no-cache');
    htp.p('Pragma: no-cache');
    owa_util.http_header_close;
    htp.prn('<rowset>');
    open rec for
    'select distinct ' || :TF_SL_COLUMN || ' ' ||
    'from NKW.' || V_TABLE_NAME || ' ' ||
    'where '||:TF_SL_COLUMN||' like :1||''%'' ' ||
    'and rownum < 100 ' ||
    'order by '||:TF_SL_COLUMN
    using :TF_SL_SEARCH;
    loop
    fetch rec into v_row;
    exit when rec%NOTFOUND;
    htp.prn('<row>' || htf.escape_sc(v_row) || '</row>');
    end loop;
    htp.prn('</rowset>');
    end;
    </PRE>
    I made some slight mods to make the table dynamic from my source table (this is to grab master files when they exist and not to when they don't).
    I get my select list, but it's blank on all fields, any suggestions?
    thanks,
    Scott

  • Clicking an element in a list doesn't work

    Sorry about my rather vague subject - my problem is not so easy to sum up in a few words.
    I am working on an application that
    - Displays a list of items from a MySQL table
    - Each item should be clickable, and on clicking should open an edit page with the clicked item pre-loaded
    This must have been done millions of times before and should be simple. It doesn't work, presumably because I know too little. This is what I have done:
    The clickable item list looks like this (without all the trimmings):
    <h:dataTable id="users" value="#{userlist.userList()}" var="ul">
    <h:commandLink action="#{ul.edituser}" value="#{ul.uid}"/>
    This displays a list of the right sort of items, but the clickable item (the UID) doesn't do anything. Also, the resulting html looks the same no matter what I put into the action element - this is the inside of the a-tag:
    href="#" onclick="mojarra.jsfcljs(document.getElementById('j_idt9'),{'j_idt9:users:1:j_idt15':'j_idt9:users:1:j_idt15'},'');return false"
    I'm not entirely sure what that means; all I know is that it does not call the edituser() method.
    But what is the right way, then? I haven't found any examples that highlight this particular situation although it must be used all the time, I expect.

    #{userlist.userList()
    #{ul.edituser}Spot the difference there. I do believe "ul" should be "userlist"; in other words it will link to an action method "edituser()" in a JSF managed bean which I assume will be named Userlist. Its really simple when you run into the problem of an action method not working: 99/100 times the action method EL declaration is wrong. Now it could be typo, but I've been known to forget the #{} part too...
    I use the JBoss Tools Eclipse plugin myself; it has nice JSF additions that add EL validation and autocompletion to the editor. That way I know already from the code view when I've made a mistake in stead of "at runtime". A missing action method turns up as a warning in the jsf editor for example. That is of course only helpful when you're actually using Eclipse ;)

  • Eloqua Wishlist/ Functionalities for Campaign Canvas

    Campaign Canvas wishlist: As eloqua already has most of this functionality in parts and components, it would be good to see this all on campaign canvas.
    This will deffinately help all users across all campaigns, minimizing time and effort to setup and execute campaigns.
    (The icons are fake, they do not exist, just a wishlist mockup )
                    Step
                    Functionality
    Campaign Scheduler
    Combining the functionality of program feeder along with Campaign settings.
           A/B/N Split
    Combining the functionality of Percent based routing and Email Batches. Giving options such as:
    1. Split by counts
    2. Split by Percentages
    3. Data/ Data Card Field values
    4. Split by Open/ Click thru winners over time. Example: 5,5,90
             Send Notification
    A Notification step that allows us to send notifications, based on when the                campaign exection is complete. Few options:
    1. Notification to one or more email addresses, seperated by commas.
    2. Notification to Contact group(s), or user group(s).
    3. Notification to uploaded list of email addresses. (Can leverage contact upload wizard)
    4. An option to choose any emails to be used a notifications.
    5. Ability to choose sender or signature rule to send notificaitons.
        Multi-Channel Delivery
    Ability to Send communications via 1 or more channels. The Options are:
    1. Email
    2. Direct Mail (May be into a some sort of list, with third party settings)
    3. SMS. (Internal or with third party settings)
    4. Phone Voicemail (To send voicemails, internal or with third party settings)
    5. Mobile version (If preferences available, otherwise based on responsive design)
    6. Fax (Internal or third party settings)
    7. To third party system wit configration settings.
    Upload wizard for Components Library
    1. Email Header
    2. Email Footer
    3. Shared Content
    4. Dynamic Content
    5. Signature Layout
    6. Signature Rule
    Any thoughts are welcome!!

    Love the running list! Here's a few more to add:
    - Ability to schedule specific batch sizes/times for emails to go out -- for example, if I have a segment of 1000 people, i want to be able to send to 100 people today at 9am and then the rest tomorrow at 10am without having to create 2 separate segments or create a filter to base a decision rule off of.
    - Decision rules based off of segments -- it's a pain to have to save it as a shared list just to filter.
    - Ability to view all Campaign Members by step, and to search by it. Currently if I want to remove a contact from the Campaign, I have to know exactly what step they're in and manually go in and remove them rather than searching among all Campaign Members.
    - Ability to drag/drop or delete multiple items at once -- if you have a large drip program and then you decide to add in a step at the beginning, you currently have to either live with what becomes a really messy-looking canvas, or you have to take the time to move every element on the canvas individually to make room for the new steps. Related to this: Ability to move the auto-created segments when members are added from either Program Builder or a Form processing step -- currently these all just stack on top of each other so you can't read them.
    A lot of these would be covered if we can get full Program Builder functionality added to Campaign Canvas!

  • Import  Package org.jdesktop.swingx.autocomplete  ??

    how to import Package org.jdesktop.swingx.autocomplete in my code
    its Giving error ,,,
    i am using Auto Complete Supprt For my Combo Box .......but i am unable to import the package containg nesseary classes like
    AutoCompleteSupport support = AutoCompleteSupport.install(
    this.comboBox, GlazedLists.eventListOf(elements));
    AutoCompleteDecorator.decorate(this.comboBox);
    how to import package for the above calsses ,,,or i have to add any Jar File ,,plzz suggest

    You have to add the appropriate JAR files to your library to allow use of the features you want, then you do a:
    import org.jdesktop.swingx.autocomplete; //in your project.

  • Ajax autocomplete on a tabular column

    Hello,
    Is it possible to add the autocomplete functionm of denes on a tabular column and how can i do that?
    Thanks for your help
    I think the problem resides in referencing the item in the register function how can I pass the id of the object in the table?
    Erwin
    Message was edited by:
    Erwin L

    Erwin,
    That is possible. See this example:
    http://htmldb.oracle.com/pls/otn/f?p=31517:178
    This works but not the way I would like to see it. The register function is creating a div and
    a select list for the text filed you want to filter. If you later call an element which is above
    the previously edited element, the select list will be broken by all the div's. I didn't have
    time to find out how to remove the created div once the focus is lost. Perhaps there is
    someone who would know the answer how to do that easily.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://htmldb.oracle.com/pls/otn/f?p=31517:1
    -------------------------------------------------------------------

  • Query for create manual tabular form using apex collection using item textfield with autocomplete

    can we create a manual tabular form inside item textfield with autocomplete ?
    how it is possible?
    with Apex_item API used for this item.
    i used this code for creat  cascading select list
    select seq_id,
    APEX_ITEM.SELECT_LIST_FROM_QUERY(
            p_idx                       =>   1,
            p_value                     =>   c001,
            p_query                     =>   'SELECT C001 D
         , C002 R
      FROM APEX_COLLECTIONS
    WHERE COLLECTION_NAME = ''col1''',
            p_attributes                =>   'style="width:150px" onchange="f__name(this,parseInt(#ROWNUM#));"',
            p_show_null                 =>   'Yes',
            p_null_value                =>   null,
            p_null_text                 =>   '- Select name -',
            p_item_id                   =>   'f01_'|| LPAD (ROWNUM, 4, '0'),
            p_item_label                =>   'Label for f01_#ROWNUM#',
            p_show_extra                =>   'NO') name,
    APEX_ITEM.SELECT_LIST_FROM_QUERY(
            p_idx                       =>   2,
            p_value                     =>   c002,
            p_query              =>   ' SELECT null d, null r FROM dual WHERE 1 = 2
            p_attributes                =>   'style="width:150px"',
            p_show_null                 =>   'Yes',
            p_null_value                =>   null,
            p_null_text                 =>   '- Select name -',
            p_item_id                   =>   'f02_'|| LPAD (ROWNUM, 4, '0'),
            p_item_label                =>   'Label for f02_#ROWNUM#',
            p_show_extra                =>   'NO')name2,
    from apex_collections
    where
    collection_name = 'COLLECTION1'
    It is fine .
    but i want item in tabular form  textfield with autocomplete and remove select list. my requirement is using textfield with autocomplete select a employee name and second item textfield with autocomplete display dependent perticular employee related multiple task.
    how it is created.i have no idea related textfield with autocomplete.Please help me....

    pt_user1
    I understand that the add row button is currently doing a submit.
    To not submit the page you need a dynamic action on the page.
    Does the javascript function addRow do what you want?
    Otherwise have a look at the following two threads Add row in manual tabular form using dynamic action and Accessing Tabular Form & Add Elements to Collection without Page Submit.
    You're process could be something like:
    Add the new values to the collection using the idea's in the second thread and at the same time add the new row.
    And as second action refresh your tabular form.
    If you get stuck set up what you have done on apex.oracle.com using the tables from the demo application.
    Nicolette

  • Ajax Select Value + Ajax Autocomplete - using both on same item

    I am really loving this ApEx demo application as it is teaching me TONS of new things.
    It is by far the most helpful apex lesson site I have found:
    http://htmldb.oracle.com/pls/otn/f?p=31517:80
    I have a question regarding two of these lessons:
    Ajax Select Value
    Ajax Autocomplete
    I want to use these two for the same item.
    I have got both to work correctly individually.
    Here is my scenario:
    I have a <name> field that auto completes.
    It will set the <credit_limit> page item, according to what this <name> field has.
    The problem:
    Typing in the name without using the auto complete feature works as it displays the <credit_limit>.
    But, when I choose the name from the generated select list, it returns null.
    If I then remove a letter from the <name>, retype it (without selecting it from the list), tab; it will display the <credit_limit>.
    Any idea how to fix this?
    I want to be able to select the <name> from the auto complete select list and have it fill out the <credit_limit>.
    I found a post that might be related to this problem:
    Application Process is not fired when selecting from popup lov

    More information:
    P20_NAME_TX
    HTML Form Element Attributes: onKeyPress="checkEnter(event)" autocomplete="off" onChange="f_getPurchaseOrderCreditLimit()";
    I have also tried without the onKeyPress:
    autocomplete="off" onChange="f_getPurchaseOrderCreditLimit()";
    (It still functions the same without this except the enter key does not do anything; what does onKeyPress="checkEnter(event)" do?):
    HTML Header
    <script type="text/javascript" src="#WORKSPACE_IMAGES#textfield_autofilter.js"></script>
    <script language="javascript">
    NS4 = (document.layers ) ? true : false;
    function checkEnter(event)
    var code = 0;
    if (NS4)
    code = event.which;
    else
    code = event.keyCode;
    if (code==13)
    doSubmit('SEARCH');
    </script>
    <script language="JavaScript" type="text/javascript">
    function f_getPurchaseOrderCreditLimit ()
    var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=getPurchaseOrderCreditLimit',0);
    get.add('P20_NAME_TX',html_GetElement('P20_NAME_TX').value)
    gReturn = get.get();
    if(gReturn)
    {  html_GetElement('P20_CREDIT_LIMIT_CY').value = gReturn  }
    else
    {  html_GetElement('P20_CREDIT_LIMIT_CY').value = 'null'  }
    get = null;
    </script>

  • Why do I have to use the tab key even more to tab between page elements.

    Firefox versions prior to ver 4 I used the tab key to tab between page elements (form elements, buttons, etc). I upgraded to ver 4 and now when I tab from form element to form element I first see a gray line outlining the element area and then another press of the tab the element becomes active for me to use. I now have to use double the tab keys to move between form elements.

    Hello new_mac_user, see if the next works
    # In the [[Location bar autocomplete|Location bar]], type '''about:config''' and press '''Enter'''. The about:config "''This might void your warranty!''" warning page may appear.
    # Click '''I'll be careful, I promise!''', to continue to the about:config page.
    # in search field type (or copy/paste from here) '''accessibility.tabfocus'''
    # double-click on it and change the value to '''4''' (probably you have 1 the default on mac)
    # click ok, exit firefox and restart it.
    with the above you give focus to links (and linked images) only when you press the tab key.
    see for more info : http://kb.mozillazine.org/Accessibility.tabfocus
    https://developer.mozilla.org/en-US/docs/Mozilla/Preferences/Preference_reference/accessibility.tabfocus
    thank you

  • RichEditableText doesn't display bindable variable "mavar" where autoComplete

    Hello,
    RichEditableText doesn't display bindable variable "mavar" where autoComplete and textFlow link
    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            xmlns:mx="library://ns.adobe.com/flex/mx" 
            minWidth="955" 
            minHeight="600"
            applicationComplete="comp()">
            <fx:Script>        
                    <![CDATA[
                            [Bindable]
                            public var mavar : String;
                            public function comp():void {
                                    mavar = 'toto';
                    ]]>
            </fx:Script>
            <!-- Launch your application by right clicking within this class and select Debug As > FDT SWF Application -->
            <fx:Declarations>
                    <!-- Place non-visual elements (e.g., services, value objects) here -->
            </fx:Declarations>
            <s:RichEditableText id="richEdTxt" editable="false" selectable="false">
                    <s:textFlow>
                            <s:TextFlow>
                                    <s:p>{mavar}<s:a href="http://www.monsite.com/">www.monsite.com</s:a></s:p>
                            </s:TextFlow>
                    </s:textFlow>
            </s:RichEditableText>
    </s:Application>

    Hi,
          try this
    <s:RichEditableText id="richEdTxt" editable="false" selectable="false">
            <s:textFlow>
                <s:TextFlow id="txtFlow">
                    <s:p><s:span>{mavar}</s:span><s:a href="http://www.monsite.com/">www.monsite.com</s:a></s:p>
                </s:TextFlow>
            </s:textFlow>
        </s:RichEditableText>
    thanks,
    Jayagopal.

  • Bug in Spry.Autocomplete

    I just tried with a co-worker to test the functionality of
    spry, and for my surprise, he was not able to select the elements
    opf the autocomplete with the mouse.
    Anyone got any ideas/patches?
    PJ

    Nevermind, it has been reported already. check this link.
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1317225&highlight_key=y&keyword1=IE6

  • Label and Title autocomplete

    Hi! It would be very helpful if I could figure out how the autocomplet function works in the Metadata panel. It works fine in the Keyword field, suggesting keywords from the entire catalog. But in the Title and Label fields, it only suggests words that I just entered. It is not helpful for me. I would like the autocomplete to suggest words that I entered a year ago. Is it possible to edit the autocomplete presets? Thanks!

    Hello Rajeev,
    Textview is already a read-only field, wht exactly do you mean by disabling it ?
    if you intend to hide these fields then you can do so by setting "visible" property of the ui-elements.
    Regards,
    Shweta

  • Package  org.jdesktop.swingx.autocomplete    ??? (import problem )

    how to import Package org.jdesktop.swingx.autocomplete in my code
    its Giving error ,,,
    i am using Auto Complete Supprt For my Combo Box .......but i am unable to import the package containg nesseary classes like
    AutoCompleteSupport support = AutoCompleteSupport.install(
    this.comboBox, GlazedLists.eventListOf(elements));
    AutoCompleteDecorator.decorate(this.comboBox);
    how to import package for the above calsses ,,,or i have to add any Jar File ,,plzz suggest

    I should say download swingx.jar?

Maybe you are looking for

  • Photoshop CS6 temp memory problems

    Hi, My name is George, I'm working as a web-designer. I heard about new features in Photoshop cs6, like paragraph/character styles (something very good for web-designers). And tried those new features, works perfectly, but i found a big problem. When

  • NiUSRP 1.2 / USRP N210 / beat frequencies LO

    Hi, I made a Labview 2012 program based on some examples of the ni USRP 1.2 software, for being executed in my USRP N210. The objective of my program is to measure a signal, that right now is generated by a RF signal generator, after doing an fft plo

  • What is the logical message type for Inbound Credit Memo (MM)

    Hi Folks, What is the logical message type for Inbound Credit Memo (MM) Plz explain. Thanks, Matt

  • Chaning business area in asset master in AS02

    Dear SAP GURUS, We have an asset created in the system  and we assigned a business area to that asset. We have carried the depreciation run for the asset. Now we want to change the busiess area of that asset to a different business area. The system i

  • On a chart, can we set portions of a chart with different colors

    My application involves with fuel cell conditioning during which the V-I curve with go many cycles. I want to distinguish these cycles with different colors but don't know whether it's doable because I think if we set a color, it will set the whole l