AJAX - Function - LiveSearch - Revision history

Philip Lacey: /* Step 4. Using the function */

2016-08-31T07:18:41Z

‎Step 4. Using the function

2016-08-31T07:17:58Z

‎Step 2. Create the text box and a div to store the results

2016-08-29T09:55:38Z

2016-08-29T09:45:16Z

Philip Lacey moved page JavaScript LiveSearch to AJAX - Function - LiveSearch: Updating AJAX function documentation

2015-08-21T14:56:26Z

2015-02-11T11:34:22Z

2014-11-09T20:42:13Z

2014-03-22T01:52:47Z

2012-12-27T20:08:58Z

2012-12-27T19:43:56Z

@@ Line 214: / Line 214: @@
 To perform a live search type into the box "Please Enter your search term". After two letters have been entered you will see a list of all the names that start with those two letters.
-[[File:Searchresults2.png]]
+[[File:Searchresults2.png|800px]]
 You can now click on the record you would like to insert and the fields on the form will be populated with the specified values.
-[[File:Searchandinsert.png]]
+[[File:Searchandinsert.png|800px]]
 This is how to get a simple ajax live search call working on a form. It can be changed around to suit your needs.

@@ Line 30: / Line 30: @@
 The below image shows what the form looks like and labels all the fields with ids used by the HTML and javascript code to make the tutorial easier to follow.
-[[File:Formwithfields.png]]
+[[File:Formwithfields.png|800px]]
 == Step 3.  We put in the JavaScript block. ==

← Older revision		Revision as of 09:55, 29 August 2016
Line 223:		Line 223:


−	[[~~Category:Topic:bxp API~~]]	+
		+	Under construction [[AJAX_-_Start_Here]]
		+
		+
	[[Category:Topic:JavaScript]]		[[Category:Topic:JavaScript]]
		+	[[Category:Topic:AJAX]]

@@ Line 23: / Line 23: @@
-You will also need to create a general area and place the following code into it to turn it into a HTML div. This is the area where the search results will be displayed.
+You will also need to create a generic area and place the following code into it to turn it into a HTML div. This is the area where the search results will be displayed.
 <syntaxhighlight lang="html4strict">
 <div id="divLiveSearch"></div>

← Older revision		Revision as of 20:42, 9 November 2014
Line 130:		Line 130:


−	[[Category:~~BEAPI~~:~~InScript JavaScript~~]]	+	[[Category:Topic:bxp API]]
	[[Category:Topic:JavaScript]]		[[Category:Topic:JavaScript]]

← Older revision	Revision as of 09:45, 29 August 2016
(No difference)

← Older revision		Revision as of 01:52, 22 March 2014
Line 127:		Line 127:

	Line 53 to 55 show the extended function ready to use. In this case just performs a simple Alert to screen.		Line 53 to 55 show the extended function ready to use. In this case just performs a simple Alert to screen.
		+
		+
		+
		+	[[Category:BEAPI:InScript JavaScript]]
		+	[[Category:Topic:JavaScript]]

@@ Line 1: / Line 1: @@
 LiveSearch is the ability to use AJAX to lookup as if it was a search facility.  This is commonly seen on the likes of Google's search page.  You being typing and it starts to seek out answers.  Now bxp software databases can be used for LiveSearch.  A text box can be used to LiveSearch on any field in an existing database.
 == Step 1.  Create and populate the data source campaign ==
 This is the campaign from which the data comes.  This is the campaign you will be searching on.  With that campaign coplete and populated, identify the field you want to search on.  For this example we'll say that our source campaign is Campaign 41.  The field within that campaign that we wish to search on is strCDA_41_field_0_4.
@@ Line 16: / Line 21: @@
 The first line calls the function every time a letter is entered into the box.  The second div is where the output of the function goes.
 == Step 3.  We put in the JavaScript block. ==
@@ Line 63: / Line 71: @@
 			//LiveSearch fields
-			aryAjax_Settings[25] = "strCDA_312_field_0_2";						//Field to be updated when live option clicked
+			aryAjax_Settings[25] = "strCDA_312_field_0_2";						//Field to get Id when button clicked
 			aryAjax_Settings[26] = "fnUpdate";							//Function to be performed after update
 			fn_Ajax_BE_Process();
@@ Line 78: / Line 87: @@
+}
 </syntaxhighlight>
 Now to explain the key elements of whats going on.

@@ Line 22: / Line 22: @@
 Main Menu > Database Management > Database - Primary Details > Campaign - Edit > Choose your campaign > JavaScript onLoad subsection > Opening Code execution box.
-<syntaxhighlight lang="javascript">
+<syntaxhighlight lang="javascript" line start="1">
 /*--------------------------------------
 // The LiveSearch Lookup settings