Solved

JQuery API Implementation

Posted on 2012-04-01
10
398 Views
Last Modified: 2012-04-02
Hi Experts,

I am trying to implement an address verification into my website.  The following works until I try to include a MasterPage then it appears to post but I get no results or error.  What am I doing wrong, I'm sure it is a silly mistake.  Thanks

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="street-address.aspx.vb" MasterPageFile="/StaffSettings/StaffSite.Master" Inherits="ProVal.street_address" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

		<!-- jQuery -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/all-min.js"></script>

		<!-- jQuery UI -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/library.js"></script>

		<!-- jQuery Templates -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/qad.js"></script>
        <script language="javascript" type="text/javascript">
            QadApi
                (
                 {
                     timeout: 10,
                     key: 32497822,
                     busySubmit: false,
                     submitId: "btnVerify",
                     onComplete: function () { return false; }
                 },
                 {
                     busyId: "QadBusy",
                     busyText: "Validating address...",
                     animate: "slow"
                 },
                 [
                  {
                      name: "Billing Address",
                      street: "street",
                      street2: "street2",
                      unit: "id",
                      city: "city",
                      state: "state",
                      zip: "zip"
                  }
                 ]
                );
        </script>
        <script type="text/javascript">
            var url = 'https://api.qualifiedaddress.com/street-address/?street=1600+Amphitheatre+Parkway&city=Mountain+View&state=CA&zipcode=94043&candidates=5&auth-token=32497822';

            $.getJSON(url, function (data) {
                if (data.length > 0)
                    $('#shippingstreet').val(data[0].delivery_line1);
            });
        </script>
		    <!-- jQuery UI stylesheet -->
		    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" type="text/css" media="all" />
		    <style type="text/css">
			    .address-result {
				    cursor: pointer;
				    margin-bottom: 10px;
				    padding: 5px;
			    }
			    .address-result:hover {
				    background-color: gray;
			    }
			    .complete-address {
				    display: none;
			    }
			    .title {
				    color: gray;
				    font-size: smaller;
				    margin-bottom: 12px;
			    }
		    </style>
            </asp:Content>
	    <asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server" >
			    <div>
				    <label for="street">Street</label>
                    <asp:TextBox ID="street" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="street2">Street 2</label>
                    <asp:TextBox ID="street2" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="city">City</label>
                    <asp:TextBox ID="city" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="state">State</label>
                    <asp:TextBox ID="state" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="zip">ZIP Code</label>
                    <asp:TextBox ID="zip" runat="server"></asp:TextBox>
			    </div>
            <asp:Button ID="btnVerify" runat="server" Text="Verify" CausesValidation="False"/>

			    <%--<button id="verify" onclick="return verify_onclick()">Verify</button>--%>
		 

		    <div id="dialog" style="display:none;">
			    <div id="candidates"></div>
		    </div>

		    <div id="results" style="display:none;"></div>

		    <script type="text/x-jquery-tmpl" id="address-candidate-template">
			    {{if user_input}}
			    <span class="title">You provided:</span><br />
			    {{else candidate_index === 0}}
			    <span class="title">We suggest:</span><br />
			    {{/if}}
			    <div class="address-result">
				    <span>${delivery_line_1}</span><br />
				    <span>${last_line}</span>
				    <span class="complete-address">${ JSON.stringify($item.data) }</span>
			    </div>
		    </script>
</asp:Content>
	

Open in new window



<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="StaffSite.master.vb" Inherits="ProVal.StaffSite1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
     <link href="../Styles/Site.css" rel="stylesheet" type="text/css" />   
    <title></title>
     
   <asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
   </asp:ContentPlaceHolder>
    <style type="text/css">
        .style2
        {
            text-align: center;
        }
    </style>
    </head>
<body>
<form id="myform" runat="server">
<div id="wrap">
    <div id="header">
    <div class="logo">
   <h1>
       <img src="../Images/Logo.png" 
           alt="Transcontinental Valuations - Powered by ProVal" />
      <asp:Label ID="lblLogo" runat="server" Text="Transcontinental Valuations&#8482"></asp:Label>
      <br />
     <small class="slogan"><asp:Label ID="lblSmLogo" runat="server" Text="Powered by ProVal"></asp:Label>
      </small></h1> 
  </div>
  <div id="login">
           <asp:LoginView ID="LoginView1" runat="server">
        <AnonymousTemplate>
            You are not logged in.  Click the Login link to sign in.
                    <br />
                    </AnonymousTemplate>
        <LoggedInTemplate>
            Welcome,<asp:LoginName ID="LoginName1" runat="server" />
            <br />
            <asp:HyperLink ID="HyperLink1" runat="server"
                NavigateUrl="~/Users/ChangePassword.aspx" Font-Underline="True">Change Password</asp:HyperLink>
            <br />
        </LoggedInTemplate>
        </asp:LoginView>
        <asp:LoginStatus ID="LoginStatus2" runat="server" LogoutPageUrl="~/Default.aspx" 
                            ForeColor="#00009C" Font-Underline="True"  />
                
            <br />
                
            <asp:HyperLink ID="HyperLink4" runat="server" 
                NavigateUrl="../Users/RecoverPassword.aspx"  Font-Underline="True" 
                            ForeColor="#00009C">Forgot your password?</asp:HyperLink>
    </div>
    </div>
    
    <div class="clr"></div>
    <div id="nav">
    <ul>
    <li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="All.aspx">Open Orders</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="Settings.aspx">Company Settings</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="Accounting.aspx">Accounting</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="Order_StaffManual.aspx">Order Entry</asp:HyperLink></li>
     </ul>
    <div id="sidebar">
           <asp:ContentPlaceHolder ID="LeftContent" runat="server">
           
           </asp:ContentPlaceHolder>
           
                   
