Hi krishna,
Is there a possibility to test a live exemple, because the problem
with autocompleter is that it need ajax call.
btw, I look at you're code, and see some strange initialisation of the
autocomplter:
your initialisation is
new Ajax.Autocompleter('nameId', 'nameChoicesDivId', '/someAction.do?
method=autoCompletename',['name','age','ssn'], ['name','age','ssn'] ,
true);
and the doc initialise autocompleter as
new Ajax.Autocompleter(id_of_text_field, id_of_div_to_populate, url,
options);
So in your exemple, the option which should be an object is an array :
((
that a possible cause of the crash ?!?
--
david
On 11 mar, 05:11, krishna <chikkub...@gmail.com> wrote:
> My autocompleter blanks the whole frame whenever I start typing in my
> textbox in my jsp page loaded in a frame whereas it is supposed to
> load my div with the available options. This is my first piece of
> nice code (autocompleter) written using Prototype 1.6.0.3 downloaded
> from the prototype website, Scriptaculous 1.8.0_pre1downloaded from
> the book Pragmatic Prototype and script.aculo.us source code which
> says REQUIRED_PROTOTYPE: '1.6.0', controls.js and effects.js only
> mention 2005-2007 and provide no version information whatsoever.
>
> I have modified the Ajax.Autocompleter quite a buit to include the
> what fields I want to display in the dropdown autocomplete and what
> fields I want to update based on the keys of the selected jsonObject
> from the jsonobject array passed to prototype. However, the .jsp (Java
> Server Page) works great in Firefox with and without a frame, but
> fails in IE when used outside a frame, i.e., as a stand alone page,
> but fails within a frame.
>
> I always thought that these existing controls and effects in
> scriptaculous are cross-browser compatible and all issues are already
> taken care of, am I missing something here?
>
> jsp usage:
>
> <head>
> ...
> <link rel="stylesheet" type="text/css"
> href="<%=request.getContextPath()%>/pages/styles/autocomplete.css" />
> <script type="text/javascript"
> src="<%=request.getContextPath()%>/pages/javascript/prototype/
> prototype.js"></script>
> <script type="text/javascript"
> src="<%=request.getContextPath()%>/pages/javascript/prototype/
> scriptaculous.js?load=effects,controls"></script>
> ...
> document.observe('dom:loaded', function() {
>
> new Ajax.Autocompleter('nameId', 'nameChoicesDivId', '/
> someAction.do?method=autoCompletename',
> ['name','age','ssn'], ['name','age','ssn'] , true);
> });
>
> ...
> </head>
>
> <tr>
> <td colspan="3"><input type="text" name="name"
> id="nameId"
> size="70"/> </td>
> <td class="boldLabel" ><input type="text" name="age"
> id="ageId"/></
> td>
> <td class="boldLabel" ><input type="text" name="ssn"
> id="ssnId"/></
> td>
> </tr>
> <tr>
> <td colspan="5">
> <div id="nameChoicesDivId"
> class="autocomplete"></div>
> </td>
> </tr>
>
> css:
> h1 { font-size: 1.5em; }
>
> div.autocomplete {
> position: absolute;
> width: 250px; /* will be adjusted by script.aculo.us */
> background-color: white; border: 1px solid #888;
> margin: 0px; padding: 0px;}
>
> div.autocomplete ul {
> list-style-type: none; margin: 0px; padding: 0px;}
>
> div.autocomplete ul li.selected { background-color: #ff9;}
> div.autocomplete ul li {
> list-style-type: none; display: block;
> font-family: sans-serif; font-size: smaller; color: #444;
> margin: 0; padding: 0.1em; height: 1.5em; line-height: 1.5em;
> cursor: pointer;
>
> }
>
> Any help will be appreciated.
>
> Regards
> Radha Krishna
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
