"Leave Page" Alert after Clicking Help Link using IE10

[aglozier]

While editing (or adding) a page using IE 10, I get a "Are you sure you want to leave this page" alert when I click a help link.  This occurs on my test server and the sand box.  It doesn't occur with Google Chrome or Firefox.

[Donald Lobo]

Since none of us are on windows (and hence IE), would it be possible for you to debug on IE and figure out whats happening and why

thanx

lobo

[aglozier]

I would need to go to school on debugging PHP.  If you can point me in the direction of online resources to learn and debuging tools to use, I'm willing to learn.  However I doubt I can picked it up soon enough for the release of 4.3.  I have my own server to practice on.

I'm an former old school (Fortran, Basic, Cobol) programmer.  I started working with websites about one year ago as a volunteer.  I pretty much taught myself WordPress.  I also picked up enough HTML, CSS, SQL and PHP to read code and understand it somewhat over the past year.

[Hershel]

This sounds like a Javascript issue actually. What it sounds like is that you entered data on the page and now when you click for help, what is supposed to happen is that the JS code on the page sends a call to the server to fetch the help text.

If the JS would fail, then you would be redirected to a page with just that help text. Can you enable JS error reporting in IE and try again? I think you will find that the JS is erring somewhere and so this popup feature is failing.

[aglozier]

While trying to figure out JS error reporting in IE I found the IE Developers Tools.  It has a way switch the browser mode to previous IE versions.  I tried IE 9 mode and I didn't get the error.  Thus this will only be a problem for users of Windows 8/IE 10.  This currently is a small percentage of Windows users.

I need to learn more about IE Developers Tools so I understand what I'm seeing.  Once I do, I'll report back.


Thanks for the debuggin tip Hershel.  BTW, I just moved our website to CiviHosting last week.  It was the first time I moved a live website.  It went well with no downtime.  I'm  pleased with CiviHosting and especially the fast support response.

[aglozier]

OK, I learned enough about the IE Developers Tools to report back.  I do not see any JS errors when the Alert is triggered.  I'm using the "New Individual" webpage for the test.  I type something in the "First Name" field and click a help link which triggers the Alert.

I attached an image of the alert.  Is this something IE triggers when you leave a web Page with unsaved changes or is it from CiviCRM.  BTW, when I click "Leave" the help message appears as normal.

In IE Developers Tool, I turn on the script debugger which refreshes the "New Individual" webpage.  When it loads I get the errors and warnings listed below.  This tells me I'm at the right place to see errors.

HTML1509: Unmatched end tag.
admin.php, line 303 character 170
HTML1509: Unmatched end tag.
admin.php, line 303 character 35347
HTML1509: Unmatched end tag.
admin.php, line 303 character 35352
SCRIPT1002: Syntax error
admin.php, line 506 character 7
HTML1504: Unexpected end tag.
admin.php, line 1498 character 8

[Hershel]

Thanks for the debuggin tip Hershel.

My pleasure.

BTW, I just moved our website to CiviHosting last week.  It was the first time I moved a live website.  It went well with no downtime.  I'm  pleased with CiviHosting and especially the fast support response.

Thank you for the positive feedback.

admin.php, line 1498 character 8

Not sure what this is. No such file exists. Can you contact me offline and send instructions (what URL etc.) so I can try to at least see the page in FF?

[aglozier]

My server is located in my basement and is not exposed to the internet.  However, I can reproduce the error on the public 4.3 sand box server.  Using the IE debugger, I get similar but not identical errors and warnings (below) when I reload the webpage.  I tried it in IE 9 mode and I only get the "SCRIPT1002: Syntax error" and no warnings.

These messages are actually URLs which will take you to the location of the error or warning.  Unfortunately I can't copy them and they only appear as popups.  I copied and pasted the code around where the "SCRIPT1002: Syntax error" is below.  The line with the error is colored red.  The URL for the script is http://sandbox.wordpress.civicrm.org/wp-admin/admin.php?page=CiviCRM&q=civicrm/contact/add&reset=1&ct=Individual


HTML1509: Unmatched end tag.
admin.php, line 206 character 161
SCRIPT1002: Syntax error
admin.php, line 408 character 7
HTML1504: Unexpected end tag.
admin.php, line 1398 character 8


cj('<button>')
    .text("Reload Page")
    .click(function() {
      window.location = CRM.url('civicrm/contact/add', {
        reset: 1,
        action: 'update',
        cid:
      });
      return false;
    })
    .appendTo(cj('#update_modified_date'))
    ;

[Hershel]

My server is located in my basement and is not exposed to the internet.

Can't beat that for security.

Regarding the error, sir I believe you have found it!

Technically speaking, the line before the one you made red is not correct. Most normal browsers can forgive such a small error, but perhaps IE 10 can not. Can you use the Issues link at the top of this page and file a bug and include there a link back to this thread?

[aglozier]

I added an issue for this here: http://issues.civicrm.org/jira/browse/CRM-12019