Solved

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

Posted on 2009-07-07
6
282 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
  • 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
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Border and image sizing 5 19
Google Maps API and PHP 25 29
Changing Two Areas of a Page 5 16
CSS: How do I override in-line styling 11 15
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

776 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