enable / disable table on image onclick of mouse in javascript(MVC2.0/MVC3)

Question

0.00/5 (No votes)

See more:

Hi,

I am looking for code to Enable / Disable table from a image. At first only back ground image should display when we run program for the first, after clicking on image a table should appear(like username(txt & lbl) and password(txt & lbl) with two buttons clear login), if we click on image again it shod disappear. I have done some coding, but it display with image when we run for the first. I am totally new to this javascript and mvc I kindly request to help me out...

HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head  runat="server">
<title>FillTest</title>
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
//   $('#divTable').hide();
//   $('#tblTable').hide();

window.onload = h();
     
function hd() {
    if ($('#tblTest').hide() == false) {
        function disableTable() {
            $('#tblTest').hide();
        }
    }
    else {
        function enableTable() {
            $('#tblTest').show();
        }
    }
}
</script>
</head>
<body  önclick="hd();" style="height: 735px" background="../../Content/Image/untitled.bmp" style="height: 605px">
    <div>
        <form action="" accept="post"  önload="hd();" style="margin-left: 2px; width: 975px; margin-right: 0px; height: 4px; margin-bottom: 0px;">
             <br />
            <div id="divTable" önclick="hd();" style="width: 363px; height: 188px;">
    <script type="text/javascript">
    window.onload = $('#tblTest').hide();
    $('#tblTble').focus() = false;
    </script>
                <table id="tblTest" style="width: 97%; left=315; height: 152px; table-layout: auto; border-collapse: separate; 131px: ;" bgcolor="#DCFCF2" >
                    <tr class="style3">
                        <td bgcolor="Black" önclick="h();">
                            Login Here:
                            <input type="button"  önclick="h();" value="X" style="height: 22px; width: 21px;" align="top" />
                        </td>
                    </tr>
                    <tr class="style3">
                        <td class="style4">
                            Username: <input type="text" name="uid"  önclick="d();" />
                        </td>
                    </tr>
                    <tr class="style3">
                        <td class="style4" bgcolor="#DFFFFF">
                            Password: <input type="text"  önclick="d();" name="pwd" />
                        </td>
                    </tr>
                    <tr class="style3">
                        <td class="style6" bgcolor="#DFFFFF"> 
                            <input id="Submit1"  önclick="d();" type="submit" value="Login" />
                            <input id="Submit2"  önclick="d();" type="submit" value="Clear" />
                        </td>
                    </tr>
                </table>
            </div>
        </form>
        <form action="" method="post" style="margin-left: 2px; width: 1041px; margin-right: 205px; height: 734px; margin-top: 0px;">
            <input type="image" src="../../Content/Image/untitled.bmp" onclick="hd();"  önload="h();d();" style="height: 737px; margin-left: 0px; width: 1044px;" />
        </form>
    </div>
</body>
</html>

Thank you....

Posted 22-Mar-13 23:25pm

sandeepvj5996

Updated 23-Mar-13 0:42am

Prasad Khandekar

v5

Add a Solution

Comments

sri senthil kumar 25-Mar-13 3:46am

You want to show/hide login form onclick of a image? is thats all your requirment?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sri senthil kumar · Answer 1 · 2013-03-24T22:07:00

Hope this solves, if you have any queries in using this reply.