Question

Here is the function I’m using:

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

jOWL.load takes in an owl document as a parameter (as seen above). I have 3 of these documents on the server, and would like the user to be able to chose which document to load by pressing a button.

I wonder if it is possible to have a string ‘owldoc.owl’, ‘owldoc2.owl’, or ‘owldoc3.owl’ passed to a javascript variable, which could then be passed in as a parameter to jOWL.load

How would I go about this?

Answer 1

Call the function below using onclick='loadFile("1"); return false;' inside of the respective link.

i.e.:

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

function:

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

To have onclicks that do not show up in line, the easiest way is to add ids to the anchors and call this function on page load using 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;}
    }