jQuery autocomplete

Hi jari,.
Thanks for your reply.
I am display name in the employees table.
I send you my code.
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/redmond/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1.4.2");
  google.load("jqueryui", "1.8.0");
</script>
<script type="text/javascript">
$(function(){
 $("#P500_FIRST_NAME").autocomplete({ // Change P73_STATE to your text item id
  source: function(r,s){
   $.ajax({
    type:"POST",
    url:"wwv_flow.show",
    dataType:"json",
    data:{
     p_flow_id:$v('pFlowId'),
     p_instance:$v('pInstance'),
     p_flow_step_id:$v('pFlowStepId'),
     x01:$v('P500_FIRST_NAME'), // Change P73_STATE to your text item id
     p_request:"APPLICATION_PROCESS=P500_AUTOCOMPLETE"},// Change P73_AUTOCOMPLETE to your On Demand Process name
    success:function(d){
     s($.map(d.row,function(l){
      return{
       label:l.FIRST_NAME,value:l.FIRST_NAME // Change STATE_NAME to column name you return from On Demand Process
      }
     }));
    }
   });
  },
  open:function(){$(this).removeClass("ui-corner-all").addClass("ui-corner-top");},
  close:function(){$(this).removeClass("ui-corner-top").addClass("ui-corner-all");}});
});
</script>
Application process
DECLARE
  l_sql VARCHAR2(32000);
BEGIN
  l_sql := '
    SELECT FIRST_NAME 
    FROM EMPLOYEES WHERE FIRST_NAME LIKE ''' || UPPER(APEX_APPLICATION.G_x01) || '%''
    ORDER BY 1
';
  APEX_UTIL.JSON_FROM_SQL(l_sql);
EXCEPTION
  WHEN OTHERS THEN
    HTP.p ('{"row":[]}');
END;
Thanks and greetings
CORINE

Hello

I guess that the first_name table column values your employees aren't all uppercase.

Try on the application process

DECLARE
  l_sql VARCHAR2(32000);
BEGIN
  l_sql := '
    SELECT FIRST_NAME
    FROM EMPLOYEES WHERE UPPER(FIRST_NAME) LIKE ''' || UPPER(APEX_APPLICATION.G_x01) || '%''
    ORDER BY 1
';
  APEX_UTIL.JSON_FROM_SQL(l_sql);
EXCEPTION
  WHEN OTHERS THEN
    HTP.p ('{"row":[]}');
END;

Kind regards
Jari

Published by: jarola October 7, 2011 11:51

BTW, please learn the post questions that everyone can understand.
Try same post link where you sponsor
Plugin of JQuery autocomplete

Tags: Database

