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?
is it possible to make an select visible or invisible by selecting a checkbox.
View 1 Replies View RelatedI 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 RelatedI 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.
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.
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]....
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]....
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 RelatedI 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]...
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?
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.
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?
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 RelatedHow 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.
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";
}
}
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]...
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 RelatedI 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>
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.
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?
Is this possible with Javascript in anyway? :)
View 13 Replies View RelatedHow 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]....
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?
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 RelatedI'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.
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.