July 24, 2008 02:46am pdt

1. hielo 2,413,281
2. mplungjan 652,823
3. b0lsc0tt 507,892
4. Zvonko 296,731
5. wilq32 260,650
6. JohnSixk... 180,639
7. Kravimir 176,425
8. HonorGod 175,791
9. GreenGhost 145,434
10. logudotcom 141,564
11. LordOfPorts 97,902
12. third 94,923
13. Badotz 89,753
14. Roonaan 72,409
15. contactk... 68,735

1. Zvonko 6,216,247
2. mplungjan 4,446,667
3. hielo 2,613,847
4. devic 1,313,415
5. GwynforWeb 1,304,602
6. b0lsc0tt 1,287,006
7. third 1,260,575
8. archrajan 1,212,417
9. pravinasar 955,789
10. Roonaan 917,444
11. Zyloch 894,841
12. Batalf 873,511
13. knightEk... 861,184
14. amit_g 675,596
15. basicins... 615,291

05.01.2008 at 10:32AM PDT, ID: 23369403

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

6.2

Ajax downdown, FF okay - IE bugging out

Zone: JavaScript

I am wondering on this page: http://newspapersofamerica.com/new/index.php?p=calc-spa-d - the dropdown are results being loaded via ajax using this:

// USED FOR DISPLAY SPA
var currentIdD = -1;
var tIdD = "";
function showPriceD() {
var selD = document.forms[1].state_id;
var idD = selD.value;
//console.log("var idD has the value of"+idD);
if (currentIdD == idD) return; // not changed
currentIdD=idD;
var stateD = selD.options[selD.selectedIndex].text;
var locD = 'spaPricesD.php?state_id='+idD;
console.log("The State ID is "+idD+" and location is "+locD);
document.getElementById('GroupPrice').innerHTML= 'Loading prices for '+stateD+'...';
window.if1.location=locD;
}

It works fine in FF/Safari but not in IE, any ideas on what I can do?

Thanks,

Ryan

Start your free trial to view this solution

Question Stats

Zone: Programming

Question Asked By: catonthecouchproductions

Solution Provided By: Kravimir

Participating Experts: 1

Solution Grade: A

Translate:

Loading Advertisement...

Microsoft

Internet Protocols
Applications

Development
OS

Hardware
Windows Security

Apple

Operating Systems
Hardware

Programming
Networking

Software

Internet

Search Engines
File Sharing
WebTrends / Stats
Spy / Ad Blockers

Web Browsers
New Net Users
Web Development
Chat / IM

Anti Spam
Web Servers
Anti-Virus
Email Clients

Gamers

Tips
Online / MMORPG
Puzzle
Emulators

Action / Adventure
Role Playing
Consoles
Game Programming

Strategy
Sports
Misc
Computer Games

Digital Living

Hardware
Automotive
New Net Users
New Users

Software
Digital Music
Gaming World
Home Security

Apple
Networking Hardware

Virus & Spyware

Vulnerabilities
IDS
Encryption
Anti-Virus

Operating Systems Security
Software Firewalls
WebApplications
Cell Phones

Operating Systems
Internet
Hardware Firewalls

Hardware

Displays / Monitors
Handhelds / PDAs
Components
Peripherals
Laptops/Notebooks

Servers
Misc
Apple
Embedded Hardware
Networking Hardware

Storage
Desktops
New Users

Software

System Utilities
Industry Specific
Network Management
Photos / Graphics
Page Layout
VMware
Misc
Web Development

OS
CYGWIN
Voice Recognition
Virtualization
Message Queue
Quality Assurance
Security
Firewalls

MultiMedia Applications
Development
Database
Office / Productivity
Business Management
OS/2 Apps
Server Software
Internet / Email

ITPro

OS
Storage
Encryption
Operating Systems Security
Apple Hardware
Laptops & Notebooks
Servers
Networking Hardware
Peripherals
Devices

Displays / Monitors
WebTrends / Stats
Search Engines
Firewalls
Web Computing
WebApplications
IDS
Vulnerabilities
Email Clients
File Sharing

Spy / Ad Blockers
Web Browsers
Web Servers
Networking
Anti-Virus
Consulting
Chat / IM
Anti Spam

Developer

Web Servers
Web Browsers
Game Programming
Dev Tools
Industry Specific
Office / Productivity

Database
CYGWIN
Web Development
Search Engines
File Sharing
WebTrends / Stats

Programming
Content Management
Application Servers
Protocols

Storage

Removable Backup Media
Storage Technology
Servers

Grid
Remote Access
Backup / Restore

Misc
Hard Drives

Miscellaneous
Security
Development
Linux
VMware

MainFrame OS
Unix
Apple
OS / 2
AS / 400

