Firefox，IE Opera —功能未定义

Question

DoRowApp function is not defined in FF, IE, Opera. Works in Chrome.

function DoRowApp(id) {
document.getElementById('ANSWER.TTQ.MENSYS.1.').value = id;
document.getElementById('ANSWER.TTQ.MENSYS.2.').click();
return true;}

This is the html

<a target="_blank" href="javascript:DoRowApp("_40558067");" title="Application Form"><img border="0"></a> 

which we are getting from xml

<cell>Application Form^javascript:DoRowApp("'||edit.mhd_code||'");^_blank</cell></row>

As always..help would be awesome.

At the same time this function works:

function DoRow(id) {
'use strict';
var LowerBound, UpperBound, StartAppNo, BaseAppNo, i;
LowerBound = mygrid.getRowIndex(id) - 25;
UpperBound = mygrid.getRowIndex(id) + 100;
StartAppNo = 25;
BaseAppNo  = 0;
mygrid.selectRowById(id, true, true, false);
localStorage.clear();
if (mygrid.getRowIndex(id) - 25 > 0) {
    StartAppNo =  25;
}
else {
        StartAppNo =  mygrid.getRowIndex(id);
    }
localStorage.setItem("9999", StartAppNo);
if (LowerBound < 0) {LowerBound = 0; }
for (i = LowerBound; i <= UpperBound; i++) {
    if (mygrid.getRowId(i)) {
        localStorage.setItem(BaseAppNo, mygrid.getRowId(i));
        BaseAppNo++;
    }
}
document.getElementById('ANSWER.TTQ.MENSYS.1.').value = id;
document.getElementById('ANSWER.TTQ.MENSYS.2.').click();
return true;}

And the HTML for this is

<a target="_blank" href="javascript:DoRow("_40558067");" title="Application Form"><img border="0"></a>

Answer 1

I recommend you to let the javaScript out of your xml:

<cell>Application Form^'||edit.mhd_code||'</cell>

Or even better

<cell rowId="'||edit.mhd_code||'">Application Form</cell>

Then you produce the following HTML:

<a href="#" class="RowButton" data-rowId="_40558067" title="Application Form"><img border="0"></a>

Now you can add the event handler generic in javaScript:

function DoRowApp (rowId) { /**/ }

// Simplified onLoad
window.onload = function () {

    // Enum all elements with class="RowButton"
    var rowButtons = document.getElementByClassName("RowButton");
    for (var i = 0; i < rowButtons.length; i++) {

        // Closure for i and rowButton
        (function (i, rowButton) {

            // get the data-rowId attribute
            var rowId = rowButton.getAttribute("data-rowId");

            // Simplified addEventHandlerListener
            rowButton.onclick = function () {

                // call your function
                DoRowApp(rowId);

                // return false to prevent a href
                return false;
            };

        })(i, rowButton[i]); 
    }
};

I don't see where you are "opening" another webpage; in javaScript redirecting to another page is

window.location.href = "url";

To ensure it's the top-most frame, use

window.top.location.href = "url";

To open a new window, use window.open

window.open(url, "_blank");

Further readings

• $(document).ready equivalent without jQuery
• How can I get HTML elements by class in JavaScript?
• How to redirect to another webpage in JavaScript/jQuery?
• When and why to 'return false' in JavaScript?
• addEventListener vs onclick

As you see, to have a solid base to write cross-browser javaScript code, it is highly recommendable to use jQuery. The only other way to write simple javaScript is to only use latest browser versions - but how to tell that the users...

In jQuery the above would look like:

$(function () {  // simplified jQuery(document).ready(function () {

    // Enum all elements class="RowButton" and add click handler
    $(".RowButton").click(function (e) {
        e.preventDefault();

        // Call your function
        DoRowApp($(this).attr("data-rowId"));

    });

});

As it looks like you're javaScript starter, I have the urge you to not use w3schools, read why on http://w3fools.com ! Better read

• https://developer.mozilla.org/en-US/docs/Web/JavaScript
• and for jQuery http://api.jquery.com