Making Check Box/textbox Invisible/visible Depending On User Action?

Oct 31, 2009

Basically, i have a past and present checkbox, start date and leave date. Now if the user clicks on the "present" checkbox i want the leave date checkbox to vanish and if clicked again i want to re-appear..Take a look at this page:-http:[url].....

now you can see at the moment i have the checkboxes past, present and 2 text boxes beneath. Can i do this?

View 3 Replies


ADVERTISEMENT

Making Select Visible Invisible

Jul 23, 2005

is it possible to make an select visible or invisible by selecting a checkbox.

View 1 Replies View Related

Making A Table Row Visible Or Invisible

Jul 12, 2003

I have a radio button set that I am trying to use the onclick method to mae one row visible or the other. Let me show you what I mean. I have this javascript defined. I tried to use pointers but then I got element has no properties. So I've reverted to useing the full DOM call. Code:

View 11 Replies View Related

Making Parts Of A Form Visible/invisible

Dec 29, 2004

I have a form, its a very big form. About halfway down is a series of checkboxes (8 or so). Each one toggles whether the item I'm editing belongs to one of the categories or not. Each checkbox is linked to a subform that is invisible. (by subform I mean one or more form elements).

When a checkbox is clicked I want the subform to appear, and when it is unclicked I want it to disappear. Now the tricky part is, that when the page loads, it draws information from the database, and some of these checkboxes will already be clicked, so those forms need to be visible right from the start.

I'm just having far too many problems, can anyone point me towards some information that might help? Reply if I wasnt clear enough and you need clarification.

View 3 Replies View Related

Hidden And Visible - Make A Textbox Invisible Originally

Apr 12, 2011

I'm trying to make a textbox invisible originally.......

And then visible on a submission......

However it doesn't work.

I can however do the opposite.

View 1 Replies View Related

(jQuery) Hiding Columns \ User To Be Able To Toggle Main And Advanced As Visible/invisible?

May 26, 2009

I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)

