Reveal Content With Checkbox In Form

Jan 28, 2011

I have a form which check boxes. The last check box is labeled "other". What I want is that when the user clicks other my text field contained in my hidden "details" div will be displayed so they can specify "other".

Here is the JS code I have in the head of my page:
<script type="text/javascript" language="JavaScript"><!--
function RemoveContent(d) {
document.getElementById(d).style.display = "none";
}function InsertContent(d) {
document.getElementById(d).style.display = "";
}
//--></script>

Here is the code on the "other" check box:
<label class="checks">
<input type="checkbox" name="Other" id="other"
onselect="PresentForm ('details');" />
Other</label>

And the code for the details div:
<div id="details" class="checks">
<label >
<input type="text" name"details" size="30" />Please Explain</label>
</div>

Here is the CSS for the details text field:
#details {
padding-left:20px;
display:none;
}

View 1 Replies


ADVERTISEMENT

Reveal Content Within A Div Using Hover?

Jul 16, 2011

I understand how to reveal content within a div using hover, but how would I reveal content on click.

View 10 Replies View Related

JQuery :: Possible To Hover Over Content Div To Reveal Read More Link?

May 9, 2011

I m trying to learn and also implement, what I would like to do is have a content div that maybe holds an image, header and content. When this div is hovered over the div is overlayed with a transparent color and a read more link is also displayed.

View 12 Replies View Related

JQuery :: Hide And Reveal Questions In Form, Multiple If Values?

Jan 9, 2012

Attempting my first bit of JQuery, looking to hide or reveal questions in a form based on the value selected from a drop down list.i.e. select1

"1" Red
"2" Blue
"3" Yellow

I'm following an example where a single value is matched, i.e. if 1 selected reveal question
$(document).ready(function(){

View 2 Replies View Related

Click One Checkbox Will Submit Only One Checkbox Value (not The Whole Form)

Feb 23, 2010

My JSP web page has many checkboxes. What is web page source code look like when clicking one checkbox will submit only one checkbox value (not the whole form) immediately? i.e. toggling one checkbox will send the info that only that checkbox is toggled. This does not work because clicking one checkbox will send the whole page

<form name="myform" method="post">
<input type="checkbox" name="choice" value="1" onclick="submit();">
<input type="checkbox" name="choice" value="2" onclick="submit();">
<input type="checkbox" name="choice" value="3" onclick="submit();">
...

View 3 Replies View Related

Click One Checkbox Will Submit Only One Checkbox Value (not Whole Form)

Feb 23, 2010

My JSP web page has many checkboxes.What is web page source code look like when clicking one checkbox will submit only one checkbox value (not the whole form) immediately? i.e. toggling one checkbox will send the info that only that checkbox is toggled.This does not work because clicking one checkbox will send the whole page [code]

View 2 Replies View Related

JQuery :: If Checkbox - Load Content Into Div

Mar 23, 2010

Okay.. so both of these scripts work perfectly fine seperatly... I am trying to mash them together and make it work.

Code:

$('#phone_check0700').load('Scripts/ajax_autoUpdatesV1-1/phone_check0700.php');}, 10000);

This one loads the phone_check0700.php into the div #phone_check0700 every 10 seconds.

Code:

