在另一个文件中调用JavaScript函数的更好方法是什么？

Question

I'm doing a job of front-end at the time, and for this I am having to call various functions javascript / jQuery in other files. So, I'm using PHP with CodeIgniter and I trying to make a call from a PHP function call another function javascrip.Follow what I'm trying to do:

PHP:

public function validaInclusao() {

        getAtributoJanelaPai("slCusto");
    }

function getAtributoJanelaPai($idCampo) {

    carregaScriptsJquery();

    echo "getAtributoJanelaPai('$idCampo');";
}

JavaScript:

function getAtributoJanelaPai(idCampo) {
    alert('getAtributoJanelaPai');
    var element = window.opener.document.getElementById(idCampo);
    var value = '';

    if (element.tagName === 'SELECT') {
        value = element.selectedIndex + '|' + element.options[element.selectedIndex].value;
    } else if (element.tagName === 'INPUT') {
        value = element.value;
    }

    alert(value);
}

So, as it would be in line:

echo "getAtributoJanelaPai('$idCampo');";

Answer 1

You can do that, but you have to import the Javascript file into your document.

In your head section put the following:

<script type="text/javascript" src="myScripts.js"></script>

Where "myScripts.js" is the filename of the Javascript file.

And this is how you do the echo:

<?php echo getAtributoJanelaPai($idCampo); ?>

Answer 2

Create javascript file that will return some thing

function getAtributoJanelaPai(idCampo) {
alert('getAtributoJanelaPai');
var element = window.opener.document.getElementById(idCampo);
var value = '';

if (element.tagName === 'SELECT') {
    value = element.selectedIndex + '|' + element.options[element.selectedIndex].value;
} else if (element.tagName === 'INPUT') {
    value = element.value;
}

return(value);
}

and in php file use this, include created js file first.

public function validaInclusao() {

    getAtributoJanelaPai("slCusto");
}

function getAtributoJanelaPai($idCampo) {

carregaScriptsJquery();

echo "<script language=javascript>document.write(getAtributoJanelaPai(idCampo));</script>";
}

or try this one

echo "<script language=javascript>getAtributoJanelaPai(idCampo);</script>";
}