unable to scroll down ajax dropdown box in IE, as it hides

[jason310771]

unable to scroll down an ajax dropdown box in IE. as doing so causes the dropdown box to hide.

 

I have been told that I need to have a different DOCTYPE but using a 'scrict' doctype causes the menu to scroll downwards with each item on its own line and not across the top of the page.

 

This is the working folder I have created with just the bar bones of the page that are affected.

 

[redacted]/select/

 

Can anyone suggest how I can get this to work on most if not all browsers.

 

oh, i have previously been told that I should use Jquery for this and the other functions on the page but I tried this at the first stages of setting the page up and it failed to work correctly.

 

So looking to get a fix for this if possible.

Edited June 15, 2017 by requinix

[gizmola]

I don't have a clue what you're talking about, sorry.  Maybe try with some pictures?  Posting a directory with a bunch of scripts is really not very helpful.  JQuery's entire reason for being, is that it's cross-browser, so when you say that you tried to use it and it "failed to work correctly" I have to question how much effort you put into that before you dismissed what is easily the most heavily used and tested javascript library in the world.

[jason310771]

Thank you for your reply and suggestion about using Jquery, I spent over two months trying to learn how to add Jquery to the site so it would use al the existing functions we have but could not get my head around it and as the code we had all worked i thought why fix what is not broken.

 

the only function that seems to have a problem for most browsers is the dropdown list that shows when one of the images are clicked to make a quick selection, when you click the list shows and when an item is clicked it enters it correctly, what i can not get to work is the keyboard arrow keys to scroll down the list.

 

firefox allows this to be done but not other browsers.

 

here is the latest version i am working on.

 

[redacted]/new_2011-04/booking.php

 

can anyone suggest what i could change in my code to allow other browsers to do the same, other than recoding the whole site in Jquery.

Edited June 10, 2017 by requinix

[jason310771]

I have tried the following which I found via Google, in Firefox, IE 8 and IE 9 but only Firefox allows the page to work correctly.

 

http://view.jquery.com/trunk/plugins/autocomplete/demo/

 

Reasons I can not work with Jquery.

 

I don't have a clue what you're talking about, sorry.  Maybe try with some pictures?  Posting a directory with a bunch of scripts is really not very helpful.  JQuery's entire reason for being, is that it's cross-browser, so when you say that you tried to use it and it "failed to work correctly" I have to question how much effort you put into that before you dismissed what is easily the most heavily used and tested javascript library in the world.

[gizmola]

In your showAddresses function

 

document.getElementById(element).focus();
document.getElementById(element).blur(); 

 

The data is then loaded via ajax, but since the element does not have focus, the keypress does not go to it.  I don't know why you focus() and then immediately blur().  My suggestion would be to either not do that, or try another focus() call after the ajax load occurs, so that it has focus.