In forms, we have all seen where people have numerous options to choose from in a SELECT field, or they can select Other, and type something in a different text field.
I would like to be able to disable this Other text field if the SELECT isn't on Other.
I know how to disable the submit button, but I don't know how, or even if, you can disable/enable a specific text field.
Basically it's a layout creator, mostly, with a few customization options. Basically as you can see from the HTML below, there is a checkbox with the id "network" and a text input field with the id "username". Code:
View 1 Replies View RelatedI have some radio group boxes and according to select one of the values, the other values in another radio boxes should be enabled and checked. In the onClick method of each radiobox i call a setDefault() function to reset the value of radioboxes....e.g:
Problem: The code in setDefault() doesn't work properly and after disabling the radios, i can't enable them again.
I have not used JavaScript in a good long while (i'm a SQL guy by day) and am running into what I consider to be a simple problem. However, i've done LOTS of research on my problem and not able to find resolution on my own.
I've got radio buttons - one for Male and one for Female. I also have a textbox which is disabled by default when the HTML page loads. When the FEMALE radio button is checked, it should enable the textbox so that the end user can enter text into it. When the MALE radio button is checked, the textbox should remain disabled. The HTML page is calling a JS function which is inside a separate script, see code below.
Code:
function enableTextbox()
{
if (getElementByID("F").checked == true)
[code]...
I'm using image in an anchor tag as a submit button.
We use:
document.images['img_name'].parentElement.removeAttribute('href') in ajavascript function to make a image button non-clickable (not-hyperlink). How do we make it clickable again (have a hyperlink).
I don't know if it CAN be done via JS,And if the value of gig_count is less than 20, then the 'make certificate' button will be disabled. Once gig_count is 20 or more, then it is re-enabled for that particular row.
View 1 Replies View Relatedi'm having a bit of an issue enabling and disabling form elements through javascript. my code looks as follows:
HTML Code:
<table name="table1"...>
<form name="form1"...>
<tr>
<td>
[Code]...
I'm currently working on a form for my site and would like to do something
that I've seen many times on other sites. I would like to make a particular
form element enabled or disabled depending on whether another requisite form
radio button is checked. I tried this:
<input type="radio" name="yesorno" id="yes"
onClick="document.getElementById('metoo').disabled = 'false'">
<br>
<input type="checkbox" id="metoo" disabled="true">
<br>
<br>
<input type="radio" name="yesorno" id="no">
but it doesn't work--I can't figure out why.
i have a jsp page in which there is a table. the number of rows is variable and depends on a pre-defined query.every row has 2 editable textboxes which are initially disabled. i need to activate these textboxes according to the radio button which corresponds to the particular row in question.
View 8 Replies View RelatedNot 100% sure why or how to make this work.I have 5 options in a select drop-down. Only two of them are to disable a text field. I have written it successfully to disable on one option. How would I add the second option? I have tried many different ways, and i know its something small that i am missing.Below is the code that does not work but shows the 2 options that disable my text field.
<script type="text/javascript">
function type_disable() {
var qr_type = document.getElementById('qr_type');
[code]....
I have a password text field, where copy paste from anywhere must be disabled. I have a textarea where the user must be limited to enter only 250 characters.
<textarea name="description" id="description" maxlength="250" rows="4" dojoType="dijit.form.SimpleTextarea" style="width:200px;overflow:auto;word-wrap:break-word;">${fn:trim(status.value)}
Is it possible to disable copy and paste property in text box and text area field.
View 5 Replies View Related2 radio button and 2 text boxes, say them R1, T1, R2, T2when I select R1 then T1 is enabled , and T2 is disabled. when I select R2, then T1 is disable and T2 is enabled.Only, R1 or R2 can be selected (so giving them one name)
View 2 Replies View RelatedI have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
<script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
[Code]....
The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered. The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..
[Code]...
Got some problems with a php script that outputs a jQuery script.
The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered.The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..[code]
I am unable to disable a text box when a form loads. It worked before with attr() instead of prop() in earlier versions, now with 1.6.2, it does not work.
This is my code
<HTML>
<HEAD>
<script type="text/javascript">
$(document).ready(function()
[Code]....
The first page with the menu works just fine, but when you go to any of the other pages it won't let you highlight the text to copy and paste - in certain circumstances. It works fine on my home computer which is running Windows XP. I've been able to work with it in all browsers. On Windows Vista and Windows 7 there are issues. The only real difference is the previous/next page menu and the switch div script which is written in Javascript. This is the only thing I can think that's interfering. I've only tested Internet Explorer and Chrome in Vista (don't know about Chrome in 7) but it inhibits in both browsers.
Might there be any work arounds? On 14.html which is the Index (as in book, not the main web page) the switch div is gone but it's still not working. However, I tested just the switch div script on another web-site without the previous/next page menu and that also doesn't work.
[Code]...
The following function works fine provided you call it from the body's onLoad property.
Code:
function disableSelection(target){alert('in');
//disable text selection if drag in progress so we don't highlight text while dragging panels over other panels
if (typeof target.onselectstart!="undefined") //IE route
[code]...
I put an alert inside the disable function and it DOES hit it onload, but you can still select text on the page.
I have a website containing 26 subdirectories 'a' to 'z'
On the home page I want a text field and submit button
If someone for example types 'j' it will go to the 'j' folder home page
Does anyone know where I might find code like this?
I am creating a data application where users must be able to select table rows to perform actions on it... Think in terms of Yahoo Mail. I have written a script to select clicked rows and to deselect them when clicked again. I also added shift button functionality and 'escape' to deselect all.
However my problem arise with my click and drag to select multiple rows. It works fine in FF and IE, I have managed to disable text select in these browsers because it looks awry, but have not managed to achieve the same effect in Opera. Code:
I am trying to create a javascript form validation that will make a text field be required only if a previous text field is populated. If the first text field is blank, then the second field can be blank as well.
View 2 Replies View RelatedI'm developing a web page. It includes 2 text boxes. One text box for city and another text box for std code. I wrote the code for auto suggestion to city. Now i want to pre populate the STD code when ever a known city is selected (when city is selected from the recommendations displayed for city field).
View 8 Replies View RelatedI am trying to make some dynamic effect to a HTML page using JQuery.<br/> 1.<br/> When the user clicks a Radio field, the field will be highlighted.<br/> 2.<br/> When the user clicks the Radio 'Man', <br/>a Input text box will be provided immeditely just below it.
Here is my simple HTML page, but I don't know how to do with the JQuery part:
<Table>
<TR>
<TD>Gender</TD>
<TD>
[Code]....
I have a text field, call it income, that when the input is > 0 I need to dynamically show the next text box, and if it is blank hide the next text box. I would like to use onBlur but can't seem to get it to work.
View 5 Replies View RelatedI have created a html purchase request form that people will fill out and submit to make purchase requests within my company. In this html form, I have a text field that is automatically populated when the page is pulled up. The text field is populated with the name of the person who is logged in and it is read only so they cannot be deceitful or anything.To get to this HTML Request form, you must log in through a webclient thus the server knows to populate your name because you are the one logged in. The text field populates because of its <input NAME = "OBProperty_CurrentUserRealName", which is a keyword the program identifies and knows to populate with the logged in users name into that particular text field.
That works all fine and dandy, so here is where the problem lies. When submitting the overall form request, the populated name isnt being saved/ carried over to the admin page so we do not know who it was submitted by.To make the persons name carry over and save, another field name keyword must be used.
Which is OBKey__163_1. Which it was suggested to me to make that the input name of a hidden field. I need "text field A" to continue to populate the form with the persons name using OBKey_CurrentUserRealName, then pass the persons name off to a hidden field containing the input name=OBKey__164_1, which will thus save/pass the persons name on with the rest of the filled out request form when its submitted.
Here is what I have:
<input name="OBProperty_CurrentUserRealName" type="text" id="buyer" style="width:100%" readonly="readonly">
<input name="OBKey__163_1" type="hidden" id="OBKey__163_1">