2015年4月13日 – 端くれプログラマの備忘録

インスタンス生成はobjectタグで行い、制御はJavaScriptでやると簡単。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>OCX test</title>
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
 
<object id="test" width="0" height="0"
    codebase="./Test.ocx#Version=1,0,0,0"
    classid="CLSID:AB657C33-0497-42A4-9A75-520FC1C13CA8"></object>
 
<div>
    <input type="text" name="value1" id="value1" placeholder="value1" /><br />
    <input type="text" name="value2" id="value2" placeholder="value2" /><br />
    <input type="text" name="result" id="result" placeholder="result" /><br />
    <button id="add">Add</button>
    <button id="clear">Clear</button>
</div>
 
<script>
    $(function () {
        test.AboutBox();
    });
    $('#add').click(function () {
        var value1 = $('#value1').val();
        var value2 = $('#value2').val();
        var result = test.add(value1, value2);
        $('#result').val(result);
    });
    $('#clear').click(function () {
        $('#value1').val('');
        $('#value2').val('');
        $('#result').val('');
    });
</script>
 
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

codebase="./Test.ocx#Version=1,0,0,0"

classid="CLSID:AB657C33-0497-42A4-9A75-520FC1C13CA8"></object>

<div>

<button id="clear">Clear</button>

</div>

$(function () {

test.AboutBox();

});

$('#add').click(function () {

var value1 = $('#value1').val();

var value2 = $('#value2').val();

var result = test.add(value1, value2);

$('#result').val(result);

});

$('#clear').click(function () {

$('#value1').val('');

$('#value2').val('');

$('#result').val('');

});

</script>

</body>

</html>

端くれプログラマの備忘録

日: 2015年4月13日

[Visual C++] ActiveXをウェブページで使う (IE限定)

サンプルコード