Similar Questions

  • APEX 5.0 problem with jQuery autocomplete &amp; menu widgets

    And salvation,

    Previously (in TOP 4.2) I used the jQuery autocomplete widget. Now that I switched to APEX 5.0 I'm having a problem with it. I think that there is a conflict between the widget menu apex and jQuery menu widget.

    I just made a new request with the new universal theme and tried to add the autocomplete jQuery as described here: https://docs.oracle.com/cd/E59726_01/doc.50/e39147/extend_app001.htm#HTMDB29026

    I also added jquery.ui.menu.js because they are separated from jQuery 1.10.4.

    But as soon as I add these two files on a page, interactive reports are broken a you get an error "Eception error: no such method"toggle"for instance menu widget" when you click on the button 'Action '.

    Anyone has an idea on how to integrate jQuery autocomplete widget?

    Thanks in advance for your help.

    Concerning

    Clément

    Oops, I'm sorry, I missed the dependence. This makes it difficult. Unfortunately, the apex is to "blame" here for the creation of a unique widget name - only not with the game fairly limited widgets jwho that should have been possible.

    Honestly, I don't see anyway "clean". I advise you to simply copy the menu and seized semiautomatic jqueryui and then change the name of the widget (in the source, mainly) to something like 'menu2 '. And then to find calls to .menu in AutoComplete to the folder and set those to menu2. I wouldn't rename the AutoComplete widget. Then put these files on your Web server, in the static files, or anywhere where you please. It's quite dirty, I know, but I think that really there is No alternative. I would not exactly change the apex after all js files...

    If you be sure however to not use menu2 in altered AutoComplete file and have not renamed the AutoComplete widget, then you can in the future, if a fix was filed, simply use jquery again user interface files and just remove your references to your files customized without further delay.

    You could probably connect it as a problem in the case where the devs do not notice this thread.

  • How to clear the Jquery Autocomplete text.

    Hi all


    I've implemented a text using jquery AutoComplete element. Every thing seems fine, but when we have a clear of the country which State should be cleared.
    Here is the code, can any body hep me where and how to clear the values.
    --
    <script type="text/javascript">
    $( function() {
        
        $("#P16_ENG_CTRY").autocomplete({
            source : function( request , response) { 
                            data = getCountry(request.term);
                            response( data );
                     } ,
            focus  : function(event , ui){
                        event.preventDefault();
                     }
     
        });
    });
     
    function getCountry(key)
    { 
       document.getElementById('P16_ENG_CTRY')==''; 
       var ajaxRequest = new htmldb_Get( null , '&APP_ID.' , 'APPLICATION_PROCESS=GET_COUNTRY' , 0);
       ajaxRequest.add( 'G_MX01' , key);
       ajaxResult = ajaxRequest.get(); 
       
       return ((ajaxResult.length>0)? ajaxResult.split( '~' ):null);
     
    }
    
    
    $( function() {
        
        $("#P16_ENG_STATE").autocomplete({
            source : function( request , response) { 
                            data = getStateJ(request.term);
                            response( data );
                     } ,
            focus  : function(event , ui){
                        event.preventDefault();
                     }
     
        });
    });
     
    function getStateJ(key)
    { 
    
      
    document.getElementById('P16_ENG_STATE')=='';
          var ajaxRequest = new htmldb_Get( null , '&APP_ID.' , 'APPLICATION_PROCESS=GET_JSTATE' , 0);
    
              ajaxRequest.add('G_MX01',document.getElementById('P16_ENG_CTRY').value);        
              ajaxRequest.add( 'G_MX03' , key);
              ajaxResult = ajaxRequest.get(); 
       
       return ((ajaxResult.length>0)? ajaxResult.split( '~' ):null);
     
    }
    
    
    $( function() {
        
        $("#P16_ENG_CITY").autocomplete({
            source : function( request , response) { 
                            data = getCityJ(request.term);
                            response( data );
                     } ,
            focus  : function(event , ui){
                        event.preventDefault();
                     }
     
        });
    });
    Thank you
    David...

    Try this then and you can replace the blur with an event of jquery as you like

    $("#P16_ENG_CTRY").blur(function() {
    //clear the value
      if ($(this).val()==null || $(this).val()=="") {
         $("#P16_ENG_STATE").val('');
      }
     }
    });
    
  • JQuery autocomplete with json

    Does anyone have a full working example of Jquery autocomplete with json that works?

    I can't get any of the examples I found online at work.

    The thread here http://www.houseoffusion.com/groups/cf-talk/thread.cfm/threadid:64866 underway is really saying the same thing you and I are, to know that the data are not in the proper format (as you know). That thread made reference to this article: http://www.petefreitag.com/item/720.cfm. The attack "/ /" on the front of these data shows that ensure JSON is activated. This ' / / ' prefix should be removed from the data. Can you put this in your code to disable safe JSON and then see what response you get?

  • How to load jquery widget.autocomplete.min.js Apex page?

    I am using Jquery AutoComplete by adding

    / i/Libraries/apex/minified/widget. AutoComplete.min.js in Javascript's file URL, and

    /i/libraries/jQuery-UI/1.8.22/themes/base/jQuery.UI.AutoComplete.CSS in URL of the CSS file.

    The web console shows these two files are loaded as shown below, but my reference to the autocomplete function is failed with the error TypeError: $(...). AutoComplete is not a function.

    GET https://xxx.yyy.com/i/libraries/jQuery-UI/1.8.22/themes/base /jQuery.UI.AutoComplete.CSS [HTTP/1.1 304 not modified 45ms]

    GET https://xxx.yyy.com/i/libraries/Apex/Minified/desktop_all.min.js [HTTP/1.1 304 not modified 45ms]

    GET https://xxx.yyy.com/i/libraries/Apex/Minified/legacy.min.js [HTTP/1.1 304 not modified 45ms]

    GET https://xxx.yyy.com/i/libraries/Apex/Minified/ widget.AutoComplete.min.js [HTTP/1.1 304 not modified 44ms]

    GET https://xxx.yyy.com/i/themes/theme_26/CSS/4_2.CSS [HTTP/1.1 304 not modified 74ms]

    GET https://xxx.yyy.com/i/themes/theme_26/js/4_2.js [HTTP/1.1 304 not modified 73ms]

    GET https://xxx.yyy.com/i/f_spacer.gif [HTTP/1.1 304 not modified 35ms]

    GET https://xxx.yyy.com/i/e.gif [HTTP/1.1 304 not modified 35ms]

    TypeError: $(...). AutoComplete is not a function f: 130

    GET https://xxx.yyy.com/i/themes/theme_26/images/App_Theme.PNG [HTTP/1.1 304 not modified 35ms]

    GET https://xxx.yyy.com/i/Apex/Builder/dev-bar.PNG

    The javascript code is simply an empty appeal to funtion

    {jQuery (function ()}

    $("#P1_TEST").autocomplete ({}

    Source: function (request, response) {}

    });

    });

    My version of the Apex is 4.2.2.00.11.

    All the tips are greatly appreciated.

    View

    You must load the UI library after the apex js files. The jQuery library is included in the desktop_all.min.js file, if you do it too early.

    In addition, the entry widget semi-automatic apex is not seized semi-automatic jqueryui, it is a (very) outdated version and is used for the builtin AutoComplete items. It does not interfere with the jqueryui however widget. So that's fine, that's irrelevant here.

  • AutoComplete for a Textarea

    Hello

    I use APEX 4.2.0.00.27 on the 11.2.0.3 Oracle database and I tried the new element with AutoComplete text field type.  It works exactly as I expect to, but what I really want is a text box with AutoComplete.

    Is there a way I can use the underlying jQuery Autocomplete widget that comes with APEX 4.x to add this feature to my Textarea element?  I read the blog post of Tyler Muth on using jQuery Autocomplete in the APEX of the month of March 2010, but it appears to have been written before APEX 4.0 was available and I'm not sure if there is a better way to do this today.  I also watched the catalogue of plug-ins available, but have not seen one that combined the AutoComplete with a textarea.

    Thank you, Kristen

    I use a component textarea as LOV search includes long term sentences.

    After much trial and error, I was able to edit the post by "willi" in the thread you referenced.  I changed the location of the source of the script to point to the files that come with APEX 4.x.

    Here's what I added to my HTML Page header:

    
    
    
    
    

    I then added a process at the request of page called STD_NOTES:

    DECLARE
       search_v   VARCHAR2(4000);
    BEGIN
       search_v := wwv_flow.g_x01;
       FOR c1 IN (SELECT std_note
                    FROM fac_std_note
                   WHERE std_note_id > 0
                     AND std_note LIKE '%' || search_v || '%')
       LOOP
          htp.p(c1.std_note);
       END LOOP;
    END;
    

    When I tested my textarea element, the AutoComplete feature worked.

    Thank you

    Kristen

  • Presentation of AutoComplete

    I use Apex 3.2

    I have lov 2 on my page (cascading). When I choose to list 1, it updates the list 2.
    I wanted to make it more attractive, so I changed to list 1 to be a field of AutoComplete using jquery.autocomplete.
    I also did list 1 to be a text field that always submit page to enter.

    At the time where the user types in 1, the possible values of a list appears in the list. They then click on the value
    and he fills the list 1. Now, they need to hit enter to submit the page, then update the list 2.

    Is it still force the page to be submitted, once the user clicks the value in list 1

    Gus

    Gus,
    If you make reference to

    http://docs.jQuery.com/plugins/AutoComplete

    then it's the result event to which you can bind the layout of the page

    For example, if the name of the semi-automatic article is P100_AUTOCOMPLETE , then use the following code

    $('#P100_AUTOCOMPLETE').result(function(){
      doSubmit('P100_AUTOCOMPLETE'); //Submits page with Item-name as request
    });
    
  • Is it Apex_Item function for "text field with AutoComplete?

    Hi all
    Is it Apex_Item function for "text field with AutoComplete? I can't find it in the website http://apex.oracle.com/i/doc/AEAPI/apex_item.htm

    Respect,
    Taylor.

    Hello

    I think that there is not. If there is, it is not documented.

    You can use the normal text field and Add AutoComplete using jQuery UI and jQuery autocomplete plugin.
    Those who are willing to Apex 4

    See for example this post how manually to add autocomplete text field
    Plugin of JQuery autocomplete

    Kind regards
    Jari

  • Autocomplete TextBox

    My idea is to provide the user with a textbox control that will search for a 'bouquet' of channels and provide the user's possibilities.

    Can I do a seizure AutoComplete textbox?

    P.S.: Lovable as jQuery autocomplete puglin.


    There is an AutoComplete feature in Acrobat/Reader... . Look in the preferences under the forms options and you can activate the autcomplete

    Paul

  • AJAX suggestion 10g automatic

    Hi all

    I am currently working on an application of 10g ADF (10.1.3.4 with BC) and I want to implement an auto suggest on an input text.
    I found a lot of sons for 11g and a bit for 10g.

    Most of the threads of 10 GB is redirect me to the following link:
    http://www.Oracle.com/technetwork/developer-tools/jdev/ajaxautosuggest-086726.html
    A position to Duncan Mills in June 2006.

    This all sounds very interesting, the only problem is that links to the source (at the bottom of the blog) and the .jar file are no longer available. :-)

    Is there anyone who has even that somewhere? Or is there someone who has a different solution/demo-application on the automatic implementation suggesting behaviors in 10 g?

    Thanks in advance!

    Philippe

    Hi Philippe

    The screencast at http://screencast.com/t/DSXxndkutvBP
    shows that 'something' is possible by using a jQuery autocomplete in a page jspx ADF Faces, supported by a JSON servlet that uses a view BC ADF object.

    You can find the sample application, I created this using JDeveloper 10.1.3.4.0
    at http://www.consideringred.com/files/oracle/2011/AutoComplete10gApp-v0.02.zip

    But I don't know how this fits into a larger application, or if it will be strong... Although it may help you get started.

    success
    Jan Vervecken

  • Filter based on lov using textfield Selectlist?

    Hello guys!

    I have a list of selection containing up to 500 values. As a fact, that it can become quite difficult to find the entry you're looking for, even if the values are sorted.

    My idea was to add a text field where a user can enter a string or narrow down to the selectlist and part of it at present or even better without submitting it using ajax.

    Apart from the status of request (REGEXP_LIKE (lower (c.searchstring), lower(:P1_FILTER))) and I do not know now how to do this task. It is even possible to refine the selection list LOV?

    Any ideas are greatly appreciated!

    Thank you

    SEB

    Hello

    Ok

    I have no instructions better you can find this post
    Re: JQuery autocomplete plugin - solution

    I can try to find more writing time if you need

    Kind regards
    Jari

  • How to show a drop down of the flags used when typing in a text field?

    Hi all

    I want to show a fall to the bottom of the channels that are marked by characters that are typed into an input field and I do not have a nail how to solve this problem, does anyone have a nail?

    Strings marked are the result of a database query

    Kind regards

    Cees

    It seems that what you're looking for is an AutoComplete widget. Dreamweaver is not a built-in function to create a. You can probably find one by doing a Google search for semi-automatic before YUI or jQuery autocomplete. Your success in its application will greatly depend on your JavaScript skills.

    I've never used an AutoComplete widget, so I can't offer advice. I'm sorry.

  • Google as the drop-down list of dowl which is updated while I'm typing

    Hello

    I use APEX 3.2 and would implement a text element of report filter that something behaves like point i.e. google search list keywords that match my typing as I type. Could some now if you please help me where to start? There are probably similar things are already on this forum, but I can't seem to find the correct search for her tags.

    Tamás

    Hi Tamas,

    I guess you're looking for this plugin of automatic filter: http://tylermuth.wordpress.com/2010/03/16/jquery-autocomplete-for-apex/

    Best regards

    Tobias

  • Question about Autocomplete LOV as a table with JQuery - Apex 3.1

    Hi all

    Apex 3.1 (with no chance for an upgrade in sight!)

    I have an element of text field (item_number) in a tabular presentation (SQL Query - editable report). This piece of text will have a LOV which could contain 1000 values. Users have requested semi-automatic on this area which will restrict the article numbers that the user types value.

    I found a few examples, plugins etc... but they all seem to be on higher versions of APEX or they are not designed for tabular forms.

    Is it possible to get this working? Can someone point me to an example semi-automatic LOV that will work with a tabular presentation to APEX 3.1?

    Thanks for your help!

    Published by: blue72TA on August 9, 2011 08:54

    Hello

    What you say that you have in the HTML page header is only jQuery UI seized semiautomatic js and CSS.
    Also, you can not load jQuery CSS UI for the workspace files, because it requires images.

    You can use jQuery from Google by simply add these lines to the HTML page header.

    
    
    
    

    But if you run the intranet application, you must put all the files to the server HTTP folder.

    Kind regards
    Jari

  • AutoComplete with drop-down - menu obsolete LV?

    I have been hunting and the search for a solution in the LV forums to use an AutoComplete with a menu drop-down.  Don't act like you don't know what I'm talking about.  See you all the time in many applications.  Heck, even this forum uses Autocomplete with Drop Down (attached).

    I've seen recent messages that State "OMG only GOOGLE can do this kind of things fancy, not mere mortals to LV."

    I think that Labview is behind the curve with the development tools, while other software continues to improve.  I've seen post here asking questions about this feature 8 years ago and still no answers.

    I have other ideas, I can use, but they are not as graceful as a menu drop down automatically.

    Here's what I need.  As long as the user types, a menu drop-down (from my TABLE) become smaller as they type.

    The combobox control is almost here... However, the ComboBox does that on the first game (does not show other games) and he has not a drop of water down, he has pull down.

    JQuery seems to be very popular today, has anyone tried using JQuery with Labview?

    https://jQueryUI.com/AutoComplete/

    Does anyone know how 'AutoComplete with Drop Down' in Labview?

    Thank you

    Doug

    Or simply update the box where you type already

