<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>
    
 
 
    
    <div id="listObj" style="position: relative; width: 250px;"></div>
    <!--
    <div>
        <input type="button" value="ABC" onclick="changeCase('toUpperCase');">
        <input type="button" value="abc" onclick="changeCase('toLowerCase');">
    </div>
    -->
    <script>
var dhxList;
function doOnLoad() {
    dhxList = new dhtmlXForm("listObj");
    dhxList.loadStruct("../common/dhxform2.xml?" + new Date().getTime());
    // dhxList.setRTL(true);
    }
function changeCase(howToChange) {
    dhxList.forEachItem(function(name) {
        dhxList.setItemLabel(name, String(dhxList.getItemText(name))[howToChange]());
    });
}</script>