Solved

AJAX and

Posted on 2006-07-18
1
906 Views
Last Modified: 2009-07-29
Hello AJAX Expert,

I am trying to implement the Select/Dropdown AJAX tag from the following link.  The Select/Dropdown tag work the following way: when selection within a dropdown field, a second select field will be populated.

See the following link: http://ajaxtags.no-ip.info/

The demo has 2 files associated with it, a JSP and a JAVA servlet.  The servlet name is DropdownServlet.  How is this servlet called from the JSP with the following ajax:select tag?

<ajax:select
  baseUrl="${contextPath}/dropdown.view"
  source="make"
  target="model"
  parameters="make={make}"
  preFunction="initProgress"
  postFunction="resetProgress"
  errorFunction="reportError"
  parser="new ResponseXmlParser()" />

I am using Netbeans IDE with JSP named dropdown and servlet named DropdownServlet.   I think DropdownServlet is supposed to return model given make to the JSP to be displayed in the chained dropdown box.

Heres a code snippet from the demo JSP:

<form action="." class="basicForm">
  <fieldset>
    <legend>Choose Your Car</legend>
    <label for="make">Make:</label>
    <select id="make">
      <option value="">Select make</option>
      <option value="Ford">Ford</option>
      <option value="Honda">Honda</option>
      <option value="Mazda">Mazda</option>
    </select>
    <span id="progressMsg" style="display:none;"><img alt="Indicator" src="./styles/indicator.gif" /> Loading...</span>

    <label for="model">Model:</label>
    <select id="model" disabled="disabled">
      <option value="">Select model</option>
    </select>
  </fieldset>
</form>
<div id="errorMsg" style="display:none;border:1px solid #e00;background-color:#fee;padding:2px;margin-top:8px;width:300px;font:normal 12px Arial;color:#900"></div>

<script type="text/javascript">
 /*
  * USER DEFINED FUNCTIONS
  */

function initProgress() {
  Element.show('progressMsg');
}

function resetProgress() {
  // show marker emblem
  var index = $('make').selectedIndex;
  var automaker = $('make').options[index].text;
  var imgTag = $('makerEmblem');
  if (index > 0) {
    imgTag.src = "./styles/" + automaker.toLowerCase() + "_logo.gif";
  }

  Effect.Fade('progressMsg');
}

function reportError() {
  if ($('model').options.length == 0) {
    $('errorMsg').innerHTML = "Dropdown busted!";
  }
  Element.show('errorMsg');
  setTimeout("Effect.DropOut('errorMsg')", 2500);
}
</script>

<ajax:select
  baseUrl="${pageContext.request.contextPath}/DropdownServlet"
  source="make"
  target="model"
  parameters="make={make}"
  preFunction="initProgress"
  postFunction="resetProgress"
  errorFunction="reportError"
  parser="new ResponseXmlParser()" />

Can you tell be how the servlet gets called in this AJAX demo?

Getting desperate.  Appreciate the help!!
0
Comment
Question by:i808237
1 Comment
 
LVL 3

Accepted Solution

by:
anumalas earned 500 total points
ID: 17182642
Hi

by default ajax:select will call cjajax.js java script. all the servlet communication functionality is written in that java script to communicate with the java sources like servlet or action classes

i suggest you to go thru that java script file

please refer the link, download cjajax.js and go thru

http://www.servletsuite.com/servlets/ajaxseltag.htm

Hope this will solve your confusion :)
0

Featured Post

Ransomware: The New Cyber Threat & How to Stop It

This infographic explains ransomware, type of malware that blocks access to your files or your systems and holds them hostage until a ransom is paid. It also examines the different types of ransomware and explains what you can do to thwart this sinister online threat.  

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Knowing where your website is hosted is as important as the features you receive, the monthly fee, and the support you receive. Due diligence should be done when choosing your next hosting provider.
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

832 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