jaxon-php /
jaxon-mono
| 1 | <?php $this->extends('templates::examples/layout.php') ?> |
||
| 2 | |||
| 3 | <?php $this->block('content') ?> |
||
| 4 | <div class="row"> |
||
| 5 | <div class="col-md-12" id="div1"> |
||
| 6 | |
||
| 7 | </div> |
||
| 8 | <div class="col-md-12"> |
||
| 9 | <select class="form-select" id="colorselect1" name="colorselect1" |
||
| 10 | onchange="App.Test.Test.setColor(jaxon.$('colorselect1').value); return false;"> |
||
| 11 | <option value="black" selected="selected">Black</option> |
||
| 12 | <option value="red">Red</option> |
||
| 13 | <option value="green">Green</option> |
||
| 14 | <option value="blue">Blue</option> |
||
| 15 | </select> |
||
| 16 | </div> |
||
| 17 | <div class="col-md-12 buttons"> |
||
| 18 | <button type="button" class="btn btn-primary" onclick='App.Test.Test.sayHello(1); return false;' >CLICK ME</button> |
||
| 19 | <button type="button" class="btn btn-primary" onclick='App.Test.Test.sayHello(0); return false;' >Click Me</button> |
||
| 20 | <button type="button" class="btn btn-primary" onclick="App.Test.Test.showDialog(); return false;" >Tingle Dialog</button> |
||
| 21 | </div> |
||
| 22 | |||
| 23 | <div class="col-md-12" id="div2"> |
||
| 24 | |
||
| 25 | </div> |
||
| 26 | <div class="col-md-12"> |
||
| 27 | <select class="form-select" id="colorselect2" name="colorselect2" |
||
| 28 | onchange="Ext.Test.Test.setColor(jaxon.$('colorselect2').value); return false;"> |
||
| 29 | <option value="black" selected="selected">Black</option> |
||
| 30 | <option value="red">Red</option> |
||
| 31 | <option value="green">Green</option> |
||
| 32 | <option value="blue">Blue</option> |
||
| 33 | </select> |
||
| 34 | </div> |
||
| 35 | <div class="col-md-12 buttons"> |
||
| 36 | <button type="button" class="btn btn-primary" onclick="Ext.Test.Test.sayHello(1); return false;" >CLICK ME</button> |
||
| 37 | <button type="button" class="btn btn-primary" onclick="Ext.Test.Test.sayHello(0); return false;" >Click Me</button> |
||
| 38 | <button type="button" class="btn btn-primary" onclick="Ext.Test.Test.showDialog(); return false;" >Bootstrap Dialog</button> |
||
| 39 | </div> |
||
| 40 | </div> |
||
| 41 | <?php $this->endblock() ?> |
||
| 42 | |||
| 43 | <?php $this->block('code') ?> |
||
| 44 | <div class="card code"> |
||
| 45 | <div class="card-body"> |
||
| 46 | <?= highlight_file(__DIR__ . '/code.php', true) ?> |
||
|
0 ignored issues
–
show
Bug
introduced
by
Loading history...
|
|||
| 47 | </div> |
||
| 48 | </div> |
||
| 49 | <?php $this->endblock() ?> |
||
| 50 | |||
| 51 | <?php $this->block('javascript') ?> |
||
| 52 | <script type='text/javascript'> |
||
| 53 | /* <![CDATA[ */ |
||
| 54 | window.onload = function() { |
||
| 55 | // call the helloWorld function to populate the div on load |
||
| 56 | App.Test.Test.sayHello(0, false); |
||
| 57 | // call the setColor function on load |
||
| 58 | App.Test.Test.setColor(jaxon.$('colorselect1').value, false); |
||
| 59 | // Call the HelloWorld class to populate the 2nd div |
||
| 60 | Ext.Test.Test.sayHello(0, false); |
||
| 61 | // call the HelloWorld->setColor() method on load |
||
| 62 | Ext.Test.Test.setColor(jaxon.$('colorselect2').value, false); |
||
| 63 | } |
||
| 64 | /* ]]> */ |
||
| 65 | </script> |
||
| 66 | <?php $this->endblock() ?> |
||
| 67 |