Home/ Questions/Q 6743931
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T12:01:24+00:00

This is probably an obvious mistake on my part. I have a C# page

  • 0

This is probably an obvious mistake on my part. I have a C# page that has a button that when clicked opens a calendar (ASP classic) in an iFrame. That calendar is passed the ClientID of the button as AddToCartButton and uses this line:

lo("parent.document.getElementById('" & AddToCartButton & "').style.display = 'none';")

(lo is a Response.Write type function and simply outputs the text to the page.)

to hide the button when the calendar appears. After the user selects a date the calendar uses a similar line to put the date into my C# textbox:

lo("parent.document.getElementById('" & PostBackField & "').value = '" & Replace(CurrentDate,":00 "," ") & "';")

This all works great but when I try to turn the button back on with:

lo("parent.document.getElementById('" & AddToCartButton & "').style.display = '';")

nothing happens. I have also tried ‘inline’ with similar non-results. Does anyone have an idea from what I’ve written here what I’m doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should be using Visibility instead of display, but I can’t see why your code isn’t working with the display.

    lo("parent.document.getElementById('" & AddToCartButton & "').style.visibility = 'hidden';")

    and then

    lo("parent.document.getElementById('" & AddToCartButton & "').style.visibility ='visible'

    Setting the display to hidden removes the item from the flow, where visibility keeps the item in place, and just hides it, which I think is what you want.

    Here is a good article explaining the differences.

    Here is a quick sample I threw together.

        <html>
    <head>
    <script type="text/javascript">
    function show_button()
    {
       document.getElementById("targetBtn").style.visibility = 'visible';
    }
    function hide_button()
    {
       document.getElementById("targetBtn").style.visibility = 'hidden';
    }
    function remove_button()
    {
       document.getElementById("targetBtn").style.display = 'none';
    }
    </script>
    </head>
    <body>
    <input id="targetBtn" type="button" value="Button to Hide/Show" />
    <input type="button" onclick="show_button()" value="Show Button" />
    <input type="button" onclick="hide_button()" value="Hide Button" />
    <input type="button" onclick="remove_button()" value="Remove Button" />

    </body>
    </html>

    If you run this example, click the show and hide buttons. You’ll notice how they keep there place on the page. Click the remove button, and they will all shift to the left.

    • 0