<?xml version="1.0" encoding="utf-8"?>
<!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"; xml:lang="en-UK" lang="en-
UK">
<head profile="http://www.w3.org/2000/08/w3c-synd/#";>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link type="text/css" href="CSS/logform.css" rel="stylesheet"
media="screen" />
<script type="text/javascript" src="JS/prototype.js"></script>
<script type="text/javascript" src="JS/effects.js"></script>
<script type="text/javascript" src="JS/controls.js"></script>
<script type="text/javascript" src="JS/datepicker.js"></script>
<script type="text/javascript" src="JS/prototype-date-extensions.js"></
script>
<script type="text/javascript" src="JS/funcs.js"></script>
</head>
<body>
<form id="calllogform" name="calllogform" action="logform.asp?num="
method="post"><label class="first" for="customer"
id="label_customer">Customer<input id="customer" name="customer"
size="20" type="text" value="" tabindex="1" /><div
class="auto_complete" id="customer_auto"></div></label></form>
<script type="text/javascript">
auto_cust = new Ajax.Autocompleter('customer',
'customer_auto', 'logform_customer.asp', {minChars:-1,frequency:
0.5,afterUpdateElement: getCustomerId});
function getCustomerId(text, li) {
//$('customer_id').value = li.id;
//$('branch').value='';
//$('branch_id').value='';
//$('branch').focus();
}
</script></body>
</html>
Sample code there
On 17 Feb, 13:08, Craig <[email protected]> wrote:
> Firefox probabaly ignores clicks on the scroll bar and thus does not
> lose focus. Here is the main part of the code
>
> var auto_cust;
> var auto_bran;
> var auto_call;
>
> new Event.observe(window, 'load', pageload);
>
> function pageload() {
> auto_cust = new Ajax.Autocompleter('customer', 'customer_auto',
> 'logform_customer.asp', {minChars:-1,frequency:0.5,afterUpdateElement:
> getCustomerId});
> auto_bran = new Ajax.Autocompleter('branch', 'branch_auto',
> 'logform_branch.asp', {minChars:-1,frequency:0.5,callback:
> customerCallback,afterUpdateElement: getBranchId});
> auto_call = new Ajax.Autocompleter('caller', 'caller_auto',
> 'logform_caller.asp', {minChars:-1,frequency:0.5,callback:
> customerCallback});
>
> new Event.observe('customer', 'focus', acust);
> new Event.observe('branch', 'focus', abran);
> new Event.observe('caller', 'focus', acall);
> $('customer').focus();
>
> }
>
> function acust()
> {
> auto_cust.activate(); //twice because IE is clever
> auto_cust.activate();
>
> }
>
> function abran()
> {
> auto_bran.activate(); //twice because IE is clever
> auto_bran.activate();
>
> }
>
> function acall()
> {
> auto_call.activate(); //twice because IE is clever
> auto_call.activate();
>
> }
>
> function getBranchId(text, li) {
> $('branch_id').value = li.id;
> $('caller').focus();
>
> }
>
> function getCustomerId(text, li) {
> $('customer_id').value = li.id;
> $('branch').value='';
> $('branch_id').value='';
> $('branch').focus();
>
> }
>
> function customerCallback(element, entry) {
> return entry + "&customer=" + $('customer_id').value;
>
> }
>
> On 17 Feb, 12:01, david <[email protected]> wrote:
>
> > Hi craig,
>
> > perhaps stupid remarks, but in FF the scrollbar is contained inb the
> > element, not in IE.
> > Couldn't it be something like that ??
>
> > Can you send the code for the autocompleter ?? (just it, with
> > callbacks definition ??
>
> > --
> > david
>
> > On 17 fév, 12:48, Craig <[email protected]> wrote:
>
> > > Sorry cant get an example online im afraid, should behave this way for
> > > anyone who sets a height for the auto_complete div like so:
>
> > > div.auto_complete
> > > {
> > > position:absolute;
> > > width: 350px;
> > > max-height:200px;
> > > overflow: auto;
> > > overflow-x: hidden;
> > > background: #fff;
> > > z-index:101;
> > > border:1px solid #888;
>
> > > }
>
> > > When clicking on the scroll bar it loses focus and closes the div. I
> > > am currently trying to edit the onBlur function to check if focus is
> > > still on this.update (the div) so i can set it to remain open.
>
> > > On 17 Feb, 11:00, david <[email protected]> wrote:
>
> > > > Hi craig,
>
> > > > not seems trivial, could we have an example?
>
> > > > --
> > > > david
>
> > > > On 17 fév, 11:03, Craig <[email protected]> wrote:
>
> > > > > Am having one problem i cannot seem to solve. The autocompleter box
> > > > > displays the results which has a set height so a scroll bar displays.
> > > > > In FF but not other browsers when you scroll through the results it
> > > > > works fine but in any other browser it will just lose focus and
> > > > > disappear.
>
> > > > > Anyone come accross the same problem have a fix? Am using the latest
> > > > > versions.
--~--~---------~--~----~------------~-------~--~----~
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 [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