BeOS
Microsoft
VMS / OpenVMS

Database

Oracle
Miscellaneous
MySQL
Software
Sybase
Contact Management
PostgreSQL
Data Manipulation
Clarion
InterSystems Cache

Siebel
MUMPS
OLAP
SQLBase
SAS
GIS & GPS
4GL
Berkeley DB
DB2
Informix

Interbase / Firebird
FoxPro
Reporting
LDAP
Filemaker Pro
MS SQL Server
dBase
MS Access

Security

Misc
Web Browsers
Software Firewalls
Operating Systems Security
File Sharing

Spy / Ad Blockers
Vulnerabilities
WebApplications
IDS
Anti-Virus

Encryption
Anti Spam
Email Clients
VPN
Chat / IM

Programming

Editors IDEs
Installation
Handhelds / PDAs
Multimedia Programming
System / Kernel
Automation

Algorithms
Game
Signal Processing
Project Management
Open Source
Database

Misc
Languages
Processor Platforms
Theory

Web Development

Scripting
Blogs
Web Servers
Software
Search Engines
Web Graphics
Web Services

Images
Internet Marketing
Images and Photos
Components
Document Imaging
Web Languages/Standards
Illustration

WebApplications
Fonts
WebTrends / Stats
Authoring
Digital Camera Software
Miscellaneous

Networking

Protocols
Apple Networking
Network Management
Message Queue
Application Servers
Content Management
File Servers
Email Servers
Misc
Java Editors & IDEs

Wireless
Networking Hardware
Backup / Restore
System Utilities
ISPs & Hosting
Web Servers
Storage Technology
Removable Backup Media
Servers
Web Computing

Broadband
Grid
OS / 2
Novell Netware
Unix Networking
Windows Networking
Security
Telecommunications
Operating Systems
Linux Networking

Other

Lounge
Business Travel
Community Support
New Net Users

Philosophy / Religion
Math / Science
Miscellaneous
URLs

Expert Lounge
Politics
Puzzles / Riddles
Automotive

Community Support

Suggestions
New to EE
New Topics
CleanUp

Announcements
General
Feedback

Input
EE Bugs

05.07.2008 at 10:35PM PDT, ID: 21522524

Rank: Guru

Kravimir:

That's not working because IE encounters an error in another function before it gets there.

In the replaceSelects function in niceforms.js replace

var selectWidth = parseInt(selects[q].className.replace(/width_/g, ""));

with

var match = selects[q].className.match(/width_(\d+)/);
var selectWidth = (match&&match.length==2)?parseInt(match[1]):0;

Also, IE is showing your Firebug debugging statements as errors.

05.08.2008 at 07:44AM PDT, ID: 21525165

catonthecouchproductions:

What does that extra line do?

05.08.2008 at 07:46AM PDT, ID: 21525193

catonthecouchproductions:

I added that and it didnt work..any ideas?

JS: http://www.newspapersofamerica.com/js/niceforms.js

Thanks so much! This has been driving me nuts!

Ryan

05.08.2008 at 09:56AM PDT, ID: 21526445

Rank: Guru

Kravimir:

You're welcome.

I used two lines because I wanted it make it compatible with multiple classes as well as fixing it when the class it looks for isn't specified.

The file that page is using is at
http://newspapersofamerica.com/new/js/niceforms.js
not
http://newspapersofamerica.com/js/niceforms.js

05.08.2008 at 12:27PM PDT, ID: 21527694

catonthecouchproductions:

My bad! The site recently went live and the new address is the second one:

http://newspapersofamerica.com/js/niceforms.js

Those changes should be there, but still no results...any ideas?

Thanks,

Ryan

05.08.2008 at 12:28PM PDT, ID: 21527702

catonthecouchproductions:

With that code, my selects look like:

http://www.newspapersofamerica.com/?p=calc-spa-d

Thanks for the help!

RYan

05.08.2008 at 09:29PM PDT, ID: 21530396

catonthecouchproductions:

Hey man...any thoughts? I am stumpped so far, took another look tonight, let it sit for awhile then came back, hah.

05.08.2008 at 09:58PM PDT, ID: 21530462

Rank: Guru

Kravimir:

Ah. I fixed part of the problem there but not all of it.

Change

var selectWidth = (match&&match.length==2)?parseInt(match[1]):0;

to

var selectWidth = (match&&match.length==2)?parseInt(match[1]):187;

Accepted Solution

05.09.2008 at 06:42AM PDT, ID: 21532667

catonthecouchproductions:

After selecting some states I get:

Permission denied to get property HTMLDivElement.nodeName
http://www.newspapersofamerica.com/js/niceforms.js
Line 270