Code:
<script type="text/javascript">
$(document).ready(function() {

[code]....

View 2 Replies View Related

Ist Of Checkboxes From Which The User Can Select 1 Or More To Check And Perform An Action Upon?

Feb 11, 2011

As this forum has been so helpful before, this time it's a JS question:I have a list of checkboxes from which the user can select 1 or more to check and perform an action upon.Thus, all checkboxes have the same "name" (in ASP code, since it's DB-related):

response.write "<input type=checkbox name=""FieldName"" value="&obj("OrderID").value&">"
I call JS using a button:
<img src="images/TrashBin.png" border=0 onclick="Delete(document.FormName.FieldName)">

[code]....

View 3 Replies View Related

Disable A Check Box Depending On Whether 1 Of 3 Radio Buttons Is Chosen By The User

Feb 24, 2009

I would like to disable a check box depending on whether 1 of 3 radio buttons is chosen by the user. As I am a js noob, I don't have any beginning code to start with.

View 7 Replies View Related

Make A Div Visible And Then Invisible?

Oct 30, 2010

I understand how to make a div (table) invisible and then visible on a timer.. What I want to do is add a counter to my code and make the table flash 3 times and then stop with the table visible. all my code does right now is make the table flash on and off every 1 second. This is what I have right now:

<script language="javascript" type="text/javascript">
function magic() {
var d = document.getElementById('MagicTable');
if (d.style.display == "none")
d.style.display = "block";

[Code]...

View 2 Replies View Related

Generate A Visible Content From An Invisible Iframe?

Feb 7, 2009

How can I generate a visible content from an invisible iframe?I'm working on a project which involves scanning of content posted through HTTP.For example, a file uploaded to some web-mail client (i.e. Hotmail) as an attachment. If the file is suspected to be a virus, the user should informed and asked whether he wishes to post the file anyway. This scan is made before the file is sent to the server.The message should come from the browser (like JS alert box) but should contain some arbitrary HTML code, not supported by alert box.

Normally, when a file is uploaded, it is done in some hidden iframe. When the upload finishes, the server replies with JavaScript code which when run, notifies the user the upload is done.To inform the user he is uploading a Virus, I'm altering the server's reply to the HTTP post. The altered reply is a JavaScript code which generates some custom dialog box.

The problem is, the page is returned to some invisible iframe, which means the generated dialog box is also invisible. Simple JavaScript alert box works fine as it comes from the browser, and not as part of a webpage. how I can generate a visible dialog boxes, from the hidden iframe?

View 3 Replies View Related

Make Bar Invisible And Contents Visible On Page

Jul 27, 2010

While my PHP is compiling, I have a loading bar. As soon as the body of my page loads, I make the bar invisible and the page contents visible by calling a javascript function with onload event.
Code:
<body onLoad="loadImages()">

When I put the javascript load function in the head between script tags as below it works.
Code:
<head>
<script type="text/javascript">
function loadImages() {
document.getElementById("showme").style.visibility = "visible";
document.getElementById("hidepage").style.visibility="hidden";
}
</script>
</head>

However, when I place the function in an external javascript file, it does not work, which is weird because all my other javascript functions in the external file work.

View 1 Replies View Related

Make Drop Down Menu Stay In Line When Invisible & Visible?

Jan 13, 2010

My problem is I had a drop down menu for a horizonal menu bar but the drop down items are about 4 items long . It works fine for first menu item, but the second one is positioned beneath the first one because it can't fit it's menu on the same line as the previous one.

I have set the submenus to hidden meaning they are there which is why they are taking up the space the other item needs to use when it's menu item is rolled over.

Is there a way to set items so they are invisible but not taking up room when invisible?

View 2 Replies View Related

How To Make A TextBox Invisible Using Javascript

Dec 6, 2006

i want to make my textbox invisible in certain cases, is it possible to do using javascript or by any other means.

View 2 Replies View Related

Make A DIV Visible If A Form Action Is Taken

Apr 8, 2010

How does one make a DIV visible if a form action is taken, such as a Radio button selected?

But here is the thing: this DIV that is to become visible and invisible upon radio clicked does not contain a simple short Text message, but instead this DIV contains many Images for selection. I mean I know how to turn on/off a DIV via Javascript command:

Code JavaScript:

But again this DIV is to contain many images and the inputs for selecting one of these images so that Javascript command will just not cut it.

View 1 Replies View Related

Making Multiple Elements Visible

Jul 27, 2006

I have written a function to make visible elements with a certain id. however i intended it to be used to make visible multiple elements but it only appears to switch on the first element it comes to with that id. after that it appears to stop. i was wondering how i can adapt this function to make visible multiple elements, will i need a different way of referencing or can it be done through id?

function toggleLayer( layerID ) {

var style2 = document.getElementById( layerID );
if (style2.style.display == "block") {
style2.style.display = "none";
}
else {
style2.style.display = "block";
}

}

View 2 Replies View Related

JQuery :: Nested Divs: Making Content Visible?

Feb 25, 2011

I'm trying to debug a tabbed menu implementation, where I have a variety of pages that are made visible based on tab clicks. This works well, until I have a page that is laid out with nested divs. Any content beyond the child of the selected page (page_about shows 'Put an image here' but not 'This is where...') remains invisible. I've tried a number of options in the slideDown statement, but failed thus far.

[Code]...

View 1 Replies View Related

JQuery :: Getting Around Click Function Making Hidden Element Visible

Sep 20, 2010

I have a class hidden by default at the document ready state. I use the show() function when its parent has been clicked and I want to be able to apply a click function to this newly visible element - when I write it I am finding that it is overriding the initial hide(). How do I work around this? I should say that this element is just a bit of text that says "close x" and will be used to "close" its parent div down...

View 1 Replies View Related

JQuery :: Making Dropdown Show / Hide Depending On Selection

Jan 10, 2011

I have the following code that generates two dropdown boxes in a form, but I would like for the second to be hidden unless the first has 'Software problem' selected. Is it possible to do this?

<p id="parent-menu">
<select name='helpdesk-category' id='helpdesk-category' class='dropdown' tabindex="40">
<option value='-1'>Select a Category</option>
<option class="level-0" value="13">Software problem</option>
<option class="level-0" value="14">Hardware problem</option>
<option class="level-0" value="15">Suggestion</option>
<option class="level-0" value="16">General query</option>
</select>
</p>

<p id="toggle-menu">
<select name='software-category' id='software-category' class='dropdown' tabindex="50">
<option value='-1'>Select a Program</option>
<option class="level-0" value="6">BigHand</option>
<option class="level-0" value="7">IRIS</option>
<option class="level-0" value="8">MS Outlook</option>
<option class="level-0" value="9">MS Word</option>
<option class="level-0" value="10">MS Excel</option>
<option class="level-0" value="11">Oyez</option>
<option class="level-0" value="12">Internet Explorer</option>
</select>
</p>

View 2 Replies View Related

JQuery :: Whenever A User Submit The Form In The #loginForm Div, The Page Refresh And The Main Div Return Invisible?

Jun 7, 2010

i've a div that contains a form, each of these elements have their own id; the structure is something like this

<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="art-header-tag-icon">[code].....

I'd want that: at the first user's click on the #register div, the div #registerForm become visible, it should remains visible also when the user click the submit button within and it should disappear if the user click a second time on the #register.I partially solved my problems with this:

$(document).ready(function(){
$("#registerForm").css("display","none");
$("#register").toggle(function(){[code]....

but i can't resolve the submit issue: whenever a user submit the form in the #loginForm div, the page refresh and the main div return invisible.

View 1 Replies View Related

JQuery :: Make Textbox Visible If Checkbox Selected

May 26, 2009

I am having a simple textbox:
<input id="myText" name="myText" type="text" visible="false" />
and a checkbox:
<input name="myCheckbox" id="myCheckbox" type="checkbox" />
How can I make the textbox visible if the user select the checkbox?

View 2 Replies View Related

How To Detect A Paste Action On A Textbox?

Dec 2, 2006

Is this possible with Javascript in anyway? :)

View 13 Replies View Related

How To Check If Action Is Done

Jan 4, 2011

How can I verify if the action after my $.ajax call is done and if not perform until done?Sometimes it performs the action sometimes it doesn't, it loops the request in this case the action:

$('#osa_stocka_'+completo_count+'_'+d).html(rt);

Rest of the code.

var data='id='+$('#osa_stocka_'+completo_count+'_'+d).attr("title");
var dataString = 'status=checkopapstock&'+ data;
$.ajax({

[code]....

View 5 Replies View Related

Search Depending On What User Selects

Jul 20, 2005

what i want to do is create several radio buttons and a textbox for
searching purposes. the search will perform a search depending on
which button the user selects.

here is what i have now:

- for each radio button, i use the onClick event handler, which calls
a function called showMe()

- showMe() {
if (button 1 was selected)
document.write('form which will search down path A');
else if (button 2 was selected)
document.write('form which will search down path B');
else if (button 3 was selected)...
}

this works, but once the user makes their selection, the search form
will pop up on another page. how do i fix it so that the search form
will display on the same page as the radio buttons? Is there any
other way to accomplish this?

View 1 Replies View Related

Go To Certain Page Depending On Selected Check Boxes?

Dec 17, 2009

If you have a form with 10 check boxes and you want to go to a certain page when you hit the submit button, depending on the check boxes you have selected, how would you do this? code...

View 15 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

Make A Table Header Visible As The User Scrolls Down?

Nov 4, 2009

I am looking for a javascript way to make a table header visible as the user scrolls down my web page. The table header is produced by php from a mysql db. The table is populated by results based on the user filter inputs.

see: [URL]

The table cells can be any width depending on the search results. I think a copy of the table header needs to be made and this would then float at the top of the page staying at the top no matter how far the user scrolls down, so that it's position would depend on the scroll bar position.

View 2 Replies View Related







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