Question

hi folks
I have this following code but it gives me “invalid argument” error when I click on the ‘a tag’. what is my mistake ?

<script type="text/javascript">
    $(function () {
        $('#click').click(function () {
            $get('log').style.top = (screen.y / 2).toString();
            $get('log').style.left = (screen.x / 2).toString();
            $('#Log').show();
        });
    });
</script>
     <a id="click">[to login click here]</a>
                <div id="Log" style="display: none; position:absolute; top: -29px; left: 569px;">
                    <div style="text-align: center; vertical-align: middle; height: 316%;">
                        <asp:Login ID="Login1" runat="server" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4"
                            BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em"
                            ForeColor="#333333" DestinationPageUrl="~/Account/Default.aspx" DisplayRememberMe="False">
                            <InstructionTextStyle Font-Italic="True" ForeColor="Black" />
                            <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"
                                Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" />
                            <TextBoxStyle Font-Size="0.8em" />
                            <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" />
                        </asp:Login>
                    </div>
                </div>        

Answer 1

why mix $get and $?

just using jquery you can set the top and left…

$('#log').css('top',(screen.y / 2).toString() + 'px');

and I hope your script isnt like that in the code, just before the html in the page? If it is, then move your scripts to the bottom before closing the </body> tag.