web3.js/example/event_inc.html

<!doctype>
<html>
    <head>
    <script type="text/javascript" src="../dist/web3.js"></script>
    <script type="text/javascript">
        var web3 = require('web3');
        web3.setProvider(new web3.providers.HttpProvider('http://localhost:8545'));

        /*var source = "" + */
        /*"contract Contract { " +*/
        /*"   event Incremented(bool indexed odd, uint x); " +*/
        /*"   function Contract() { " +*/
        /*"        x = 69; " +*/
        /*"    } " +*/
        /*"    function inc() { " +*/
        /*"        ++x; " +*/
        /*"        Incremented(x % 2 == 1, x); " +*/
        /*"    } " +*/
        /*"    uint x; " +*/
        /*"}";*/
        var source = "5b60456000600050819055505b608c8060196000396000f3006000357c010000000000000000000000000000000000000000000000000000000090048063371303c014602e57005b6034603a565b60006000f35b6000600081815054600101919050819055506001600260006000505406147f6e61ef44ac2747ff8b84d353a908eb8bd5c3fb118334d57698c5cfc7041196ad600060006000505481526020016000a25b56";

        var desc = [{
            "constant" : false,
            "inputs" : [],
            "name" : "inc",
            "outputs" : [],
            "type" : "function"
        }, {
            "anonymous" : false,
            "inputs" : [{
                "indexed" : true,
                "name" : "odd",
                "type" : "bool"
            }, {
                "indexed" : false,
                "name" : "x",
                "type" : "uint256"
            }],
            "name" : "Incremented",
            "type" : "event"
        }];

        var address;
        var contract;

        var update = function (err, x) {
            document.getElementById('result').innerText = JSON.stringify(x);
        };
    
        var createContract = function () {
            // let's assume that we have a private key to coinbase ;)
            web3.eth.defaultAccount = web3.eth.coinbase;
            var Contract = web3.eth.contract(desc); 
            contract = new Contract({data: source});
            contract.Incremented({odd: true}).watch(update);
            
        };

        var callContract = function () {
            contract.inc();
        };


    </script>
    </head>

    <body>
        <div>
            <button type="button" onClick="createContract();">create contract</button>
        </div>
        <div>
            <button type="button" onClick="callContract();">test1</button>
        </div>
        <div id="result">
        </div>
    </body>
</html>
event_inc example 2015-02-02 02:52:56 -08:00			`<!doctype>`
			`<html>`
			`<head>`
rename to web3 2015-04-06 19:39:47 -07:00			`<script type="text/javascript" src="../dist/web3.js"></script>`
event_inc example 2015-02-02 02:52:56 -08:00			`<script type="text/javascript">`
rename to web3 2015-04-06 19:39:47 -07:00			`var web3 = require('web3');`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`web3.setProvider(new web3.providers.HttpProvider('http://localhost:8545'));`
event_inc example 2015-02-02 02:52:56 -08:00
fixed event_inc example 2015-04-20 04:52:40 -07:00			`/var source = "" + /`
			`/"contract Contract { " +/`
			`/" event Incremented(bool indexed odd, uint x); " +/`
			`/" function Contract() { " +/`
			`/" x = 69; " +/`
			`/" } " +/`
			`/" function inc() { " +/`
			`/" ++x; " +/`
			`/" Incremented(x % 2 == 1, x); " +/`
			`/" } " +/`
			`/" uint x; " +/`
			`/"}";/`
			`var source = "5b60456000600050819055505b608c8060196000396000f3006000357c010000000000000000000000000000000000000000000000000000000090048063371303c014602e57005b6034603a565b60006000f35b6000600081815054600101919050819055506001600260006000505406147f6e61ef44ac2747ff8b84d353a908eb8bd5c3fb118334d57698c5cfc7041196ad600060006000505481526020016000a25b56";`
event_inc example 2015-02-02 02:52:56 -08:00
			`var desc = [{`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`"constant" : false,`
			`"inputs" : [],`
			`"name" : "inc",`
			`"outputs" : [],`
			`"type" : "function"`
event_inc example 2015-02-02 02:52:56 -08:00			`}, {`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`"anonymous" : false,`
			`"inputs" : [{`
			`"indexed" : true,`
			`"name" : "odd",`
			`"type" : "bool"`
			`}, {`
			`"indexed" : false,`
			`"name" : "x",`
			`"type" : "uint256"`
			`}],`
			`"name" : "Incremented",`
			`"type" : "event"`
event_inc example 2015-02-02 02:52:56 -08:00			`}];`

			`var address;`
			`var contract;`

fixed event_inc example 2015-04-20 04:52:40 -07:00			`var update = function (err, x) {`
event_inc example 2015-02-02 02:52:56 -08:00			`document.getElementById('result').innerText = JSON.stringify(x);`
			`};`

			`var createContract = function () {`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`// let's assume that we have a private key to coinbase ;)`
web3.eth.defaultAccount property, updated event_inc example, fixed #96 2015-04-20 05:16:29 -07:00			`web3.eth.defaultAccount = web3.eth.coinbase;`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`var Contract = web3.eth.contract(desc);`
fixed #154 2015-04-20 05:38:08 -07:00			`contract = new Contract({data: source});`
fixed event_inc example 2015-04-20 04:52:40 -07:00			`contract.Incremented({odd: true}).watch(update);`
event_inc example 2015-02-02 02:52:56 -08:00
			`};`

			`var callContract = function () {`
web3.eth.defaultAccount property, updated event_inc example, fixed #96 2015-04-20 05:16:29 -07:00			`contract.inc();`
event_inc example 2015-02-02 02:52:56 -08:00			`};`


			`</script>`
			`</head>`

			`<body>`
			`<div>`
			`<button type="button" onClick="createContract();">create contract</button>`
			`</div>`
			`<div>`
			`<button type="button" onClick="callContract();">test1</button>`
			`</div>`
			`<div id="result">`
			`</div>`
			`</body>`
			`</html>`