Login Box appears when a button on the webpage is clicked

Ads
 

Login Box appears when a button on the webpage is clicked

How to create a Login Box on a web page that appears only when a button that is already present on the page is clicked

View Answers

May 11, 2012 at 3:02 PM

Show Login box on button click.

The given code displays a button. When the user click the button, login box will get appear and allow the user to enter username and password. Using style attribute, you can easily hide or show html elements.

<html>
<script>
function showLogin(){
document.loginform.style.visibility="visible";
}
</script>
<body>
<input type="button" value="Show Login Page" onclick="showLogin();">
<form style="visibility:hidden" name="loginform" method="post" action="loginbean.jsp">
<br><br>
<table align="center"><tr><td><h2>Login Authentication</h2></td></tr></table>
<table width="300px" align="center" style="border:1px solid #000000;background-color:#efefef;">
<tr><td colspan=2></td></tr>
<tr><td colspan=2> </td></tr>
  <tr>
  <td><b>Login Name</b></td>
  <td><input type="text" name="userName" value=""></td>
  </tr>
  <tr>
  <td><b>Password</b></td>
  <td><input type="password" name="password" value=""></td>
  </tr>
  <tr>
  <td></td>
  <td><input type="submit" name="Submit" value="Submit"></td>
  </tr>
  <tr><td colspan=2> </td></tr>
</table>
</form>
</body>
</html>

May 11, 2012 at 3:37 PM

but the login box appears at the background of my web page.I mean below my HTML page.

and I am not able to bring it to the front even through CSS.


May 11, 2012 at 5:23 PM

ok,thanks a lot.....it was very very useful and I am able to sort out my issues myself :)thanks again.

Ads









