Solved

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

Posted on 2009-07-07
6
276 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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

707 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now