JQuery :: Plugin To Toggle Password Visibility?
Aug 12, 2011
I got the functionality of this plugin working tonight. It allows for a checkbox or link to make the password field of a form show the hidden characters, because sometimes it's nice to see them. I turned it into a plugin, and because I still consider myself a beginner with javascript, I thought I'd ask for a review so hopefully I can learn something. I tested it in FF5, IE7, IE8, IE9, Latest Opera, Latest Chrome, and Latest Safari.
Code JavaScript:
(function($){
$.fn.passwordToggle = function(options) {
/* Set defaults */
[Code]...
View 11 Replies
ADVERTISEMENT
May 3, 2009
I have just started trying to use jquery and though it looks cool and simple I'm having really problems working out how to do a really simple thingAll the examples I've seen use css selectors to target an element in the page but i need to use an id.basically I have a list of <a href> links and a load of <div>s that are all display:none by default when the page loads. The <a href> links and <div> elements are written dynamically by a php loop.What I would like to do is click on an <a href> link and make a specific <div> visible using its id. Sounds simple doesn't it ? But I can't figure out how to do this with jquery syntax.In traditional js syntax I would write a function that would receive the id of the target div as an argument when the <a> tag is clicked. Then I would loop through all the divs and make them all display:none and then display the target div.would i still need to put an onclick event in the <a href> links ? or is there a way of getting the id of the <a href> and using that to target the correct <div> ?
View 6 Replies
View Related
Jan 9, 2010
I'm pretty new to JavaScript and I've been searching for a way to toggle the visibility of many divs with images inside. Basically I want to have nothing visible, then I have three links that represent three categories of the images. So for example if the user clicks the link "Illustration" I want all the divs with the class illustration to appear. But when the user chooses a new link say, "typography" I want to hide the divs with class illustration and then show the divs with class typography.
View 1 Replies
View Related
Jul 6, 2010
Look at my "Fiddle":[url]
I'm having problems with the jQuery 'if' statement. When the div 'accord3' is hidden, I'd like the class 'linklast' to be added to 'Schools' --> the bottom corners are rounded. When the div 'accord3' is visible, the bottom corners must be square, meaning the class 'linklast' has to be removed. This has to be able to switch back and forth while I toggle the visibility.
View 1 Replies
View Related
Dec 8, 2010
This is using jquery by the way. I have a list of ethnicity on a form for a person to enter that are checkboxes. One option is 'Other, specify'. When 'other specify' is checked, I would like a text box to pop up and disable the other boxes (if you pick other, you can't pick from the previous ethnicities). If 'other, specify' is unchecked, I would like for the text box to disappear and re-enable the checkboxes. I had the appearing box working just using JS. I can't seem to get the syntax right to use the toggle feature of jquery to make the box disappear when unclicked.
JQUERY
<script type="text/javascript">
$(function(){
$('#other').click(function(){
$('#otherrace').toggle(
function(event) {
$(event.target).css('visible');
},
function(event) {
$(event.target).css('hidden');
});});
</script>
HTML
<input type="checkbox" name="race" value="asian" />Asian<br />
<input type="checkbox" name="race" value="hawaii" />Native Hawaiian or other Pacific Islander<br />
<input type="checkbox" name="race" value="noanswer" />Choose not to answer<br />
<input type="checkbox" name="race" id="other"value="other" />Other, specify<br />
<div style="visibility:hidden" id="race"><input type="text" name="fname" size="25" maxlength="25" id="otherrace" /></div>
View 3 Replies
View Related
Feb 16, 2011
I am creating a website as part of a university project. as part of this i am trying to make a menu in the top right. after looking around i have found javascript top be the best way to do this. how would i go about making it so that when i click on one div (called map) a separate div (called mapMenu) visibility is toggled.
View 3 Replies
View Related
Oct 29, 2011
I've got a script that toggles the visibility of a div on "dashboard.html":
$(document).ready(function(){
$("#add_networks_wrapper, .remove_box").hide();
$(".toggle_add_networks").show();
$('.toggle_add_networks').click(function(){
$("#add_networks_wrapper, .remove_box").slideToggle();
});
});
On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it. What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.
View 1 Replies
View Related
Oct 29, 2011
I've got a script that toggles the visibility of a div on "dashboard.html":
On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it.
What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.
View 7 Replies
View Related
Feb 19, 2009
I'd like to be able to toggle the existence of a DIV using the onclick attribute.
HTML Code:
<input type="radio" value="1" checked="checked"
onclick="document.getElementById('div').style.visibility='hidden';"> 1
[code]....
View 2 Replies
View Related
Oct 29, 2011
I've got a script that toggles the visibility of a div on "dashboard.html":
Code:
On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it.
What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.
View 2 Replies
View Related
Jan 9, 2009
Was wondering how to accomplish this.I have several table rows that I would like to hide all with the push of a button.For instance:
Code:
<tr id="objects_row1"><table class="apples">
<tr id="apples_row1"><td>asdf</td></tr>
[code].....
View 4 Replies
View Related
Sep 6, 2009
I found this little script and it works fine but the only thing is when the page first loads it displays the "This is foo" text. I would like it to not display the text until it is clicked. So instead of it displaying "This is foo" when the page loads I would like it to not display anything.
Here is the script:
Code:
<body>
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>
</body>
View 9 Replies
View Related
Mar 2, 2007
I've a frameset in my application.
1. A header Frame. (header)
2. A Tree Frame (left)
3. A Main Frame for displaying main contents. (mainFrame)
Well, I just want to toggle the visibility of the Left Tree frmae to provide more space to the Contents page when required.
> There can be a button which will have the label as HIDE when frame is visible.
> And when frame is hidden, the buttons label should be SHOW, clicking on which should show the frame baxck in its place.
View 3 Replies
View Related
Oct 29, 2011
I've got a script visibility of a div on "dashboard.html":
Code:
$(document).ready(function(){
$("#add_networks_wrapper, .remove_box").hide();
[code]....
View 1 Replies
View Related
May 14, 2009
I am working on a project that shows archived data as well as current data on the same page. When the page builds, current data is shown, archived data is hidden (by using a div with id="archive"). I found comments here that getElementsByName was not a good cross browser way to handle this (and I'm not sure how to use that anyway). Can someone suggest the correct way to handle this?
There should be a link that, when clicked, will grab each element on the page with id="archive" and toggle the display property (none or block).
Here is the current code:
function archives(toggle) {
if (typeof(toggle) != "undefined") {
if (document.getElementById(toggle).style.display == 'none') {
document.getElementById(toggle).style.display = 'block';
[Code].....
This works just fine, but only for the first element that it finds. I need many elements with the same name to be effected.
View 3 Replies
View Related
Sep 22, 2011
I have added some custom code to a flash-based CMS, essentially placing an instance of a Cycle plugin on the page with the flash content.
This is a work around, and not ideal, but my question, is there a way to delay the visibility of the plugin (hide it, basically) so that when a visitor first comes to the site they only see the flash intro, and then after x seconds the Cycle plugin fades in and becomes visible on the page? (I've got a regular fade in working properly, by the way. I'd just like to delay the start of the cycle.)
Or is there a way to integrate things more closely with the flash content and create an onclick command that shows/unhides the Cycle instance? I've attached the example code for further insight into my situation.
Attachments
jquery_cycle_flash_example
Size : 5.34 KB
Download : 262
View 2 Replies
View Related
Jul 8, 2010
I'm looking for a plugin easy to use and implement to control password strength
View 2 Replies
View Related
May 11, 2009
Is there any body known about this problem?
My code:
//js code
“data[User][password]“: {
required: true,
[Code]....
View 3 Replies
View Related
Jul 26, 2011
i have created one simple login form with 5 fields namely username,email id,password,retype password and phone no.i have created alert message for each function,so that when there is an error it displays alert message..now i have to replace all alert messages with inline validation(displays errors beside textbox).
<code>
<html>
<head>
[code]....
View 4 Replies
View Related
Jul 28, 2011
below is the code for simple login form having fields username,email id,password,retype password and phone no. i have done inline validation forcheckName() .i am not getting for the other fields can u tell me how to do it..
Code:
<html>
<head>
[code]....
View 6 Replies
View Related
Apr 28, 2010
I'm having trouble getting two password boxes to work on the same page, which I created using the JavaScript Kit Encrypted Password Generator [URL].
I've used the code that this generator produces, with some modifications as given by cheesebagpipe [URL]. These changes enable the user to press the keyboard's enter key to submit the password (as an alternative to clicking the submit button), and will also refocus the text box and select the text in it if the user enters the wrong password.
The code works fine on pages with just one box (e.g. [URL]), but what changes are needed to make two work on the same page? (I'm new to web design and clueless when it comes to JavaScript, which I know isn't the most secure method of password protection, but will do for now).
At the moment, on pages with two boxes (e.g. [URL]), neither of the boxes work; this appears in the address bar instead: [URL] ('help!'=whatever has been entered in the text box).
The full code for both boxes is given below.
<div id="passwordBoxes">
<div id="password2">
<form name="password1" onsubmit="submitentry();return false;">
<span class="WhiteLogin">Keyboard classes login</span>
[Code].....
View 6 Replies
View Related
Feb 15, 2010
I want to validate new password with repeat password befor user press submit.
<p align="center">To reset your password, provide your current password</p>
<form id="form1" name="form1" method="post" action="pcq.php">
<table border="0" align="center" class="mytable2" style="margin-left:175px" >
<tr>
[Code].....
View 6 Replies
View Related
May 8, 2011
How would you make a password feild and a retype password feild and they have to be the same?
View 15 Replies
View Related
Aug 28, 2008
This is a secure solution for password protection with JavaScript. It works by encrypting the password and the content. Nothing is revealed in the source code, and it cannot be beaten by disabling JavaScript.
The download contains three files:
Protect Content.html lets you generate your own protected content.
Demo.html is a protected document, and as long as it remains unbroken, it's your proof that this software works. You can also use it as a template for your own protected pages.
Demo, with hint.html is another protected document that tells you the password. This is meant to show that the first demo is not a trick or a fake.
View 14 Replies
View Related
Feb 22, 2011
I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here
[code]....
View 1 Replies
View Related
Jan 24, 2011
How do I tell my password function to have input type="password" onfocus. I also want the text "Password" to disappear onfocus.
[Code]...
View 8 Replies
View Related