</div>
    <div id="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
        
        </asp:ContentPlaceHolder>
        </div> 
        <div id="footer" class="style2">
      Copyright © 2012 
<br />Powered by ProVal
      </div>  
      </div>
      </div>
    </form>
</body>
</html>

Open in new window

0
Comment
Question by:rcowen00
  • 5
  • 3
  • 2
10 Comments
 

Author Comment

by:rcowen00
ID: 37793429
Hi Experts,

After some further research, the API is connecting and triggering the address verification, but the div that handles the results is not opening/viewable.  Any suggestions?
0
 
LVL 83

Assisted Solution

by:CodeCruiser
CodeCruiser earned 250 total points
ID: 37795355
Where are you populating and showing the result div? Can you show that bit of code?
0
 

Author Comment

by:rcowen00
ID: 37795696
Lines 39 to 52

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="street-address.aspx.vb" MasterPageFile="/StaffSettings/StaffSite.Master" Inherits="ProVal.street_address" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

		
            </asp:Content>
	    <asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server" >
			    <div>
				    <label for="street">Street</label>
                    <asp:TextBox ID="street" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="street2">Street 2</label>
                    <asp:TextBox ID="street2" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="city">City</label>
                    <asp:TextBox ID="city" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="state">State</label>
                    <asp:TextBox ID="state" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="zip">ZIP Code</label>
                    <asp:TextBox ID="zip" runat="server"></asp:TextBox>
			    </div>
            <asp:Button ID="btnVerify" runat="server" Text="Verify" CausesValidation="False"/>

			    <%--<button id="verify" onclick="return verify_onclick()">Verify</button>--%>
		 
          <div id="dialog" style="display:none;">
			    <div id="candidates"></div>
		    </div>

		    <div id="results" style="display:none;"></div>

		    <script type="text/x-jquery-tmpl" id="address-candidate-template">
			    {{if user_input}}
			    <span class="title">You provided:</span><br />
			    {{else candidate_index === 0}}
			    <span class="title">We suggest:</span><br />
			    {{/if}}
			    <div class="address-result">
				    <span>${delivery_line_1}</span><br />
				    <span>${last_line}</span>
				    <span class="complete-address">${ JSON.stringify($item.data) }</span>
			    </div>
		    </script>
		    
</asp:Content>

Open in new window

0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 83

Assisted Solution

by:CodeCruiser
CodeCruiser earned 250 total points
ID: 37795850
And where do you call the jQuery tmpl method?

http://api.jquery.com/tmpl/
0
 
LVL 16

Assisted Solution

by:SriVaddadi
SriVaddadi earned 250 total points
ID: 37796640
<div id="results" style="display:none;"></div>

Your div tag has the style set to "display:none".  Even if you would have set the style different at run time it just reverts to display:none on post back...
0
 
LVL 16

Expert Comment

by:SriVaddadi
ID: 37796643
remove the display: none style and try...
0
 

Author Comment

by:rcowen00
ID: 37796880
The code below works as expected with no call to the  jQuery tmpl method and the results div set to display none.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="streetaddress.aspx.vb" Inherits="ProVal.streetaddress" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!-- jQuery -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/all-min.js"></script>

		<!-- jQuery UI -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/library.js"></script>

		<!-- jQuery Templates -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/qad.js"></script>
        <script language="javascript" type="text/javascript">
            QadApi
                (
                 {
                     timeout: 10,
                     key: xxxxxxxx,
                     busySubmit: false,
                     submitId: "btnVerify",
                     onComplete: function () { return false; }
                 },
                 {
                     busyId: "QadBusy",
                     busyText: "Validating address...",
                     animate: "slow"
                 },
                 [
                  {
                      name: "Billing Address",
                      street: "street",
                      street2: "street2",
                      unit: "id",
                      city: "city",
                      state: "state",
                      zip: "zip"
                  }
                 ]
                );
        </script>
        <script type="text/javascript">
            var url = 'https://api.qualifiedaddress.com/street-address/?street=1600+Amphitheatre+Parkway&city=Mountain+View&state=CA&zipcode=94043&candidates=5&auth-token=32497822';

            $.getJSON(url, function (data) {
                if (data.length > 0)
                    $('#shippingstreet').val(data[0].delivery_line1);
            });
        </script>
		    <!-- jQuery UI stylesheet -->
		    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" type="text/css" media="all" />
		    <style type="text/css">
			    .address-result {
				    cursor: pointer;
				    margin-bottom: 10px;
				    padding: 5px;
			    }
			    .address-result:hover {
				    background-color: gray;
			    }
			    .complete-address {
				    display: none;
			    }
			    .title {
				    color: gray;
				    font-size: smaller;
				    margin-bottom: 12px;
			    }
		    </style>