Related Tutorials/Questions & Answers:
Login Box appears when a button on the webpage is clicked
Login Box appears when a button on the webpage is clicked  How to create a Login Box on a web page that appears only when a button that is already present on the page is clicked
Login Box appears when a button on the webpage is clicked
Login Box appears when a button on the webpage is clicked  How to create a Login Box on a web page that appears only when a button that is already present on the page is clicked
Advertisements
Login Box appears when a button on the webpage is clicked
Login Box appears when a button on the webpage is clicked  How to create a Login Box on a web page that appears only when a button that is already present on the page is clicked
Login Box appears at the background of my webpage?
Login Box appears at the background of my webpage?   As per the answer regarding my earlier query, when I post the code in my HTML page, the Login Box appears at the background of my HTMl page...........I tried CSS to change its
Refresh Button returns null point exception when clicked
Refresh Button returns null point exception when clicked  Dear all Please assist with the following: How to rectify a piece of code for the refresh button in java. When clicking the button it returns an error "null point
jsp :how to edit table of data displayed using jsp when clicked on edit button
want to delete this information in table when click on delete button and save the data when clicked on save button.. how can i do...jsp :how to edit table of data displayed using jsp when clicked on edit
extract data fom table when a button is clicked in front end page using mysql5.0 and tomcat6.0
extract data fom table when a button is clicked in front end page using mysql5.0 and tomcat6.0   sir, i want to extract data from table which is stored in mysql5.0 databse, when a button is clicked in front end page using
Save the content in my wysiwyg editor into specified location of user when clicked on save button in my web page
Save the content in my wysiwyg editor into specified location of user when clicked on save button in my web page  I am using wysiwyg editor to display some static content.My requirement is that This static content can be edited
jsp :how to edit table of data displayed using jsp when clicked on edit button
want to edit this information in table when clicked on edit button and save the data when clicked on save button.. how can i do this   The given...jsp :how to edit table of data displayed using jsp when clicked on edit
jsp login code ... when username , drop down box and password is correct
jsp login code ... when username , drop down box and password is correct  i need a jsp code for login.... when username password and dropdown box value is correct.... the drop down box values should be retrieved from database
jsp login code when username , password and dropdown box value is correct...
jsp login code when username , password and dropdown box value is correct...  my project has login in which i should select the company name in dropdown box.... so when i login i all the three username,password and dropdown box
jsp login code when username , password and dropdown box value is correct...
jsp login code when username , password and dropdown box value is correct...  my project has login in whic i should select the company name in dropdown box.... so when i login i all the three username,password and dropdown box
How to prevent from navigating to ck buttonnext page when user reaches login page using back button
How to prevent from navigating to ck buttonnext page when user reaches login... goback to user login page using back button and agin click browser forward button... 2)Page with link to open pdf files When i lo-gin,it takes me to 2nd page where
login box
login box  class file for password and conform password and how it connected to database
how to create directed line between two buttons when i clicked there
how to create directed line between two buttons when i clicked there  Hi I have to create a topology between 6 nodes. 6 nodes are created as 6 buttons and when i clicked in first button and then on second button a directed
For my website,As soon as the user is able to succesfully login, a Testimonial form appears.
For my website,As soon as the user is able to succesfully login, a Testimonial form appears.  For my website,As soon as the user is able to succesfully login, a Testimonial FORM appears in the same page. How to do. Please Help
facebook login button html
facebook login button html  facebook login button html i have a facebook login button code ..but not sure how to use it. Can any one please explain? Here is the facebook login button code in html <fb:login-button
Page is not getting loaded when I refresh the webpage???
Page is not getting loaded when I refresh the webpage???  **I am loading an image section(image,demo link,Zoom) in a webpage by using javascript... when I refresh the page.* Note: Header section is getting loaded always Could
hi RoseIndia why there is not Fackbook Like button on your webpage?
hi RoseIndia why there is not Fackbook Like button on your webpage?   hi RoseIndia why there is no Fackbook Like button on your webpage? That's the only prob in your problem. Others are excellent
click on back button go to the login page
click on back button go to the login page  now when i click on back button the page show that page on where i came from and it shows the session expired but i want when i click a back buttob then it should show a login page
Parent child windows relationships when webpage is accesssed through a hyperlink.
Parent child windows relationships when webpage is accesssed through a hyperlink.  A particular session timeout functionality works when a webpage... out to solve this issue so that the functionality works even when the webpage
Find focus of the keyboard cursor when ctrl+f is clicked in swing
Find focus of the keyboard cursor when ctrl+f is clicked in swing  Hi, I have created one small swing applications with two textarea. I want to implement a search such a way that if there is a focus on the textarea1 and i search
find out in servlet which button was clicked on an html page
find out in servlet which button was clicked on an html page  i have... in a servlet on pressing of those 2 buttons.. how do i find out which button was clicked so...="theForm"> <INPUT TYPE="button" VALUE="Roseindia" onClick="submitFunction
how to disable submit button after login in jsp
how to disable submit button after login in jsp  Hi, I have... on the back button in browser it stars displaying login page. How to prevent this? how to disable submit button after login in jsp? Thanks   Hi, You can
Disabling Login Functionality
which the login box appears. When the user enters his login credentials... is already in session), the login box appears again. How to disable... operation to pop up the login box and want to disable it when the user is already
webpage
webpage  design a webpage student database using forms and frameset
Write an applet that prints "Lear Java it is useful" at the current cursor position whenever the mouse left button is clicked.
Write an applet that prints "Lear Java it is useful" at the current cursor position whenever the mouse left button is clicked.   Write an applet... the mouse left button is clicked
Building a secure website inside a login box
want to stop this and instead ask the user to go to the login box,in case he enters...Building a secure website inside a login box  I have prepared a login box for my website.On entering the correct credentials,the user gets directed
print form information when click on print button
print form information when click on print button   Sir,I desingn institute webside using jsp and strut by using platform netbean 7.2.So request you please help for printing form information by clickin print button after submit
JFrame Close On Button Click
be closed on an action event i.e. a frame should be close when clicked... will use the dispose() method inside this method to close the frame when the button...JFrame Close On Button Click In this section we will discuss about how
Expand / Collapse form div when click on button
Expand / Collapse form div when click on button  Hi, I have a form integrated from Wufoo with iFrame code. If the user misses a field an error message appears but it takes more space than the DIV Formbox. How can I make the DIV

Ads