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?
I have a textbox and 2 checkbox, and I'd like to validate the textbox if at least one of the two checkbox is selected. If is just one checkbox, I'll write:
myTextboxl: {
required: '#myFirstCheckbox:checked'
}
but in the case of 2 checkbox, how can I solve?
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.
In the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it?
[Code]...
I'm having the following javascript code,after all the checkboxes are unslected,i'll display the alert to user saying that "Atleast one must be selected",but the checkbox is becoimng unselected,how to make check box selected after throwing this alert.
var checkSelected = false;
for (i = 0; i < planForm.locationOptions.length; i++) {
if (planForm.locationOptions[i].checked) {
checkSelected = true
document.planForm.action='refreshPlanView.do'document.planForm.submit();
document.getElementById("refreshing").style.display="block";
}
}
if (!checkSelected) {
alert("At least ONE Location must be selected!");
return false;
}
return true;
}
Here is my validation script from dreamweaver I also have it in php for server side. But I trying to get a checkbox to make a text field required when you select it. Right now I have it so when you hit submit whether the text field is filled out or whether the checkbox is selected or not the error message comes up no matter. The link to the page is [URL]
function validateCheckbox() {
if(document.forms["form1"].sales.checked) {
if(document.forms["form1"].telephone.value.length < 12) { // xxx-xxx-xxxx
return false;
[Code].....
I've downloaded treeview plugin from your website. It's very good tool but when I am selecting any node then all childs become hide only selected child become visible. I've downloaded tree from the following url: [URL].
View 9 Replies View RelatedJust started with JQuery and I need to make a hidden object be visible after 20 seconds.
I got this so far to make it invisible:
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">< /script>
<script>
$(document).ready(function() {
[Code]......
I have an image that I set to have a width of 100%. I want its height to be no greater than the visible height of the browser web-page area. This could distort the image, but thats OK. To makes things difficult, the image is in a div, and I want the div to be higher than the visible area. So I can't just set the div to height of 100%, and then within that set the image to a height of 100%. I know there is a javascript way of getting the height of the entire screen (screen.height) but that includes the extra areas of the browser such as toolbars etc. I know there is a 'offsetHeight' attribute, but I think I would have to use that on the BODY tag, and the BODY of the page could be several screens in height. So is there a solution to this? If there isn't then can I detect the aspect ratio of the screen?
View 3 Replies View RelatedI have an accordion list much like the example here : [URL]. Say for instance I have page links under the heading 'Section 2' of that demo above. How can I make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed?
At the moment I have :
$(document).ready(function(){
$("#accordion").accordion({
active: false,
collapsible: true
});
});
<!-- start accordian menu -->
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 2</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<h3><a href="#">Section 3</a></h3>
<div><ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul></div>
<!-- end accordion menu -->
</div>
What I need to add to make 'Section 2" visible only?
The following excerpt is part of a very huge project(in terms of code involved). Pardon me if it lacks a bit of context. But I assume I have posted adequate information for understanding the problem.
var sztitlebar_specific= "<table cellpadding='0px' cellspacing='0px' width='100%'><tr>" +"<td class='tiletitle'>"
"<img src='../images/alert.gif' onclick='toggleAlerts("#ID#")' alt='Toggle Alerts' title='Toggle Alerts' style='cursor: hand'>" +
[Code]....
But when I alert the status of the checkboxes they show up as "undefined". As you can see, the first piece of code defines a titlebar with a button and a couple of checkboxes and the name of the titlebar. And it is these checkboxes that remain undefined even though I can see them and check and uncheck them. But the name of the titlebar gets passed to the function correctly when the onclick event fires and it gets alerted.
I have a div tag element and a hide/show button above it. I'm able to handle the hide show of the contents all right via the button, but I want the div to be hidden when someone clicks anywhere else in the document, save inside the div area itself.This functionality is similar to what you see on the sign on panel in twitter.com. Press the sign in, the div sign in panel displays. Press the sign in link OR anywhere else on the document outside the panel. The panel is hidden.What's the best way to script this functionality in jquery?
View 1 Replies View RelatedBasically, 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?
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]...
I have a code below my concern being tht when the first text box "Name" conatins a value of "TPU" then the sexong text box "Ref Number" should be visible else should not be visible.
I mean the Whole <tr> shall be visible only if "Name = TPU"
Code:
I have a checkbox on a page which I have styled using some jquery code. I want the textbox underneath the checkbox to be disabled if the checkbox is ticked and enabled if it is unticked. I tried using regular javascript to do this but I beleive it didn't work because I have existing javascript/ jquery code on the page...here is a link to the page :[URL]...
View 3 Replies View RelatedI have a table to which I am dynamically adding rows to. When a user clicks a link I need to select a checkbox and a textbox in each row to do some validation.
$("#tblWorksheet tr[name^='tw_cjid_']").each(
function(){
varchkbx = $(this).("input[name^='chk_approve_']");
vartxtbx = $(this).("input[name^='txt_comment_']");
[Code]....
I have a simple form which I am running a validation on a single text box (as shown below, adapted from the milk example).
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#updateModules").validate({
rules: {
guestbookContact: {
required: true,
email: true
},
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
form.submit();
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
}});
Now I only want to validate the text box if the checkbox "requireEmail" is checked. Is there an easy way to do this?
I am using asp.net MVC in my project.I binded the dropdown using a list item as shown below. I was trying to get this selected value of dropdown into the textbox...but this dropdown is binded using list item...
<
div class="field-group">
<div class="editor-label">
<label for="ManagerID">Manager Name</label>
</div>
<div class="editor-field">
[Code]...
I have this validate code to validate a textbox if the user select a combo value:
<script type="text/javascript">
$(document).ready(function() {
$("form#2form").validate({
rules: {
viaAltro: {
required: "#AltraVia:checked"
}},
messages: {
viaAltro: {
required: "Insert 'Altra via'"
}}})});
</script>
and this is the HTML:
<select name="viaFornitura" id="viaFornitura">
<option>Seleziona la via</option>
<option id="AltraVia">Altro</option>
</select>
<label for="viaAltro">Altra via</label>
<input name="viaAltro" id="viaFornituraAltro" type="text" />
but it doesn't work.
I wish to use jQuery datepicker :
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<div type="text" id="datepicker"></div>
Which looks to me as the coolest, shortest markup for such a thing I've ever seen. My problem is that I don't really know how to put the selected date into a text box <input> and to have it there in dd/mm/yyyy format? I want to pass then this data with other info from the form to MySql database.
Have table with 5 rows. First 2 rows visible. Last 3 rows hidden -
With onclick would like to make those rows visible to user - how can I do that?
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.
I am trying to make a DIV visible after a user clicks a form submit button that posts to the same page.
Here is the code that I have came up with so far and it does not work.
<script>
void processForm()
{
document.getElementById("loadingImg").style.visibility = "visible";
[Code]....
Actually FF 3.6 does make it visible (if by default) but earlier versions (2) and Mozilla don't seem to. the code - this is the invokation function, the findObj is to set all lists to item 1 and can be ignored in the context of the question.
[Code]...
How can i check (from the parent) if a checkbox in an iframe is checked. Would this work?
$("#iframe").contents().find("input:checkbox").click(function() {