</head>
<body>
    <form id="form1" runat="server">
    
    
     <div>
				    <label for="street">Street</label>
                    <asp:TextBox ID="street" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="street2">Street 2</label>
                    <asp:TextBox ID="street2" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="city">City</label>
                    <asp:TextBox ID="city" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="state">State</label>
                    <asp:TextBox ID="state" runat="server"></asp:TextBox>
			    </div>

			    <div>
				    <label for="zip">ZIP Code</label>
                    <asp:TextBox ID="zip" runat="server"></asp:TextBox>
			    </div>
            <asp:Button ID="btnVerify" runat="server" Text="Verify"/>

			    <%--<button id="verify" onclick="return verify_onclick()">Verify</button>--%>
		    </form>

		    <div id="dialog" style="display:none;">
			    <div id="candidates"></div>
		    </div>

		    <div id="results" style="display:none;"></div>

		    <script type="text/x-jquery-tmpl" id="address-candidate-template">
			    {{if user_input}}
			    <span class="title">You provided:</span><br />
			    {{else candidate_index === 0}}
			    <span class="title">We suggest:</span><br />
			    {{/if}}
			    <div class="address-result">
				    <span>${delivery_line_1}</span><br />
				    <span>${last_line}</span>
				    <span class="complete-address">${ JSON.stringify($item.data) }</span>
			    </div>
		    </script>
</body>
</html>

Open in new window

0
 
LVL 16

Accepted Solution

by:
SriVaddadi earned 250 total points
ID: 37796963
I thought you said results are not Viewable
0
 

Author Comment

by:rcowen00
ID: 37796984
In my original post, I stated that the function works great until I try to include a master page, then I get no results.  My last post was just to illustrate that it does works with display set to none and no call the the jQuery tmpl method.
0
 

Author Comment