Maybe you are looking for

  • Went from T440s to T410 - happier!

    This isn't a question. I just wanted to share my story so that someone could possibly benefit from my experience. I am a long time user, a fanboy even Lenovo, uses T-series since when it was IBM. Having to work with a 220 X and a MacBook Air 13 "at h

  • 16 HP HPX LCD out intermittently

    HP Pavilion HDX16t with a LCD HD 1920 x 1080 p (model FF047AV aka FF141AV) screen display turns off intermittently. A few times the screen works for a period of time without any problem, other times it appears briefly during the POST but will disappe

  • What is the best 100% free updated driver software?

    I am a very old Windows xp home edition which requires 11 critical updates driver... If anyone has any suggestions I'd like to hear even if it has to be 100% free, downloading and recording

  • WMV. videos in the format received by e-mail will not be open.

    When I get emails to WMV. videos to the format and try to open them in Windows Media Player I encounter message COOD11D2... He windows say media player cannot access the file. File may be in use, you may not have access to the computer on which the f

  • BlackBerry Pearl Flip - App Error 523 BlackBerry Smartphones

    Dear all, I lost all the battery charge this morning. As soon as I came to the office this morning, I connected my phone via the USB cable to recharge. Soon I get this App Error 523 and it comes again and again. Please help me in this regard.  I'm un