<div id="screen[index]" style="width: 100%;height:100%"> 
    <!-- <button  class="btn btn-success" onclick="nextscreen();">next</button><button  class="btn btn-success" onclick="prevscreen();">cancel</button> -->
    <p>This is screen customer screen [index]</p>
    <table class="table">
        <thead>
            <tr>
                <th>no</th>
                <th>name</th>
                <th>address</th>
                <th></th>

            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>UAT COMPANY</td>
                <td>JL. SUNGOLEGOWO</td>
                <td>
                    <button class="btn btn-primary" onclick="gotoinputscreen()"><i class="glyphicon glyphicon-pencil"></i></button>
                </td>
            </tr>

            <tr>
                <td>1</td>
                <td>UAT COMPANY</td>
                <td>JL. SUNGOLEGOWO</td>
                <td>
                    <button class="btn btn-primary" onclick="gotoinputscreen()"><i class="glyphicon glyphicon-pencil"></i></button>
                </td>
            </tr>
        </tbody>
    </table>
    <!-- button to trigger the things -->
    <button id="activatebuttonscreen[index]" onclick='reactivatescreen[index]();' style="display: none;">activate screen button</button>
</div>
<div id="screen[index]a" style="width: 100%;height:100%"> 

</div>
<!-- the function index that you want to run -->
<script type="text/javascript">
    function reactivatescreen[index]() {
        alert("activation screen [index]");
    }
</script>