自动切换栏位

Question

at this moment i have a field on my page that can be toggled on or off with a button. But i would like to have the field be automatically visible depending on what's in the field. in other words, the field UserId get's the current user's id from the Xml. If the user id would be for example M.Bros or L. Bros, then the field should be visible, but it should be invisible for anybody else.

    <div id="content" style="display:block;">
        <table datasrc="#XmlUserInfo">
            <tr>
            <td style="height: 28px">UserID</td>
            <td style="height: 28px">
            <input datafld="UID" name="UserId" size="35" type="text" /></td>
            </tr>
        </table>
    </div>

<script type="text/javascript">
    function toggleContent() {
    //Get the DOM reference
    var contentId = document.getElementById("content");
    //Toggle
    contentId.style.display == "block" ? contentId.style.display = "none" :
    contentId.style.display = "block";
    }
</script>

<button onclick="toggleContent()">Toggle</button>

Answer 1

if you want the textbox to be visible when it has text in it then try getting the ID of the textbox, in your case UID..

if( UID.value == '' )UID.style.display = 'none' else UID.style.display = 'block';