Hey Everyone,
Well i don't know if my question should be in javascript/ajax or coldfusion, i figure this is more of a coldfusion question. But if this is in the wrong section let me know an all gladly delete my question an put it in the correct section.
Well what i am trying to do is pretty simple. I have a input field and someone starts typing in a customer number. As they type in the customer number the drop down box is populated. They then click on the drop down box an the rest of the form is populated (it gets all the information from a database).
I found a script online that does almost exactly what i want to do except it is in php. I have found an example of this in every language except coldfusion and well i must admit i am not good at converting code from one language to another.
But anyway i was wondering if anyone could provide me with an example on how i would do this in coldfusion instead of php? or if you know of a tutorial,forum, or example online i could look at?
Here is the example page http://www.dhtmlgoodies.com/scripts/...nt-lookup.html
an here is the code http://www.dhtmlgoodies.com/index.ht..._client_lookup
i already created the drop down box part of this (since it is missing in the
the example above), but like i said i just can't figure out how i would populate it using my coldfusion database. Here is what i got for the drop down box
here is coldfusion/html - <cfquery name="getcustnum" datasource="CustomerSupport">
-
usp_CS_Getcontacts
-
</cfquery>
-
<HTML>
-
<HEAD>
-
<TITLE>JavaScript Toolbox - Auto-Complete</TITLE>
-
<SCRIPT LANGUAGE="JavaScript" SRC="autocomplete.js"></SCRIPT>
-
</HEAD>
-
<BODY BGCOLOR=#FFFFFF LINK="#00615F" VLINK="#00615F" ALINK="#00615F">
-
<FORM>
-
Customer Number*
-
<INPUT TYPE="text" NAME="input1" VALUE="" ONKEYUP="autoComplete(this,this.form.options,'value',true)" onChange="validate(this.form.custnum,'Customer Number')">
-
<SELECT NAME="options"
-
onChange="this.form.input1.value=this.options[this.selectedIndex].value" onclick="">
-
<cfoutput query="getcustnum">
-
<option value="#fk_custNum#">#fk_custNum#</option>
-
</cfoutput>
-
</SELECT>
-
Company Name:<input type="text" name="compname" size="20" id="compname"/>
-
First Name:<input type="text" name="fname" size="20" id="fname"/>
-
Last Name:<input type="text" name="lname"size="20" id="lname"/>
-
</FORM>
-
</BODY>
-
</HTML>
here is the javascript - function autoComplete (field, select, property, forcematch) {
-
var found = false;
-
for (var i = 0; i < select.options.length; i++) {
-
if (select.options[i][property].toUpperCase().indexOf(field.value.toUpperCase()) == 0) {
-
found=true; break;
-
}
-
}
-
if (found) { select.selectedIndex = i; }
-
else { select.selectedIndex = -1; }
-
if (field.createTextRange) {
-
if (forcematch && !found) {
-
field.value=field.value.substring(0,field.value.length-1);
-
return;
-
}
-
var cursorKeys ="8;46;37;38;39;40;33;34;35;36;45;";
-
if (cursorKeys.indexOf(event.keyCode+";") == -1) {
-
var r1 = field.createTextRange();
-
var oldValue = r1.text;
-
var newValue = found ? select.options[i][property] : oldValue;
-
if (newValue != field.value) {
-
field.value = newValue;
-
var rNew = field.createTextRange();
-
rNew.moveStart('character', oldValue.length) ;
-
rNew.select();
-
}
-
}
-
}
-
}
But thank you in advance :),
Rach
Aug 15 '08
106  19623 
For the first question, you may have to change the autoComplete function. You could default to the first option to begin with.
I may have misunderstood the second question. If you meant that it appears below the field with the previous entries, then you can use 'autocomplete="off"' as an attribute for the field.
Hey Acoder,
well the first question i asked was working correctly because it does leave the field blank.Think i just got confused by something else. But i was wondering, for some reason if the drop down box is blank it will still allow the user to autofill if you click on the button an it puts undefined in all the fields an was wondering if there was a way to disable the button until they actually choose a field in the drop down box?
Well on my second question, what i am trying to do is when a user starts typing in the field it starts guessing what i am typing behind it (its in blue what it thinks i am typing) but anyway i was wondering if i could make it so it would stop guessing what i am typing behind it, but still autofill the drop down box?i don't know if its possible but just wanted to ask.
here is what i have - Customer Number*:<input type="text" name="custnum" id="clientID"
-
value="#fk_customer_number#" ONKEYUP="autoComplete(this,this.form.customer,'value',false)" size="20"/>
-
<cfset fk_customer_number = #fk_customer_number#>
-
</cfoutput>
-
<SELECT NAME="customer" id="options"
-
onChange="this.form.custnum.value=this.options[this.selectedIndex].value;"/>
-
<option value="" selected></option>
-
<cfoutput query="getcustnum">
-
<option value="#fk_custNum#"<cfif #fk_custNum# is #fk_customer_number#>selected</cfif>>#fk_custNum#</option>
-
</cfoutput>
-
</SELECT>
-
<input type="button" class="custnum" name="insert" value="Insert Contact"
-
onclick="getClientData();"/>
Thank you again for all the help :),
Rach
In the getClientData() function, you could check for the value. If it's empty, don't make the request.
As for the guessing, this is most probably caused by the auto-complete function. If you remove the second part of the function which creates a text range and selects the text, it shouldn't guess any longer.
In the getClientData() function, you could check for the value. If it's empty, don't make the request.
As for the guessing, this is most probably caused by the auto-complete function. If you remove the second part of the function which creates a text range and selects the text, it shouldn't guess any longer.
Hey Acoder,
Got the auto-complete working correctly (yay). But i am lost on the getClientData. I can tell it already checks clientID, but not sure how to make it check that both the clientID and customer both have a value.
here is what i did try,but i had to have missed something because didn't work - var ajax = new sack();
-
var currentClientID=false;
-
var currentCustomer=false;
-
function getClientData()
-
{
-
var clientId = document.getElementById('clientID').value;
-
var customer = document.getElementById('customer').value;
-
if (clientId != "" & customer != "") {
-
currentClientID = clientId
-
currentCustomer = customer
-
ajax.requestFile = 'getClient.cfm?custnum='+clientId; // Specifying which file to get
-
ajax.onCompletion = showClientData; // Specify function that will be executed after file has been found
-
ajax.runAJAX(); // Execute AJAX function
-
}}
here is what the code originally looks like. - var ajax = new sack();
-
var currentClientID=false;
-
function getClientData()
-
{
-
var clientId = document.getElementById('clientID').value;
-
if (clientId != "") {
-
currentClientID = clientId
-
ajax.requestFile = 'getClient.cfm?custnum='+clientId; // Specifying which file to get
-
ajax.onCompletion = showClientData; // Specify function that will be executed after file has been found
-
ajax.runAJAX(); // Execute AJAX function
-
}}
Thank you,
Rach
The id of the customer drop down is "options", so: - var clientId = document.getElementById('clientID').value;
-
var customer = document.getElementById('options').value;
-
if (clientId != "" && customer != "") {
Hey Acoder,
IT WORKS! THANK YOU THANK YOU!!!!
I got one last question i was hoping you could help me out with. I don't know if i need to start a new thread for this but its dealing with the same page so thought i would try asking. if i need to start a new thread for this let me know :).
But anyway i been working on trying to understand the URL method of retrieving information. I been able to get one table of information, but now i need to get 3 tables of information at the same time an i am running into trouble. Each table has a number in common with the other, each has a field that holds the number (but fields have different name). For example ticketMaster table has the field pk_ticketID which holds the number 1, serial has the field pkb_fk_ticketNo which holds the number 1, and parts has the field fk_ticketNo which holds the number 1. Right now i can get the correct table information for ticketMaster but for the serial an parts i get all the tables that are in those tables instead of just the one record needed, which in this case is the one record that holds the number 1.
Right now here is what i have -
<!---Shows what was previously entered into table ticketmaster--->
-
<cfquery name="ticket" datasource="CustomerSupport">
-
SELECT pk_ticketID,title,priority,status,
-
cost_center,fk_customer_number,
-
customer_company,customer_Fname,customer_Lname,
-
customer_add1,customer_city,customer_state,
-
customer_zip,customer_email,customer_pri_phone,
-
customer_sec_phone,customer_notes,htpp FROM dbo.tbl_CS_ticketMaster
-
WHERE pk_ticketID = #URL.pk_ticketID#
-
</cfquery>
-
-
<cfquery name="serial" datasource="CustomerSupport">
-
SELECT pka_serialNo,pkb_fk_ticketNo,model_no,product_type,
-
software_hardware,resolution,resolution_date,
-
verification_date,rma_data,
-
type_hardware_failure,dept_responsibility,resolution_verified_by FROM dbo.tbl_CS_serial
-
</cfquery>
-
-
<cfquery name="parts" datasource="CustomerSupport">
-
SELECT pk_partID,fk_serialNo,fk_ticketNo,hc_partNo,
-
part_returned,defective,submission
-
FROM dbo.tbl_CS_parts
-
</cfquery>
-
-
<form name="page1" id="page1" action="saveticket1edit.cfm?<cfoutput query="ticket">pk_ticketID=#pk_ticketID#</cfoutput><cfoutput query="serial">&pkb_fk_ticketNo=#pkb_fk_ticketNo#</cfoutput><cfoutput query="parts">&fk_ticketNo=#fk_ticketNo#</cfoutput>"
-
method="POST" onSubmit="return validate_form();">
-
</form>
If you could let me know what i am doing wrong i would really appreciate it, i been looking online for days an can't find anything online that does anything i am trying to do. But again THANK YOU so much for the help :) on the autofill i really really appreciate it!!!
Thank you again for all the help :),
Rach
Glad the auto-fill's now fully working.
Since this is a new problem, I would say yes, this calls for a new thread. I think this one's long enough as it is :)
Sign in to post your reply or Sign up for a free account.
Similar topics
by: John Scott |
last post by:
Hi there,
I have a PDF that has editable form fileds. I want to be able dynamically
fill in those form fields based on values I provide to the PDF. Right now, I
can create an instance of the...
|
by: mikeybe |
last post by:
Making a very simple library circulation database for a school
project.
I have a Patron Information table(patronID, first name, last name,
phone) , an item information table (bookID, book title,...
|
by: Joanne Lewis |
last post by:
I am having a great deal of difficulty with a form. Basically, I would
like to enter an account # and have the account #, patient first name,
and patient last name automatically fill.
The form...
|
by: Alex |
last post by:
Hello list
This question has probably already been asked, but let me ask again
I have a mysql database to which I connect with my php scripts. The
database contains articles. Name, Unit_Price...
|
by: kelly623 |
last post by:
I have a combo box to select a client name and then it fills in the rest of their information (address, city, state, phone, etc.) Each field is bound to the table where the information is stored. ...
|
by: mxdllc |
last post by:
i would like to create an admin panel for my business. because i have 5 or 6 suppliers and to order i have to lookup which supplier it is then find the url, so to make things a little easier im going...
|
by: pbrooks252 |
last post by:
I am very new to Macromedia Coldfusion, I have a user registration form and would like to capture / store & for debugging purposes echo (print) the form data using a CFscript. The form’s name is...
|
by: SilverLight |
last post by:
I need to write a C# windows application that can open a web page, fill in the fields and click the submit button on the web page automatically. I don't want to use the web browser control and have...
|
by: Rick Owen |
last post by:
Greetings,
I have a form that, when submitted, calls a plsql procedure. The form
has a number of fields (text, hidden, select, radio) but the
particular field that is giving me problems is a...
|
by: taylorcarr |
last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
| |
