Solved

mootools based "elselect" javascript library only working in IE -- why?

Posted on 2009-07-07
6
285 Views
Last Modified: 2013-11-19
I'm trying to implement the following mootools-based "elselect" javascript library ..

http://www.cult-f.net/2007/12/14/elselect/

... into the following form ("Quick Reservations" in the lefthand column).

However, .. it appears to be working ONLY in IE7 and IE8.  

It is not working in either Firefox or Safari.

Why is that? What do I need to do to get it to work in Firefox or Safari?

Note that it is supposed to work in Firefox and Safari -- as this example demonstrates:

http://www.cult-f.net/samples/elselect/

Any thoughts / suggestions?

Thanks,
- Yvan



   
0
Comment
Question by:egoselfaxis
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 27

Expert Comment

by:BigRat
ID: 24802307
I have just tested it on Firefox and it worked fine. Version info :-

Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

0
 

Author Comment

by:egoselfaxis
ID: 24802809
Nope .. you are mistaken.  The text input boxes I styled myself using background images. However, the select dropdown boxes do not have the rounded corners in Firefox 3.5 or Safari 4.0.



0
 
LVL 27

Expert Comment

by:BigRat
ID: 24803818
What am I supposed to look at? I have just taken (again) the link http://www.cult-f.net/samples/elselect/
 and called it up in IE8 and Mozilla 3.0 (version as above) and place the two browsers side-by-side. The display is identical.
0
PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

 

Author Comment

by:egoselfaxis
ID: 24803852
I'm so sorry -- I thought I had included a link to my page in my initial post, . but apparently I hadn't:

http://www.theseagatehotel.com/www.theseagatehotel.com/index.html

- yg
0
 
LVL 27

Accepted Solution

by:
BigRat earned 500 total points
ID: 24804368
That's OK, but I get a script error in line 32 "Null is not an object" in file elSelect.js.

This might come from the fact that the references to the divs are called mySelect1 but the div is labeled MySelect1 (capital letter). Try fixing it so that the pages does not error and it will probably work.

0
 

Author Comment

by:egoselfaxis
ID: 24804765
Ahh, .. right you are!  Thanks so much!

- yg
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

690 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