HTML & CSS
We have a new sign-in pop-up Window that is based on a Modal Window design. You can see it:
1- Go here
2- Click on the sign-in icon which is the blue image on the right lower corner
with letter a on it.
Once you do the sign-in Window pops up where you can enter your Username & Password. So the sign-in works OK under all Web browsers, but NOT under!
That is under IE after the user submits the form, the sign-in Modal Window just seats there and does not show the result of the submission.
What do we need to to do correct this under IE?
What in Gods name is wrong with IE? Almost always it is the browser that does not render a look/process correctly in contrast to all other Web browsers! Sheeeesh M$
Are you receiving the form submission server-side?
Yes, they are being received on server side.
After all, again the form submission and the resulting processing works OK on all Web browsers, it is just the darn IE that does not show the result of the submission.
With that said:
1- What "validation errors" did you find?
2- And how did you find these Errors?
Specific errors returned from the W3C validator:
- Line 38, Column 173: document type does not allow element "BODY" here
- Line 56, Column 18: ID "TABLE_01" already defined
- Line 62, Column 81: document type does not allow element "FORM" here
- Line 63, Column 14: document type does not allow element "TR" here
The W3C validator at:
I've just noticed that you have white space before your DOCTYPE and a DOCTYPE that triggers quirks mode in IE. You should ideally be using a full DOCTYPE - one that triggers standards mode in IE - providing this doesn't break your page!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org./TR/html4/loose.dtd">
These errors that you have reported, which one of our Web pages do they belong to?
FYI, our Modal based log-in Window form, which is:
calls this page to process the login:
And again the problem ONLY occurs with IE browser when the log-in form is loaded via the Modal based window and not the regular Web browser.
So if we call process_login.php via a regular Web page form, in IE, then it processes OK too, but this process_login.php does not process ONLY if the log-in form was loaded via the Modal Window and the browser is IE.
The validation errors mentioned above were from your homepage - index.php
Yes, your login page is index_login_form.php - but when you use the lightbox, this page gets incorporated into index.php (above the closing </body></html>). So any errors in index.php could affect the imported lightbox code (ie. index_login_form.php). The 'lightbox' code just gives the illusion of a modal dialog box/window - it's really just the same page.
Something which could affect one browser and not another is validation errors in the source.
I'm only saying validation errors could be the problem...
In stepping through the code with IE's Developer Tools, there appears to be a problem submitting the form data via the XMLHttpRequest object (the lightbox hijacks the normal form submission to submit the request via Ajax) - an exception is raised in the prototype library!? You say the form submission is definitely getting through though?
1st, Thanx for your thoughtful remarks. It is obvious that you have looked at the problem in some depth rather than a cursory look.
In response to your question, I cannot be certain that IE does actually submit the Modal based form to the server. That is I thought it was, but after creating a test page with bare minimum in, that is just a "Hello World" type thing on the receiving side, and seeing this not display, it seems like that IE is actually not submitting the Modal based form to the server.
So with that said, what do you suggest then to address this IE only related bug?
I tell you darn IE
These sort of problems ONLY and ONLY happen with IE.