by:rcowen00
ID: 37797527
I ended up doing the following and taking the master page out of the equation.  The following is working correctly.  Thanks for your assistance.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Order_StaffManual.aspx.vb" Inherits="ProVal.streetaddress" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" /> 
    <title></title>
    <!-- jQuery -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/all-min.js"></script>

		<!-- jQuery UI -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/library.js"></script>

		<!-- jQuery Templates -->
		<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/qad.js"></script>
        <script language="javascript" type="text/javascript">
            QadApi
                (
                 {
                     timeout: 10,
                     key: 32497822,
                     busySubmit: false,
                     submitId: "btnVerify",
                     onComplete: function () { return false; }
                 },
                 {
                     busyId: "QadBusy",
                     busyText: "Validating address...",
                     animate: "slow"
                 },
                 [
                  {
                      name: "Billing Address",
                      street: "txtAddress",
                      street2: "stxtAddress2",
                      unit: "id",
                      city: "txtCity",
                      state: "StateID",
                      zipcode: "txtZip",
                      plus4_code:  "txtZipSuffix",
                      county: "txtCounty",
                      latitude: "txtLat",
                      longitude: "txtLong"
                      
                  }
                 ]
                );
        </script>
        <script type="text/javascript">
            var url = 'https://api.qualifiedaddress.com/street-address/?street=1600+Amphitheatre+Parkway&city=Mountain+View&state=CA&zipcode=94043&candidates=5&auth-token=xxxxxx';

            $.getJSON(url, function (data) {
                if (data.length > 0)
                    $('#shippingstreet').val(data[0].delivery_line1);
            });
        </script>
		    <!-- jQuery UI stylesheet -->
		    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" type="text/css" media="all" />
		    <style type="text/css">
			    .address-result {
				    cursor: pointer;
				    margin-bottom: 10px;
				    padding: 5px;
			    }
			    .address-result:hover {
				    background-color: gray;
			    }
			    .complete-address {
				    display: none;
			    }
			    .title {
				    color: gray;
				    font-size: smaller;
				    margin-bottom: 12px;
			    }
		    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="wrap">
    <div id="header">
    <div class="logo">
   <h1>
       <img src="../Images/Logo.png" 
           alt="Transcontinental Valuations - Powered by ProVal" />
      <asp:Label ID="lblLogo" runat="server" Text="Transcontinental Valuations&#8482"></asp:Label>
      <br />
     <small class="slogan"><asp:Label ID="lblSmLogo" runat="server" Text="Powered by ProVal"></asp:Label>
      </small></h1> 
  </div>
  <div id="login">
           <asp:LoginView ID="LoginView1" runat="server">
        <AnonymousTemplate>
            You are not logged in.  Click the Login link to sign in.
                    <br />
                    </AnonymousTemplate>
        <LoggedInTemplate>
            Welcome,<asp:LoginName ID="LoginName1" runat="server" />
            <br />
            <asp:HyperLink ID="HyperLink1" runat="server"
                NavigateUrl="~/Users/ChangePassword.aspx" Font-Underline="True">Change Password</asp:HyperLink>
            <br />
        </LoggedInTemplate>
        </asp:LoginView>
        <asp:LoginStatus ID="LoginStatus2" runat="server" LogoutPageUrl="~/Default.aspx" 
                            ForeColor="#00009C" Font-Underline="True"  />
                
            <br />
                
            <asp:HyperLink ID="HyperLink4" runat="server" 
                NavigateUrl="../Users/RecoverPassword.aspx"  Font-Underline="True" 
                            ForeColor="#00009C">Forgot your password?</asp:HyperLink>
    </div>
    </div>
    
    <div class="clr"></div>
    <div id="nav">
    <ul>
    <li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="All.aspx">Open Orders</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="Settings.aspx">Company Settings</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="Accounting.aspx">Accounting</asp:HyperLink></li>
     <li><asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="Order_StaffManual.aspx">Order Entry</asp:HyperLink></li>
     </ul>
    <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
        CssClass="ValidationError" DisplayMode="List" Width="906px" />
    <asp:Panel ID="pnlBulkOption" runat="server" Height="37px" 
        Width="899px">
        <asp:Button ID="ButtonUpload" runat="server" Text="Upload Excel Spreadsheet" CausesValidation="False" />
            <asp:Label ID="lblSuccessfullyImport" runat="server" Font-Bold="True" Font-Size="Medium" Text="Order successfully imported"></asp:Label>
            </asp:Panel>
    
     <div>
     <asp:Panel ID="pnlManualOrder" runat="server" Visible="true" TabIndex="1" 
        Width="1123px">
   <h3>Order Details</h3>
    <table frame="void">
     <tr>
           <td><asp:Label ID="Label36" runat="server" Text="Loan #:*"></asp:Label></td>
           <td><asp:TextBox ID="txtLoanNumber" runat="server" TabIndex="1"></asp:TextBox></td>
           <td><asp:Label ID="Label4" runat="server" Text="Client Ref #:"></asp:Label></td>
           <td><asp:TextBox ID="txtClientRefNum" runat="server" TabIndex="2"></asp:TextBox></td>
           <td><asp:Label ID="Label5" runat="server" Text="Case #:"></asp:Label></td>
           <td><asp:TextBox ID="txtCaseNumber" runat="server" TabIndex="3"></asp:TextBox></td>
           <td><asp:Label ID="Label6" runat="server" Text="Legal Desc :"></asp:Label></td>
           <td><asp:TextBox ID="txtLegalDesc" runat="server"  TabIndex="4"></asp:TextBox></td>
    </tr>
    <tr>
    <td><asp:Label ID="Label8" runat="server" Text="Location Type"></asp:Label>:</td>
    <td><asp:DropDownList ID="txtLocType" runat="server" AppendDataBoundItems="true" 
                    DataSourceID="LocationType" DataTextField="LocationTypeName" 
                    DataValueField="LocationTypeKey" TabIndex="5" CssClass="dropdown" >
                    <asp:ListItem Value="0"> (Select a Location)</asp:ListItem>
                    </asp:DropDownList></td>
    <td>
        <asp:Label ID="Label7" runat="server" Text="Property Type: *"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="txtPropertyType" runat="server" 
            AppendDataBoundItems="True" CssClass="dropdown" DataSourceID="PropertyType" 
            DataTextField="PropertyTypeName" DataValueField="PropertyTypeKey" 
            TabIndex="6">
            <asp:ListItem Value="0">(Select a Property Type)</asp:ListItem>
        </asp:DropDownList>
        </td>
    <td>
        <asp:Label ID="Label17" runat="server" Text="Intended Use:"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="IntendedUseID" runat="server" AppendDataBoundItems="True" 
            CssClass="dropdown" DataSourceID="IntendedUse" DataTextField="IntendedUseName" 
            DataValueField="IntendedUseKey" TabIndex="7">
            <asp:ListItem Selected="True" Value="0"> (Select intended Use)</asp:ListItem>
        </asp:DropDownList>
        </td>
    <td>
        <asp:Label ID="Label35" runat="server" Text="Occupancy:"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="OccupancyID" runat="server" AppendDataBoundItems="True" 
            CssClass="dropdown" DataSourceID="Occupancy" DataTextField="OccupancyTypeName" 
            DataValueField="OccupancyTypeKey" TabIndex="8">
            <asp:ListItem Selected="True" Value="0"> (Select occupancy)</asp:ListItem>
        </asp:DropDownList>
        </td>
    </tr>
    <tr>
    <td>
        <asp:Label ID="Label33" runat="server" Text="Loan Amount:"></asp:Label>
        </td>
    <td>
        <asp:TextBox ID="intLoanAmount" runat="server" TabIndex="9"></asp:TextBox>
        
        </td>
    <td>
        <asp:Label ID="Label34" runat="server" Text="Loan Type:"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="LoanTypeID" runat="server" AppendDataBoundItems="True" 
            CssClass="dropdown" DataSourceID="LoanType" DataTextField="LoanTypeName" 
            DataValueField="LoanTypeKey" TabIndex="10">
            <asp:ListItem Selected="True" Value="0"> (Select loan type)</asp:ListItem>
        </asp:DropDownList>
        </td>
    </tr>
        <tr>
            <td>
                <asp:Label ID="Label9" runat="server" Text="Address: *"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtAddress" runat="server" TabIndex="11"></asp:TextBox>
            </td>
            <td>
                <asp:Label ID="Label10" runat="server" Text="Address 2:"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtAddress2" runat="server" TabIndex="12"></asp:TextBox>
            </td>
            <td>
                <asp:Label ID="Label11" runat="server" Text="City:*"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtCity" runat="server" TabIndex="13"></asp:TextBox>
            </td>
            <td>
                <asp:Label ID="Label12" runat="server" Text="State:*"></asp:Label>
            </td>
            <td>
                <asp:DropDownList ID="StateID" runat="server" AppendDataBoundItems="True" 
                    CausesValidation="True" CssClass="dropdown" DataSourceID="SqlDataSource1" 
                    DataTextField="StateName" DataValueField="StateAbbr" TabIndex="14">
                    <asp:ListItem Selected="True" Value="0"> (Select a State)</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label14" runat="server" Text="Zip: *"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtZip" runat="server" AutoPostBack="True" TabIndex="15"></asp:TextBox>
            </td>
            <td>
                <asp:Label ID="Label13" runat="server" Text="County:"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtCounty" runat="server" TabIndex="16"></asp:TextBox>
            </td>
            <td colspan="2">
             <asp:Button ID="Button1" runat="server" Text="Verify Address" CausesValidation="False" />
            </td>
        </tr>
    <tr>
        <td>
            <asp:Label ID="Label41" runat="server" Text="Rush Type: *"></asp:Label>
        </td>
        <td>
            <asp:DropDownList ID="ddRushType" runat="server" AppendDataBoundItems="True" 
                CssClass="dropdown" DataSourceID="RushTypeList" DataTextField="RushType" 
                DataValueField="RushTypeKey" TabIndex="17">
                <asp:ListItem Selected="True" Value="3">None</asp:ListItem>
            </asp:DropDownList>
        </td>
    <td>
        <asp:Label ID="Label16" runat="server" Text="Client:*"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="ClientID" runat="server" AppendDataBoundItems="True" 
            CssClass="dropdown" DataSourceID="Client" DataTextField="ClientName" 
            DataValueField="ClientKey" TabIndex="18">
            <asp:ListItem Selected="True" Value="0"> (Select client)</asp:ListItem>
        </asp:DropDownList>
        </td>
    <td>
        <asp:Label ID="Label15" runat="server" Text="Report Type:*"></asp:Label>
        </td>
    <td>
        <asp:DropDownList ID="ReportTypeID" runat="server" AppendDataBoundItems="True" 
            CssClass="dropdown" DataSourceID="ReportType" DataTextField="ReportTypeName" 
            DataValueField="ReportTypeKey" TabIndex="19" AutoPostBack="True">
            <asp:ListItem Selected="True" Value="0"> (Select a Report)</asp:ListItem>
        </asp:DropDownList>
        </td>
    </tr>
        <tr>
            <td>
                Client Due Date:</td>
            <td>
                <asp:TextBox ID="txtClientDueDate" runat="server" TabIndex="20"></asp:TextBox>
            </td>
            <td>
                Client Fee:&nbsp;
            </td>
            <td>
                <asp:TextBox ID="txtClientFee" runat="server" TabIndex="21"></asp:TextBox>
            </td>
        </tr>
    </table>
    <h3>Borrower Details</h3>
    <table>
    <tr>
    <td><asp:Label ID="Label19" runat="server" Text="First Name"></asp:Label></td>
    <td><asp:TextBox ID="txtBorrFirst" runat="server" TabIndex="22"></asp:TextBox></td>
    <td><asp:Label ID="Label20" runat="server" Text="Last Name :"></asp:Label></td>
    <td><asp:TextBox ID="txtBorrLast" runat="server"  TabIndex="23"></asp:TextBox></td>
    <td><asp:Label ID="Label21" runat="server" Text="Home Phone:"></asp:Label></td>
    <td><asp:TextBox ID="txtBorrHomeArea" runat="server"   TabIndex="24" Height="26px" 
            Width="30px" MaxLength="3"></asp:TextBox>&nbsp;<asp:TextBox 
            ID="txtBorrHomePrefix" runat="server" 
            Height="26px" TabIndex="25" Width="30px" MaxLength="3"></asp:TextBox>
        &nbsp;<asp:TextBox ID="txtBorrHomeSuffix" runat="server" Height="26px" TabIndex="26" 
            Width="40px" MaxLength="4"></asp:TextBox>
        </td>
    <td><asp:Label ID="Label22" runat="server" Text="Work Phone:"></asp:Label></td>
    <td>
        <asp:TextBox ID="txtBorrWorkArea" runat="server"   TabIndex="27" Height="26px" 
            Width="30px" MaxLength="3"></asp:TextBox>&nbsp;<asp:TextBox 
            ID="txtBorrWorkPrefix" runat="server" 
            Height="26px" TabIndex="28" Width="30px" MaxLength="3"></asp:TextBox>
        &nbsp;<asp:TextBox ID="txtBorrWorkSuffix" runat="server" Height="26px" TabIndex="29" 
            Width="40px" MaxLength="4"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label23" runat="server" Text="Cell Phone:"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtBorrCellArea" runat="server" Height="26px" MaxLength="3" 
                TabIndex="30" Width="30px"></asp:TextBox>
            &nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="txtBorrCellPrefix" runat="server" Height="26px" MaxLength="3" 
                TabIndex="31" Width="30px"></asp:TextBox>
            &nbsp;&nbsp;
            <asp:TextBox ID="txtBorrCellSuffix" runat="server" Height="26px" MaxLength="4" 
                TabIndex="32" Width="40px"></asp:TextBox>
        </td>
    <td><asp:Label ID="Label24" runat="server" Text="Email"></asp:Label></td>
    <td><asp:TextBox ID="txtBorrEmail" runat="server" TabIndex="33"></asp:TextBox></td>
    </tr>
    </table>
            
  <h3>Contact Details</h3>
    <table>
    <tr>
    <td><asp:Label ID="Label3" runat="server" Text="First Name"></asp:Label></td>
    <td><asp:TextBox ID="txtContFirst" runat="server" TabIndex="34"></asp:TextBox></td>
    <td class="style3"><asp:Label ID="Label18" runat="server" Text="Last Name :"></asp:Label></td>
    <td><asp:TextBox ID="txtContLast" runat="server"  TabIndex="35"></asp:TextBox></td>
    <td><asp:Label ID="Label37" runat="server" Text="Home Phone:"></asp:Label></td>
    <td><asp:TextBox ID="txtContHomeArea" runat="server"   TabIndex="36" Height="26px" 
            Width="30px" MaxLength="3"></asp:TextBox>&nbsp;<asp:TextBox 
            ID="txtContHomePrefix" runat="server" 
            Height="26px" TabIndex="37" Width="30px" MaxLength="3"></asp:TextBox>
        &nbsp;<asp:TextBox ID="txtContHomeSuffix" runat="server" Height="26px" TabIndex="38" 
            Width="40px" MaxLength="4"></asp:TextBox>
        </td>
    <td><asp:Label ID="Label25" runat="server" Text="Work Phone:"></asp:Label></td>
    <td>
        <asp:TextBox ID="txtContWorkArea" runat="server"   TabIndex="39" Height="26px" 
            Width="30px" MaxLength="3"></asp:TextBox>&nbsp;<asp:TextBox 
            ID="txtContWorkPrefix" runat="server" 
            Height="26px" TabIndex="40" Width="30px" MaxLength="3"></asp:TextBox>
        &nbsp;<asp:TextBox ID="txtContWorkSuffix" runat="server" Height="26px" TabIndex="41" 
            Width="40px" MaxLength="4"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label26" runat="server" Text="Cell Phone:"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="txtContCellArea" runat="server" Height="26px" MaxLength="3" 
                TabIndex="42" Width="30px"></asp:TextBox>
            &nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="txtContCellPrefix" runat="server" Height="26px" MaxLength="3" 
                TabIndex="43" Width="30px"></asp:TextBox>
            &nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="txtContCellSuffix" runat="server" Height="26px" MaxLength="4" 
                TabIndex="44" Width="40px"></asp:TextBox>
        </td>
    <td><asp:Label ID="Label40" runat="server" Text="Email"></asp:Label></td>
    <td><asp:TextBox ID="txtContEmail" runat="server" TabIndex="45"></asp:TextBox></td>
    <td class="style3"> <asp:Label ID="Label32" runat="server" Text="Relation"></asp:Label></td>
    <td><asp:DropDownList ID="ContRelationID" runat="server" AppendDataBoundItems="True" 
                                DataSourceID="Relation" DataTextField="RelationName" DataValueField="RelationKey" 
                                TabIndex="46"   CausesValidation="True" 
            CssClass="dropdown">
                                <asp:ListItem Selected="True" Value="0"> (Select relation)</asp:ListItem>
                            </asp:DropDownList></td>
    </tr>
    </table>
    </asp:Panel>
				  
		    <asp:Button ID="btnManualUpload" runat="server" Height="33px" 
        TabIndex="46" Text="Submit" Width="393px" />

		    <div id="dialog" style="display:none;">
			    <div id="candidates"></div>
		    </div>

		    <div id="results" style="display:none;"></div>

		    <script type="text/x-jquery-tmpl" id="address-candidate-template">
			    {{if user_input}}
			    <span class="title">You provided:</span><br />
			    {{else candidate_index === 0}}
			    <span class="title">We suggest:</span><br />
			    {{/if}}
			    <div class="address-result">
				    <span>${delivery_line_1}</span><br />
				    <span>${last_line}</span>
				    <span class="complete-address">${ JSON.stringify($item.data) }</span>
			    </div>
		    </script>
            <asp:Panel ID="pnlUpload" runat="server" Visible="false" Width="1019px">
                Please select an Excel file to import:<br /> <asp:FileUpload ID="FileUploadExcel" runat="server" style="margin-bottom: 0px" />
                <asp:Label ID="Label1" runat="server"></asp:Label><asp:Button ID="btnFileUpload" runat="server" Text="View Upload" />
                <asp:Button ID="btnWriteData" runat="server" Text="Write to File" />
                <br />
                <asp:Label ID="Label2" runat="server"></asp:Label></asp:Panel><asp:Panel ID="pnlImport" runat="server" Visible="false">
                </asp:Panel>
             <asp:SqlDataSource ID="LocationType" runat="server" 
                ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
                SelectCommand="SELECT DISTINCT [LocationTypeKey], [LocationTypeName] FROM [LocationType]">
            </asp:SqlDataSource>        
            <asp:SqlDataSource ID="ClientUsers" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="GetClientUsersByClientKey" SelectCommandType="StoredProcedure">
                <SelectParameters>
                    <asp:FormParameter DefaultValue="" FormField="ClientID" Name="ClientKey" 
                        Type="Int32" />
                </SelectParameters>
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="RushTypeList" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="GetRushTypeList" SelectCommandType="StoredProcedure">
        </asp:SqlDataSource>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
                SelectCommand="SELECT [StateAbbr], [StateKey],[StateName] FROM [State] ORDER BY [StateAbbr]">
            </asp:SqlDataSource>
        <asp:SqlDataSource ID="PropertyType" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT DISTINCT PropertyTypeKey, PropertyTypeName FROM PropertyType WHERE (Deleted IS NULL) ORDER BY PropertyTypeName">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="ReportType" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT [ReportTypeKey], [ReportTypeName] FROM [ReportType]">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="Client" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="GetClientList" SelectCommandType="StoredProcedure">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="IntendedUse" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT [IntendedUseKey], [IntendedUseName], [Deleted] FROM [IntendedUse] ORDER BY [IntendedUseName]">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="Occupancy" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT [OccupancyTypeKey], [OccupancyTypeName], [Deleted] FROM [OccupancyType] WHERE ([Deleted] IS NULL) ORDER BY [OccupancyTypeName]">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="LoanType" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT [LoanTypeKey], [LoanTypeName] FROM [LoanType] WHERE ([Deleted] IS NULL) ORDER BY [LoanTypeName]">
        </asp:SqlDataSource>
        <asp:SqlDataSource ID="Relation" runat="server" 
            ConnectionString="<%$ ConnectionStrings:myprovalConnectionString %>" 
            SelectCommand="SELECT [RelationKey], [RelationName] FROM [Relation] WHERE ([Deleted] IS NULL) ORDER BY [RelationName]">
        </asp:SqlDataSource>
       
        
   
    <asp:CompareValidator ID="vldPropType" runat="server" ControlToValidate="txtPropertyType" 
                                ErrorMessage="Property type required" Font-Bold="True" 
            Operator="NotEqual" ValueToCompare="0" Type="Integer" 
        CssClass="validError" Display="None"></asp:CompareValidator>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
        ErrorMessage="Loan # required, if none available please enter NA." 
        CssClass="validError" ControlToValidate="txtLoanNumber" Display="None"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="vldAddr" runat="server" 
                                ControlToValidate="txtAddress" ErrorMessage="Address is required" 
                                Font-Bold="True" Font-Size="XX-Small" 
        ForeColor="Red" Display="None"></asp:RequiredFieldValidator>
          
         <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                ControlToValidate="txtCity" 
        ErrorMessage="City is required" Font-Bold="True" 
                                Font-Size="XX-Small" ForeColor="Red" 
        Display="None"></asp:RequiredFieldValidator>
  
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
        ErrorMessage="Zip code required" ControlToValidate="txtZip" 
        CssClass="validError" Display="None"></asp:RequiredFieldValidator>
                      <asp:RegularExpressionValidator ID="vld3BorrHmArea" 
        runat="server" ControlToValidate="txtBorrHomeArea" Display="None" 
        ErrorMessage="3 digits required in the Borrower home phone area code" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3BorrHmPrefix" runat="server" 
        ControlToValidate="txtBorrHomePrefix" Display="None" 
        ErrorMessage="3 digits required in the borrower home phone prefix" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld4BorrHmSuffix" runat="server" 
        ControlToValidate="txtBorrHomeSuffix" Display="None" 
        ErrorMessage="4 digits required in the borrower home phone suffix" 
        ValidationExpression="^\d{4}$"></asp:RegularExpressionValidator>
                      <br />
                    <asp:RegularExpressionValidator ID="vld5DigZip" runat="server" 
                                   
                                     ControlToValidate="txtZip" ErrorMessage="5 digit zip code required" 
                                     ValidationExpression="^\d{5}$" Display="None"></asp:RegularExpressionValidator>
   
                <asp:CompareValidator ID="CompareValidator2" runat="server" ControlToValidate="ReportTypeID" 
                                ErrorMessage="Report type required" 
        Font-Bold="True" Operator="NotEqual" ValueToCompare="0" Type="Integer" 
        CssClass="validError" Display="None"></asp:CompareValidator>
                                 <asp:RegularExpressionValidator 
                ID="vldBorrEmail"
                runat="server" 
                ControlToValidate="txtBorrEmail"
                ErrorMessage="Proper email format required"
                ValidationExpression="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$"
                CssClass="validError" Display="None"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator 
                ID="vldContEmail"
                runat="server" 
                ControlToValidate="txtContEmail"
                ErrorMessage="Proper email format required"
                ValidationExpression="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$"
                CssClass="validError" Display="None"></asp:RegularExpressionValidator>
   
    <asp:CompareValidator ID="vldCompanyName" runat="server" 
        ControlToValidate="ClientID" Display="None" 
        ErrorMessage="Company name required" Operator="NotEqual" Type="Integer" 
        ValueToCompare="0"></asp:CompareValidator>
    <asp:RegularExpressionValidator ID="vld3BorrWkArea" runat="server" 
        ControlToValidate="txtBorrWorkArea" Display="None" 
        ErrorMessage="3 digits required in the Borrower work phone area code" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3BorrWkPrefix" runat="server" 
        ControlToValidate="txtBorrWorkPrefix" Display="None" 
        ErrorMessage="3 digits required in the borrower work phone prefix" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld4BorrWkSuffix" runat="server" 
        ControlToValidate="txtBorrWorkSuffix" Display="None" 
        ErrorMessage="4 digits required in the borrower work phone suffix" 
        ValidationExpression="^\d{4}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3BorrCellArea" runat="server" 
        ControlToValidate="txtBorrCellArea" Display="None" 
        ErrorMessage="3 digits required in the Borrower cell phone area code" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3BorrCellPrefix" runat="server" 
        ControlToValidate="txtBorrCellPrefix" 
        ErrorMessage="3 digits required in the borrower work phone prefix" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3BorrCell" runat="server" 
        ControlToValidate="txtBorrCellSuffix" Display="None" 
        ErrorMessage="4 digits required in the borrower cell phone suffix" 
        ValidationExpression="^\d{4}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContWorkArea" runat="server" 
        ControlToValidate="txtContWorkArea" Display="None" 
        ErrorMessage="3 digits required in the contact work phone area code" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContWorkPrefix" runat="server" 
        ControlToValidate="txtContWorkPrefix" Display="None" 
        ErrorMessage="3 digits required in the contact work phone prefix" 
        ValidationExpression="^\d{3}$"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld4ContWorkSuffix" runat="server" 
        ControlToValidate="txtContWorkSuffix" Display="None" 
        ErrorMessage="4 digits required in the contact work phone suffix" 
        ValidationExpression="^\d{4}$"></asp:RegularExpressionValidator>
    <asp:RequiredFieldValidator ID="vldClientFeeRequired" runat="server" 
        ControlToValidate="txtClientFee" Display="None" 
        ErrorMessage="The client fee is required"></asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator ID="vldClientDueDateRequired" runat="server" 
        ControlToValidate="txtClientDueDate" Display="None" 
        ErrorMessage="Client due date required"></asp:RequiredFieldValidator>
    <br />
    <asp:RegularExpressionValidator ID="vld3ContHomeArea" runat="server" 
        ControlToValidate="txtContHomeArea" Display="None" ValidationExpression="^\d{3}$" 
        ErrorMessage="3 digits required in the contact home phone area code"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContHomePrefix" runat="server" 
        ControlToValidate="txtContHomePrefix" Display="None" ValidationExpression="^\d{3}$" 
        ErrorMessage="3 digits required in the contact home phone prefix"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContHomeSuffix" runat="server" 
        ControlToValidate="txtContHomeSuffix" Display="None" ValidationExpression="^\d{4}$" 
        ErrorMessage="4 digits required in the contact home phone suffix"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContCellArea" runat="server" 
        ControlToValidate="txtContCellArea" Display="None" ValidationExpression="^\d{3}$"
        ErrorMessage="3 digits required in the contact cell phone area code"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContCellPrefix" runat="server" 
        ControlToValidate="txtContCellPrefix" Display="None" ValidationExpression="^\d{3}$"
        ErrorMessage="3 digits required in the contact cell phone prefix"></asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="vld3ContCellSuffix" runat="server" 
        ControlToValidate="txtContCellSuffix" Display="None" ValidationExpression="^\d{4}$"
        ErrorMessage="4 digits required in the contact cell phone suffix"></asp:RegularExpressionValidator>
</form>
</body>
</html>

Open in new window

0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is a Lightbox? A Lightbox is the effect you see when you click, for example, an image and the screen fades out and up pops the same image but in its full size dimensions. There are lots of Lightbox effects for jQuery. Problem is they are a…
In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question