DHTML Layer and ASPX controls

Discussion in 'JavaScript' started by Mr Nerd, Nov 14, 2006.

  1. #1
    Hi,

    I got a quick question, which I believe is bugging a lot of ppl during development.

    The problem occurs when you are developing an aspx application, and you place a <asp:radiobuttonlist> (<select> in html) on a page, and then place a DHTML layer above the control. The aspx control is "shining" through the layer, regardless of how I do.

    The example below is the looks of the post page:

    [​IMG]

    To the right of "Justera <select>Vänster</select> is another select box which says "Svenska (Sverige)", and it belongs to the static content of the page.

    The code for the DHTML layer is:
    <div runat="server" name="layCPanel" id="layCPanel" class="controlpanel" enableviewstate="true" style="z-index: 1000000000; visibility: hidden; position:absolute; left:-700px; top:100px; width:450px; border:solid 1px #000000;"><!-- Table code here, and other code as well. The table set the background for the page --></div>

    The output, which is sent to the browser of the aspx control is:

    <select name="dnn:dnnLANGUAGE:selectCulture" onchange="javascript:setTimeout('__doPostBack(\'dnn$dnnLANGUAGE$selectCulture\',\'\')', 0)" language="javascript" id="dnn_dnnLANGUAGE_selectCulture" class="NormalTextBox">
    <option value="en-US">English (United States)</option>
    <option selected="selected" value="sv-SE">Svenska (Sverige)</option>
    </select>

    Onchange post the info back to the server, so it does not affect the visual components.

    Any help in this matter would be greatly appriciated! I know a lot of programmers who has the very same problem, and it would be a great releaf to be able to fix these issues.

    Thanks in advance for any assistance!

    Best Regards
    Peter K
     
    Mr Nerd, Nov 14, 2006 IP