http://www.newspapersofamerica.com/?p=calc-spa-d

05.09.2008 at 06:47AM PDT, ID: 21532714

catonthecouchproductions:

In IE it appears kind of weird now...if you can see what I mean, cut off almost, the states.

Thanks!

Ryan

05.10.2008 at 08:02AM PDT, ID: 21539277

catonthecouchproductions:

Hey man....any thoughts on the problem? Thanks for the help, this has been driving me NUTS!

05.10.2008 at 08:06AM PDT, ID: 21539285

catonthecouchproductions:

The wierd part is that:
http://www.newspapersofamerica.com/?p=calc-spa

Works fine, and uses the same code as calc-spa-d

05.11.2008 at 06:05AM PDT, ID: 21542365

catonthecouchproductions:

Hey Krav!

I started a bit today...but still the same effect in IE, I can't get that to work. With this link:

http://www.newspapersofamerica.com/?p=calc-spa-d

05.11.2008 at 02:59PM PDT, ID: 21543642

Rank: Guru

Kravimir:

IE doesn't support document.createEvent(). It has a fireEvent() method instead.

http://msdn.microsoft.com/en-us/library/ms536423(VS.85).aspx

IE is also showing an error on the 3rd line (of 5) of the hideOptions function. I don't see what the problem is there though.

05.11.2008 at 09:15PM PDT, ID: 21544632

catonthecouchproductions:

Hmm...thats weird. If you go to:

http://www.newspapersofamerica.com/?p=calc-spa

That page is the SAME setup as the http://www.newspapersofamerica.com/?p=calc-spa-d page, but just different information being loaded.

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

           
           
             var currentId = -1; 
var tId       = "";
function showPrice() {
  var sel = document.forms[1].state_id;
  var id  = sel.options[sel.selectedIndex].value;
  if (currentId == id) return; // not changed
  currentId = id;
  var state = sel.options[sel.selectedIndex].text;
  var loc = 'spaPrices.php?state_id='+id;
  console.log("The State ID is "+id+" and location is "+loc);
  document.getElementById('GroupPrice').innerHTML= 'Loading prices for '+state+'...';
  window.if1.location=loc;
}
 
// USED FOR DISPLAY SPA (CALC-SPA-D)
var currentIdD = -1; 
var tIdD       = "";
function showPriceD() {
  var selD = document.forms[1].state_id;
  var idD = selD.value;
  //console.log("var idD has the value of"+idD);
  if (currentIdD == idD) return; // not changed
  currentIdD=idD;
  var stateD = selD.options[selD.selectedIndex].text;
  var locD = 'spaPricesD.php?state_id='+idD;
  console.log("The State ID is "+idD+" and location is "+locD);
  document.getElementById('GroupPrice').innerHTML= 'Loading prices for '+stateD+'...';
  window.if1.location=locD;
}

           
         

Open in New Window

05.11.2008 at 09:26PM PDT, ID: 21544656

catonthecouchproductions:

I commented out my console.log lines and see what the result is, in IE you can't select any state?

New code is below

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

           
           
             function showPrice() {
  var sel = document.forms[1].state_id;
  var id  = sel.options[sel.selectedIndex].value;
  if (currentId == id) return; // not changed
  currentId = id;
  var state = sel.options[sel.selectedIndex].text;
  var loc = 'spaPrices.php?state_id='+id;
  //console.log("The State ID is "+id+" and location is "+loc);
  document.getElementById('GroupPrice').innerHTML= 'Loading prices for '+state+'...';
  window.if1.location=loc;
}
 
// USED FOR DISPLAY SPA
var currentIdD = -1; 
var tIdD       = "";
function showPriceD() {
  var selD = document.forms[1].state_id;
  var idD = selD.value;
  //console.log("var idD has the value of"+idD);
  if (currentIdD == idD) return; // not changed
  currentIdD=idD;
  var stateD = selD.options[selD.selectedIndex].text;
  var locD = 'spaPricesD.php?state_id='+idD;
  //console.log("The State ID is "+idD+" and location is "+locD);
  document.getElementById('GroupPrice').innerHTML= 'Loading prices for '+stateD+'...';
  window.if1.location=locD;
}

           
         

Open in New Window

05.11.2008 at 09:27PM PDT, ID: 21544660

catonthecouchproductions:

Here is what I see:

screenie-1.GIF (48 KB) (File Type Details)

05.11.2008 at 09:31PM PDT, ID: 21544670

catonthecouchproductions:

Seems that tip worked, I set it back to the original line:

var selectWidth = parseInt(selects[q].className.replace(/width_/g, ""));

Thanks Krav!!!

Ryan

20080236-EE-VQP-29 / EE_QW_2_20070628