Autocomplete vs jquery ui...

User 128685 Photo


Ambassador
12 posts

Can WFB autocomplete function similar as jquery ui autocomplete ?
User 187934 Photo


Senior Advisor
20,269 posts
Online Now

There is an auto complete that you can turn off or on but it's based on past entered values. I'm sure with a little tweaking of the html you could incorporate the JQuery method.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 128685 Photo


Ambassador
12 posts

I included the following code in myform.html
<script type="text/javascript" src="common/libs_js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="common/libs_js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="common/libs_js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="common/libs_js/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="common/libs_js/ui/jquery.ui.autocomplete.js"></script>
<script>
$(function(){
function log( message ) {
$("#shprInfo").html("<font color='red'>Valid</font>");
}
$("#item8_text_1").autocomplete({
source: "search.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ? ui.item.value : this.value);
}
});
});
</script>

But , always with error of Object Doesn't Support this Property or Method
User 187934 Photo


Senior Advisor
20,269 posts
Online Now

What does your source code for the search.php look like?
The one thing I see is this
log( ui.item ? ui.item.value : this.value);

Should probably be this.
log( ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value );



I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 128685 Photo


Ambassador
12 posts

search.php downloaded from jquery-ui-1.8.9\demos\autocomplete\
log( ui.item ? ui.item.value : this.value); // return the user's selected/input value

User 187934 Photo


Senior Advisor
20,269 posts
Online Now

Can you provide a link so I can see what's happening.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,269 posts
Online Now

It's working for me on the actual form. Remove the script that surrounds the iframe html.;)
Change this to a doc ready function.
change this
$(function(){

To this.
$(document).ready(function(){

For anybody testing the input that's being auto completed is the bottom left above the LCL.

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 128685 Photo


Ambassador
12 posts

I already tried to remove the iframe or script in index.html generated by WFB . But still have error .
User 128685 Photo


Ambassador
12 posts

It works by directly open the actual form . But conditional drop down menu not works .

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.