//Phone Check 0700
var refreshId = setInterval(function()
{
if($('#target').is(':checked')) {

[Code].....

This does not seem to work.. in fact.. the rest of the jscript does not even load properly.

View 5 Replies View Related

Check A Checkbox Depending On Page Content

Aug 2, 2010

I'm trying to write a piece of javascript that will check a single checkbox depending on a dynamically-imported piece of information further up the page. The page will look like this:

[Code]....

The variable which indicates which checkbox should already be checked is in the div 'title' in the p class 'white'. So in the case above, when the page loads the 'Option 1' checkbox should already be checked. The javascript i have, rather poorly, cobbled together so far just doesn't work, and I was wondering if anyone could point me in the direction of some useful tutorials. All the tutorials I have read so far deal with mass checking all the boxes with a button click.

View 17 Replies View Related

Vertical Reveal Menu

Aug 4, 2007

I've been working on a vertical reveal menu. Right now it
works ok with CSS. But what i'd like it to do is when you mouse over,
reveal the menu and have that menu stay open until the user mouses
over another menu item. Right now it's a bit jumpier than i'd like it
and would like to basically have it stay open on a mouse out event,
again until it hits another menu item. Code:

View 3 Replies View Related

JQuery :: Hide/Reveal Under Certain Conditions?

Dec 30, 2010

I have been building a website and am in the process of integrating a shopping cart into the website. I have colors for the products in a <select> but there are a few colors that require an extra processing step that would cost extra to the customer if they chose those colors. However I don't want that extra processing step to be visible unless those certain colors are selected because I feel it would be confusing to the customers.

View 1 Replies View Related

Reveal Contents In A Div On Clicking Link?

Apr 3, 2009

How can i reveal the contents in a div on clicking a link, like. code...

View 1 Replies View Related

Hidden Text To Reveal On Certain Conditions?

Oct 13, 2011

I have the following code. What I want to do is for certain questions to remain hidden inless certain conditions are met, then they appear to be answered. I am thinking with the <div> but not sure how. I also thought maybe with css but cant write a if statement in css so that a no go.

<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes" /> Yes
<input type="radio" name="owner" value="no" checked="checked" /> No<br />

[code]....

View 1 Replies View Related

JQuery :: Hide Only Half Of A Div And Then Reveal It On Hover?

Sep 23, 2010

Anyhow, as per my new site design, I need to have a DIV on the page, containing an image, some other divs, and some text within it, but have HALF of it concealed (see attached spotslideprev1.jpg) until the user hovers over the div, revealing the complete DIV (see attached spotslideprev2.jpg).I think it's pretty selfexplanatory. If anyone has any ideas or tips, I'd love to hear them!Attachments spotslideprev1.jpgSize : 209.88 KB Download : 635

View 3 Replies View Related

New Style Sheet - Menu To Reveal / Hide DIV?

May 19, 2009

I have a script that works perfectly on a live site that basically has a menu that reveals a hidden DIV and when you click a link, and then when you click a new link it hides the previous div and reaveals the new one. It is as follows:

Javascript Code:
Original - javascript Code
LastLayer = "nothing"; // the first div/layer
function openObject(theLayer){
// pass the name of the layer you want to bring to the top
// Then hide the last layer, and make the layer passed visible. This could have been done using the z-index property
if (document.getElementById) { // if it's IE5 or NS6 use this syntax to access the visiblity attribute
eval("document.getElementById(LastLayer).style.visibility = 'hidden'")
eval("document.getElementById(theLayer).style.visibility = 'visible'")
LastLayer = theLayer;
}
if(document.layers) { // if it's NS4 use this syntax to access the visiblity attribute
eval('document.layers[LastLayer].visibility = "hidden"')
eval('document.layers[theLayer].visibility = "visible"')
LastLayer = theLayer;
} .....

Now I am redesigning the site to work with a new style sheet, (There wasn't one before, it was all inline styles. Anyway, it broke my script. The CSS has a class that gives certain DIV's visibility attribute the 'hidden' value by default. I was planning on using the above script to reveal/hide them, but it does nothing. Here is the CSS that affects the divs I am referring to.

CSS Code:
Original - css Code
.job {
border: thin solid #000000;
float: right;
margin-right: 25px;
padding-left: 10px;
width: 40%;
display: none;
}
.job { border: thin solid #000000; float: right; margin-right: 25px; padding-left: 10px; width: 40%; display: none;}
As you can see there is nothing fancy in the css that would cause any concern.

View 4 Replies View Related

How Would I Reveal Something Based On What Item Was Selected In A Drop Down?

May 18, 2006

I've got a drop down with a listing of categories (Books, Apparel, Music, etc) for adding products to a database.

When the user select "Apparel" I want it to reveal a <div> with extra options. But I "only" want it to respond to if apparel was selected. If books, music, etc are selected, it should do nothing.

View 1 Replies View Related

JQuery :: Fade Out An Initial Image To Reveal Home Page?

Jan 1, 2010

Before the home page of a site i've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality. I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page.

View 4 Replies View Related

JQuery :: Reveal A Div With Doslide When Landing On A Page From An External Link?

Jan 20, 2011

I have a some divs in a list which are shown or hidden using doslide. I would like to be able to make a link on another page or an email which will go to the page and reveal a specific div automatically without the user having to land on the page and then search through the list.

View 2 Replies View Related

JQuery :: A Menu Slider That Slide Up To Reveal Contents Of The Menuitem Clicked?

May 6, 2011

There are several sliders out there. But are there possibly a plugin or tut or an suggestion to how you could have a black bar on the bottom of the viewport with a menu on it and when clicking the menuitem it would slide up with content related to the menuitem..I would imagine the you could might tweek a existing slider with some z-index function?

View 3 Replies View Related

JQuery :: Logo Of The Company To Appear On The Screen, Then Fade Out To Reveal The Web Page With Full Functionality?

Jan 1, 2010

I am completely new to jQuery, and I don't even know how to approach or implement what I am trying to do.Before the home page of a site I've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality.I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page.

View 1 Replies View Related

Checkbox Form Validation

May 3, 2006

I have a form liek this:

<form method="post" action="somefile.php">
<input type='checkbox' name='boxes[]' value='abc'> abc<br>
<input type='checkbox' name='boxes[]' value='def'> def<br>
<input type='checkbox' name='boxes[]' value='ghi'> ghi<br>
<input type="submit" value="Continue to Step 2..." name="s2"></p>
</form>

I want to make sure that people cannot continue without checking at least 1 checkbox. The name of the checkboxes will be same.

View 1 Replies View Related

Dynamically Add A Checkbox To A Form?

Mar 12, 2010

I have an HTML form with checkboxes. I want to add a text box that allows the user to type a string, then click "add", and then a new checkbox will appear at the bottom of the form. For example if my form looks like this:

[] A
[] B
[] C

and the user types "D" then clicks the {add} button, then the page will change to look like this:

[Code]...

View 10 Replies View Related

Validate TOS Checkbox On Form?

May 15, 2010

I need to validate a TOS checkbox on a form that has other non-required checkboxes. I am trying to use a bit of javascript described in this thread:

[URL]

The follow code I have in the <HEAD> section is this:

Code:
<SCRIPT language=JavaScript>
function checkCheckbox (f,name,require) {
var checked = 0, e, i = 0
while (e = f.elements[i++]) {if (e.type == 'checkbox' && e.className == name && e.checked) checked++}

[Code].....

View 1 Replies View Related

Create A Checkbox On A Form?

Dec 12, 2011

I want to create a checkbox on a form that, when checked, will display a text field for someone to enter text into. If the box isn't checked, though, the text field should not be displayed.

How do I do this?

Oh also, it will probably use document.getElementByID(), because that is what we're learning about

View 8 Replies View Related

Form Still Submits Despite Of Validation Checkbox?

Sep 25, 2009

I have a form, on which I have multiple checkboxes and text fields.Now I want that the form can't submit untill at least 1 checkbox is selected or a text field is filled.But even with the javascript validation I already have the form still submits.Any help on this one?Here is the whole page on which the checkboxes, text fields and javascript validation are:PHP Code:

<script type="text/javascript" language="javascript">
function checkCheckBoxes() {
if (document.form2.nbs_vmb[].checked == false)

[code]....

View 2 Replies View Related

Checkbox To Activate Text Box In Form

Oct 6, 2005

I would like to have a checkbox and text box beside each other in a form. The text box would be greyed out and no info can be entered UNTIL the checkbox is checked. Once the checkbox is checked the text box becomes active and numbers then can be entered.

Can this be done with javascript? If not what are my options?

View 3 Replies View Related

Quick Form / Checkbox Disable

Jul 6, 2006

I've got the following code being used to make a checkbox selected and readonly when a radio button value is selected:

document.myForm.valueName.checked = true;
document.myForm.valueName.disabled = true;

However when submitting the form values in email, the value of the checkbox won't submit with the checkbox value being disabled (if I comment out that second line, it works). Of course, I don't want the value able to be unselected.

Any suggestions? Can I make it readonly instead?

View 1 Replies View Related







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