On Click Show 2 Fields?

Sep 17, 2010

I'm a really newbe into javascript and probally this is one of the most simple quetsions.I'm making a form on a website. On selection of "yes" in one field two hidden fields must become visible. I managed to get it worked with one field but the sceond one wont work.I've made it this far:The attribute on the field "lint" is: onclick="displayField();"

The script i use is:
<script type="text/javascript">
function displayField(field)

[code]....

View 5 Replies


ADVERTISEMENT

Hide/Show Div - On First Click It Detects That Div Is Hidden And Makes It Visible - Button On Second Click It Does Nothing

Mar 8, 2010

What I've doing wrong, on first click it detects that the div is hidden and makes it visible, button on second click it does nothing:

View 1 Replies View Related

Show And Hide Form Fields?

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

Show A Field Based On Another Fields Value?

Mar 9, 2011

I am trying to show a field based on another field's value and hide it it initially... like when you want students to select their schools if they have gone for education ortherwise the school field remains inactive...I have the folowing scipt but it is not being fired on page load...

<script type="text/javascript">
function OnPageLoadAdd(pageid)
{
var tName = 'dbo.Register';

[code]....

View 9 Replies View Related

JQuery :: For Statement To Show / Hide Fields

May 4, 2011

I'm trying to use jquery to hide some contents in a for statement but is not working. Here is the code

if( $total_attachments > 0 ) {
for ($i=0; $i < $total_attachments; $i++) {
//output div and image in it
echo '<div class="pictures_entry">';
echo '<a href="'.$attachments[$i]["location"].'" title="'.$attachments[$i]["title"].'" rel="prettyPhoto[gallery]"><img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" /></a>';
echo '<div id="pictures_entry_name_'.$i.'">';
echo '<h6>'.$attachments[$i]["title"].'</h6></div>';
echo '</div>';
}}?>

I want to hide the pictures_entry_name_'.$i. and when a user clicks on a picture <a href="'.$attachments[$i]["location"].'" title="'.$attachments[$i]["title"].'" rel="prettyPhoto[gallery]"><img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" /></a>,
I want to slide down the pictures_entry_name_'.$i of this picture.

View 5 Replies View Related

Concatenate Two Fields Show Results To 3rd Field

Feb 27, 2006

what I would like to do is concatenate two fields and assign the results to a 3rd field.

Essentially:

Field1="Joe"
Field2="Smith"

Field3="Joe Smith"

View 1 Replies View Related

How To Show Hidden Fields Based On Selection

Oct 3, 2011

I want to know that "how to show hidden fields when a user selects a particular option in the html form"

I want the fields to be hidden first,then when the users selects:

Option A- Particulars fields which have I will create for this option must be displayed.

If

Option B-Particular field which I will create for this option must be displayed.

I want this code to run as soon as the user selects a option.Not on a button click

View 2 Replies View Related

Check Req Fields On Button Click?

Jan 18, 2010

I need to check all fields have values on click of button. The button already has a command but i need to check / run through the page for required fields. On find a blank required field then display message else continue with button next command.

If possible, maybe something that continues check on the form & display text this is required before making button visibe? I need to get this going else my project is screwed.

View 1 Replies View Related

Hiding And Showing Menus - When Click Headings, Sub Headings Show Up And When,click On That Heading Again They Disappear?

Jul 2, 2009

ive just got this script ive got set up and it works fine, but not what i expected.i want it so i have headings and when i click those headings sub headings show up and when i click on that heading again they dissapear however i also want it so that you can have multiple headings open at once .how would i be able to modify this code so that if i have say sub1 open and i click to open sub2 sub1 remains open

var persistmenu="yes" "yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)

var persisttype="sitewide" enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ DynamicDrive.com change[code].....

View 1 Replies View Related

JQuery :: Show Valid Fields In Validation Plugin?

Apr 26, 2011

the validator plugin for jquery is really cool, but i need the possibility to also mark a field as valid (not only disappear the invalid message), a simple "is valid" label would be sufficient..i tried to change the sources, but that seems rather complicated

View 2 Replies View Related

Add Fields With Click Of Button - Input Disappearing

Jun 23, 2009

I have a form I am using to take a list of band members. It includes the member name and the instrument they play. My problem is I can enter the first set of info, and once I click the add another member button..the information I entered is removed, but, the new fields are added. I want to keep the information typed and also add a field.

<script language="Javascript" type="text/javascript">
<?php
//this script is to make sure that the session data is put back into the member fields if they are updated
$memnum = 1;
while ($_SESSION['member'.$memnum] != ""){
$memnum++;
} .....

View 2 Replies View Related

JQuery :: Show Hide Multiple Other HTML Input Fields

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

JQuery :: Simple Hide And Show - Dynamic Input Fields

Jul 29, 2009

For example I have this sort code:
for ($i=0;$i<$db;$i++) {
$t1="toggleh$i";
echo "<div class='c'>Test<input name='$t1' type='image' id='$t1' src='test.png'/></div> <br>";
}
I try to make clear the screen for users, so I use hide & show to hide some row on screen what users actually don't need...

The JS part of code is something like this:
$('#toggleh0').click( function() {
$('div.showhide').toggle(400);
});
$('#toggleh1').click( function() {
$('div.showhide').toggle(400);
});
$('#toggleh3').click( function() {
$('div.showhide').toggle(400);
});
.
.
.
I dont know how can do this dynamic. So if "$i=6;" then I need toggle 0-6 function...

View 12 Replies View Related

Show - Hide Form Fields Based On Checkbox State

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

Hiding Some Fields In Form When We Click One Option In List Box

Feb 6, 2007

In my list box if i select one item corresponding to that 4 fields has
to be appear below the list box and if i select another item only 1
field has to be appear below the list box and if i select another item
no fields has to be selected.

View 2 Replies View Related

JQuery :: Multiple Fields On Single Mouse Click?

Nov 15, 2010

I need to get the clicked on field plus another field in the current row of a table....

$(function() {
$(".trclick").live("click", function() {
$("#flightno").val($(this).text()); //.children("a").text());
[code]....

The class of a column in the table is assigned the class - trclick. I need to get the value of $fnum when the $rev field is clicked. How can I get the value of $fnum when $rev is clicked?

View 2 Replies View Related

Show - Hide Dropdown - Script To Work In Multiple Select Fields?

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

Conditional Logic In Form Fields Hide/show Email Field?

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

Show / Hide Form Fields Depending On Radio Button Selection

May 29, 2005

How to show and hide form fields depending on a selected radio button.

View 14 Replies View Related

JQuery :: Datepicker Doesn't Load When Click On Generated Fields

Mar 28, 2011

I'm writing a page where I'd like to generate a bunch of fields using javascript and then make them usable by datepicker. The problem I'm running into is that when I first click on one of the javascript generated fields, datepicker doesn't load. However, if I click on a second instance of that same field name, then datepicker will load properly. My guess is that I'm just defining the function incorrectly for these events.

View 1 Replies View Related

Dynamically Add New File Field Below The Current Fields When The Button Is Click?

Apr 9, 2011

I new this is not to hard but I forgot on how to do it.I have this form:

<form><table><tr>
<td>Add Picture:</td>
<td colspan="3"><input name="txtPics" type="file" /></td>

[code]....

View 1 Replies View Related

Show Row On Table Row On Click

Jun 21, 2011

I created a javascript function to show/hide element id. In the code, the detail row will be show when its header row is clicked and the detail row will be hiiden after the hyperlink is clicked.

How to show/hide the detail row whenever its header row is clicked? For example, if I clicked header row #2, it will show detail row #2 and hide detail rows #1 and #3.

View 9 Replies View Related

JQuery :: Show / Hide DIV On Click?

May 14, 2011

I want to have a couple of links like

'Link1' >> opens box1
'Link2' >> opens box2
'Link3' >> opens box3

The boxes are not closing good?

I have this code but something is going wrong:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

[Code].....

View 1 Replies View Related

Show / Hide Table With A Click?

Nov 19, 2010

I want to hide a table when user click on a link

this is my code looks like code...

is it possible to hide above table at same time print this link clicked?

View 2 Replies View Related

Show Default Value Of Text Box With On And Off Click

Oct 7, 2010

I am trying to workout how to show the default value of a text box when you click off it. I have already got the code for the onclick but still working with the offclick.

View 1 Replies View Related

Click On Image And Show Content?

Mar 9, 2009

I have an image that when I click on it I want it to be hidden and content be shown. How can I do this?

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved