Hide/unhide Multiple Form Fields With Checkbox?
Feb 15, 2011
I have a form with a shipping address area and a billing address area. Right now I have a checkbox that fills in the billing address information if its the same as shipping information. Instead of having that so the form isnt so long when people first look at it I would like for the billing address fields to be hidden when you first come onto the page, and only if the address's are different the person will click the check box and the billing address section will appear. I know this has to be done in javascript but I have never done it
View 14 Replies
ADVERTISEMENT
Apr 26, 2009
i have to hide/unhide some fields on basis of some other fields. i found this script on the web.i can't understand the function completely what is the if ( txt.match(id1) ) block doing ?? is there any other way of doing the same...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
[Code]...
View 9 Replies
View Related
Mar 4, 2010
I'm trying to get the two followup questions underneath the checkbox to show up only if someone places a check there, but for some reason the way I've got it set up now it's simply hiding the area I want to show up altogether, and the checkbox has no effect on it.
Rather than waste tons of space pasting it here, here's the pastebin: [url]
Alternatively here is the live version:[url]
I'd prefer to have the form collapse when the additional questions are hidden, though if i can get this working at all.
View 2 Replies
View Related
May 24, 2010
I have put the following code into a sharepoint aspx page. So that when I change the value in a drop down box it runs a function (in this case it displays "Works").
<script language="javascript" type="text/javascript">
function getField(fieldType,fieldTitle) {
var docTags = document.getElementsByTagName(fieldType);
for (var i=0; i < docTags.length; i++) {
if (docTags[i].title == fieldTitle) {
return docTags[i]
}}}
function TestFunctionName() {
alert("Works");
}
getField('Select','DropDownBoxName').onchange = function() {TestFunctionName()};
</script>
What I'd like to be able to do as well is when a check box is changed or clicked on the same thing happens. I dont seem to be able to achieve it though. I've change the line...
getField('Select','DropDownBoxName').onchange = function() {TestFunctionName()};
to...
getField('Input','CheckBoxName').onchange = function() {TestFunctionName()};
and
getField('Input','CheckBoxName').onclick = function() {TestFunctionName()};
View 3 Replies
View Related
Nov 12, 2010
The problem I am facing a that how to Hide and Unhide Div tags in IE7 and IE8? code is working in all most available Browsers.Only IE creates the problem.
View 1 Replies
View Related
May 17, 2011
I'm creating a website where I would like to create some kind of tabbed pages.To do that I wrote a javascript where I create an array of all the divs I use to create the pages and then sets them all on style="display: none;" except the one I clicked which should get style="display: block;"But I can't seem to get it to work..
View 6 Replies
View Related
Mar 1, 2010
I am having some jQuery troubles whereby I have some jQuery that toggles an 'Other' HTML input field and associated label when a user selects the value Other from a HTML select drop down. I have this working for one field but the application I am building has increased in scope whereby there may be multiple instances of members on one page so the Other option will be there multiple times. At the moment if a user selects Other from one drop down all Other input fields show. How do I make this exclusive without repeating the jQuery for the separate instances?
// Show/Hide 'Other'
$(document).ready(function() {
$('.jOther').hide();
$('.jTitle').change(function() {
var $index = $('.jTitle').index(this);
alert($index);
if($('.jTitle').val() != 'Other') {
$('.jOther').hide();
} else {
$('.jOther').show();
window.location.hash = 'Other' + $index;
}});
});
<td>
<select id="title" class="inlineSpace jTitle">
<option value="Please select">Please select...</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Miss">Miss</option>
<option value="Dr">Dr</option>
<option value="Other">Other</option>
</select>
<label for="other" class="inlineSpace jOther">Other</label>
<input type="text" class="text jOther" name="other" id="other" maxlength="6" />
</td>
View 1 Replies
View Related
Jul 19, 2011
in my page i have two nav bars, one for js enabled and one for js disabled they are styled accordingly (the js disabled is display:inherit; and the js enabled is display:none;)now i may need to tweak those styles after i get the script working, but that i can toy with after i get this working anyways- my pages get the navbar inherited from a master page- so my thought was (to prevent loops) make a nav bar that had all js disabled links and a navbar that had all js enabled.
View 11 Replies
View Related
Jan 27, 2011
I have a HTML document with form. The form has several radio buttons. I want different elements of HTML (including <input> elements) to appear when each radio button is selected. Also, it is intended to show only those elements for a specific radio button. For example, if i select RB1, it shows me element div 1 and hides all others. If i select RB2, it hides element div 1 and shows element div 2, et cetera. So far it works fine with .style.visibility = 'hidden' and 'block'. Now, here comes the problem - each element appears below the previous element, they appear as they are in the HTML, no matter if i show the previous one. It looks pretty bad, because element positions are jumping as i select different radio buttons. How do i keep them in the same level, at the same position?
View 3 Replies
View Related
Dec 10, 2010
I have been trying to put together a site for my friend, however while my html and css understanding is ok, but I am very bad with javascript, and im pretty sure that i need to use javascript to solve my problem. So basically, i will have 5 different div tags, each containing differently styled content (example code below) - i only want the first div tag (content1) to be visible at the start. div tag 1 will have 4 different links (as u can see in the example), and then depending on which link is clicked, div tag one will disappear, and one of the other div tags will appear. each of the other div tags will have a link that will make themselves disappear and div tag 1 (content1) appear again. Is this possible?
View 3 Replies
View Related
Mar 7, 2003
I was wondering if someone could tell me what i'm doing wrong here. Real simple code, but it doesn't work. BTW, I really only care for this to work with IE 6+.
View 14 Replies
View Related
Jun 26, 2009
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
View 4 Replies
View Related
Feb 3, 2007
I have found and addapted a script that displays or hides a div tag
based on it's current class tag, but i can't seem to get it to work. I
am new to Java, and i know that everything has to be perfect in order
for it to function.
Would it be possible for someone to check over my script and point out
any errors there may be/extra spaces etc?
Here is the script:
function Toggle(id)
{
if(document.getElementById("details" + id).class == 'hide')
{
document.getElementById("details" + id").class='blue_sub_body_exp'
document.images["expand" + id].src= "colapse.gif";
}
else
{
document.getElementById("details" + id).class='hide'
document.images["expand" + id].src= "expand.gif";
}}
View 3 Replies
View Related
Jul 13, 2011
I want to use the following script for an automatically generated Sitemap: multi-level accordion The ul-Tag I need has no class or selector. But it runs within a special div-container.
How can I tell the script to hide and unhide the right list elements?
View 4 Replies
View Related
Dec 7, 2011
I am trying to write the simpliest of jQuery scripts. The script below is supposed to hide the only div and then the button shouldtoggle the display of the div.
The code:
<!DOCTYPE html><html><head>
<script type="text/javascript" language="javascript" src=" [URL] "></script >
<script>
$(document).ready(initialize());
function initialize() {
$("#show_hide_btn").click( function() { $("#show_hide_div").toggle(); };
$("#show_hide_div").hide();
}
</script></head><body>
<div id="show_hide_div"><p>
This div element should be hidden when the page is loaded and then hidden/unhidden when the button below is clicked.
</p></div>
<button id="show_hide_btn">Toggle the div above</button>
</body></html>
View 1 Replies
View Related
Mar 13, 2009
I've been messing around and searching about trying to find something which will only allow one of the hidden div's open at a time. When a new link is clicked, the last div open closes. Unfortuanatly I haven't found anything yet.
View 4 Replies
View Related
Jul 22, 2010
I have a html link like , <a href=""> Show More..</a>.On click of Show more, the text of link should be change and it should show Show less as text and hide the previous text i.e Show more.
View 2 Replies
View Related
Sep 3, 2010
I'm making a page with no hide / show and have thrown me over Jquery. When you press a picture, it make a box underneath. It works fine, but there must be more pictures and will ONLY be the box under the image is pressed to display and not all the div boxes. Have tried with next () and it cares not quite for me.
The code i use:
<html>
<head>
<script type="text/javascript" src="" target="_blank">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slide_button").click(function(){
[Code]...
View 2 Replies
View Related
Dec 6, 2010
I have multiple forms on my website. Some of them have a checkbox which is checked by default, whereas others are unchecked by default. I'm trying to figure out how I would detect whether or not the checkbox is checked, and if it is checked, disable certain fields (not necessarily all fields), and then toggle it back and forth as I check or uncheck the box..I found this code:
Code:
<script language="javascript">
<!--
[code]....
View 4 Replies
View Related
Mar 6, 2010
I've done a search for this because I'm certain I'm not the first to have this problem, but I could not find the solutions. I am marginally experienced with PHP but have no knowledge of javascript. This is for a scheduling program. Prior to generating the form, the question is asked as to how many days are needed, and the form automatically generates the appropriate # of fields. They are, for this example, as follows:
Day 1, Title 1, Description 1
Day 2, Title 2, Description 2
Day 3, Title 3, Description 3
Day 4, Title 4, Description 4
I would like to add a checkbox (entitled "Same as Previous Day") that allows the user to duplicate the previous entry, populate the fields so the database is properly filled, and make the fields it just populated uneditable. So for the example, if day 2 and 3 were the same as day 1, I could select a box for each day 2 and day 3 and their titles and descriptions would be filled with the information from Day 1.
View 4 Replies
View Related
Mar 23, 2011
I have a drop down selection where it shows and hides form inputs depending on selection. When the page loads it shows the drop down selections with no form inputs. After user selects drop down it shows the form fields. It works great but I want it to show the same form fields after the user hits the submit button which submits the page to itself. It currenlty goes back to the default selection list and doesnt show any of the form fields. Basically it hides all the form fields after the user hits submit button. How do I make it keep the last shown form fields after the user hits the submit button?
test3.html looks like this:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Show/Hide</title>
<script type="text/javascript">
[Code]...
View 17 Replies
View Related
Feb 12, 2011
I have a form which has two radio buttons at the beginning which show and hide fields depending on what button is clicked:
I want to adapt this js and html code so that when the page loads it checks whether one of the two radio buttons is clicked and depending on that it displays/hides the divs which are declared in the current function, at the moment it performs this when the user clicks one of the radio buttons but I want to perform it when the page is loaded and also when the user first enters the page I want the yes radio button to be selected and obviously show/hide
[Code]...
View 5 Replies
View Related
Jul 12, 2010
I wonder can someone help me. [onkeyup] I am trying to transfer user input fields from a form so that the user can preview what they have entered in a div on the same page (i.e. prior to submiting).
e.g.
1st Line - Name: This is my Name
2nd Line - Profession: This is my Profession
<div>
Copy of 1st Line - Name: This is my Name
Copy of 2nd Line - Profession: This is my Profession
</div>
View 7 Replies
View Related
Jun 24, 2010
I am trying to create a form with multiple fields, and instead of mailing it, I want it to save to clipboard. The only thing I have now is things others tried.
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
[Code]....
View 3 Replies
View Related
Jul 23, 2005
I am looking for a general purpose javascript snippet that enables me to
<div> or <span> HTML to make portions of the form be hidden and then appear.
The form contains about 12 sections and some sections can contain
subsections. When the user clicks on a checkbox, I want previously hidden
text boxes, radio buttons, text, drop down menus, and additional checkboxes
to appear. In some cases, clicking on a checkbox in a section can cause
additional previously hidden text boxes, radio buttons, text, drop down
menus, and additional checkboxes to appear.
Within each section, a list of individual names is displayed with an initial
checkbox beside each name being displayed. Clicking the checkbox beside a
name is what triggers the hidden info to be displayed. The server side
application is written in php and the field names are assigned using
brackets as the array is created. As an example the HTML checkbox beside
the first name <input type='checkbox' name='sect1custname[1]' value'First
Name'> The HTML for the next name woud be exactly the same except the name
field would be defined as name='sect1custname[2]'. All of the other input
buttons, boxes, menus, and text would use the same naming conventions so
that the server side module can correctly process the data.
I am hoping to keep this as generic as possible so that we can add, change,
and/or delete entire sections simply by creating the appropriate HTML and
surrounding it with the correct <div> or <span>. I understand that there
may need to be some javascript wrapped around the checkboxes.
If you know of , or have, or can develop the code, please send particulars
to jscott4272 at comcast dot net. If there are any costs associated with
the code, just let me know what they are. If you have any questions or need
additional information, please email them to me.
View 2 Replies
View Related
Oct 18, 2009
For some security reasons I would like to show an email field in a form ONLY if the 4 checkbox are checked.I don't want to use server side coding so I need to use javascript.I have this code, showing an alert if the 4 checkboxes are checked:
<html>
<head><script>
var conta=0;
function ctr(quale)
[code]...
It works but I nedd to ask for an email instead of showing an alert.
View 3 Replies
View Related
