0

これが私が使用している関数です：

jOWL.load("owldoc.owl", function(){});

jOWL.loadは、フクロウのドキュメントをパラメーターとして受け取ります（上記を参照）。サーバー上にこれらのドキュメントが3つあり、ユーザーがボタンを押してロードするドキュメントを選択できるようにしたいと考えています。

文字列「owldoc.owl」、「owldoc2.owl」、または「owldoc3.owl」をjavascript変数に渡して、それをパラメータとしてjOWL.loadに渡すことができるかどうか疑問に思います。

どうすればいいですか？

4

3 に答える 3

2

onclick='loadFile("1"); return false;'それぞれのリンク内を使用して、以下の関数を呼び出します。

すなわち：

    <a href="" id='load1'>Load 1</a>
    <a href="" id='load2'>Load 2</a>
    <a href="" id='load3'>Load 3</a>

働き：

    function loadFile(param){
        jOWL.load("owldoc"+param+".owl", function(){});
    }

行に表示されないonclicksを作成するには、アンカーにIDを追加し、ページの読み込み時に次を使用してこの関数を呼び出すのが最も簡単な方法ですmanageOnclicks();。

    function manageOnclicks(){
        document.getElementById('load1').onclick = function(){loadFile('1'); return false;}
        document.getElementById('load2').onclick = function(){loadFile('2'); return false;}
        document.getElementById('load3').onclick = function(){loadFile('3'); return false;}
    }
于 2012-08-15T18:33:40.370 に答える
1

サンプルHTML

<input type='button' onclick="loadFile('owldoc.owl')" value='Load Owldoc'/>
<input type='button' onclick="loadFile('owldoc2.owl')" value='Load Owldoc2'/>
<input type='button' onclick="loadFile('owldoc3.owl')" value='Load Owldoc3'/>

Javascript

function loadFile(fileName) {
    // filename contains the variable
    // you can now do        
    //jOWL.load(filename, function(){}

}
于 2012-08-15T18:17:15.903 に答える
1

何かのようなもの：

HTML：

<h3>Choose a file to load</h3>
<ul id='choose_file'>
    <li><a data-file='1'>File 1</a></li>
    <li><a data-file='2'>File 2</a></li>
    <li><a data-file='3'>File 3</a></li>
</ul>

JS

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('#choose_file').addEventListener('click', function(evt) {
        var file_to_load = evt.target.getAttribute('data-file');
        jOWL.load('owldoc'+file_to_load+'.owl', function() {
            /* callback code here */
        });
    }, false);
}, false);
于 2012-08-15T18:19:35.663 に答える