JavaScript - Disabling Html Table In A Form.

I need to disable some keys from their default behaviour in Google Chrome on Windows with javascript.
The script below works for most keys but not for F10, left Windows key, right Windows key, NumLock and left Alt. (which are the keys I need to disable)

Code:

<script type="text/javascript">
addEventListener("keydown", function (event) {
if(KeyID == 121 KeyID == 91 || KeyID == 92 || KeyID == 144|| KeyID == 18 ){
    event.preventDefault();
}
}, true);
</script>

I have also without luck tried event.stopPropagation () - event.cancelBubble = true - return false og void().

I would like to know if their is a solution or it simply isn't possible to disable the mentioned keys.

Hey all i have this piece of code before that disables the given dates i put into an array. This works great for day 2-30 (out of a 31 day month) but it does not seem to work when i select either day 1 or day 31.

For day 1 it blocks out day 1 and i do not want that. The user should be able to select that day since it was selected. It does not do this for any other day. If the user selects day 2 then day 2 is selected on the calender and is not blocked.

As for day 31, i don't know whats wrong with it because it never shows me an error. It's the type of error that shuts down the website with "System Unavailable" for about a minute before i can connect to the page again.

Here is my code:
Code:

var disabledDays = ['3-31-2010','3-30-2010','3-29-2010','3-28-2010','3-27-2010','3-26-2010','3-25-2010','3-24-2010','3-23-2010','3-22-2010','3-21-2010','3-20-2010','3-19-2010','3-18-2010','3-17-2010','3-16-2010','3-15-2010','3-14-2010','3-13-2010','3-12-2010','3-11-2010','3-10-2010','3-9-2010','3-8-2010','3-7-2010','3-6-2010','3-05-2010'];
 
	function nationalDays(date) {
	var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();

	//console.log('Checking (raw): ' + m + '-' + d + '-' + y);
				
	for (i = 0; i < disabledDays.length; i++) {
		if(ArrayContains(disabledDays,(m+1) + '-' + d + '-' + y) || new Date() > date) {
			//console.log('bad:  ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]);
			return [false];
		}
	}
		//console.log('good:  ' + (m+1) + '-' + d + '-' + y);
		return [true];
	}
		
	function noWeekendsOrHolidays(date) {
		return nationalDays(date);
	}
 
	function ArrayIndexOf(array,item,from){
	var len = array.length;

	for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){
		if (array[i] === item) return i;
	}
		return -1;
	}
			
	function ArrayContains(array,item,from){
		return ArrayIndexOf(array,item,from) != -1;
	}

Any help would be great!

David

What have I done wrong here?


<INPUT id="purchase" onclick="document.getElementById("purchase").disabled = true;" type="submit" value="PURCHASE">

Hi there,

This is my request. I don't know if it CAN be done via JS, but it just seemed likely it could:

Basically, I have a table echoed out by PHP:

PHP Code:
 while($row = mysql_fetch_array($result)){
       echo "<tr>"; 
       echo "<td>".$row['Name']."</td>"; 
       echo "<td>".$row['gig_count']."</td>"; 
       echo "<td>" .$row['dob']."</td>"; 
       echo "<td>".$row['Mail']."</td>"; 
       echo "<td><a href=\"/records/add_gigs.php?id=".$row['Member_ID']."&?name=".$row['Name']."\"><button class=\"submit\">Add new Gig</button></a></td>";
       echo "<td><a href=\"/certsend.php?name=".$row['Name']."&?mail=".$row['Mail']."\"><button class=\"submit\">Make Certificate!</button></a></td>";
              echo "</tr>"; 


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.

Any code towards this is greatly appreciated.

Hi,

I am using the jQuery UI Datepicker - Event Search. as a booking-system.

I want to automatically disable days from my MYSQL table in my booking-system (datePicker).

So, here is the deal:

In my website, there is booking-system, you can reserve a room from datePicker.

I have successfully created a PHP, which sends the information (name, room, date etc.) to my MYSQL.

Then I have successfully created a datesonly.php, which prints only a dates from my MYSQL.

So now I have to make javascript (?) which reads dates from datesonly.php and draws a booked-note to my datePicker at website (so people can see which days are booked --> no double-books!).

Booked-note should be something like that day in datePicker is red.


Thank you! And sorry for my bad english, I'm from Finland.
EDIT: Sorry, the title should be:
Disabling days from datePicker via JavaScript

Hi everybody...
I 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
for (i;i<document.NPOrder.pSubstrate.length;i++){

document.NPOrder.pSubstrate[i].disabled=false;
document.NPOrder.pSubstrate[i].checked=false;
}
and after that i disabled and checked the other's value...)

Problem: The code in setDefault() doesn't work properly and after disabling the radios, i can't enable them again

Please help me and thanks in advance...
Hany

Hi,

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 javascript to do this but I beleive it didn't work because I have existing javascript/ jquery code on the page. Any help/advice would be fantastic, here is a link to the page :

http://recipesuggester.co.uk/index.php



Thankyou

I'm using meta refresh to refresh my web page. I have a small compose email window that appears via ajax when the user clicks on a name.

Is there a way I can disable the screen refresh in my ajax code while they are composing their message?

Hi all,

I am writing an administration panel for a web site. I want to check if the client's browser javascript enabled and if it is not enabled, a warning DIV comes telling the client to enable javascript and disable the actual page (make the actual page non-usable). Is there a way to do that?

Thanks in advance
telmessos

I've got this script working for grabbing and scrolling a website, and it's perfect; the only problem is I'd like to disable it when clicking a form (basically, not being able to drag scroll when clicking inside a form or input tag). This could be either by specifying a class or ID, whatever works best.

This is the script, in case the website goes down or something:

Code:

<script type="text/javascript">
document.onmousedown = function(){
  var e=arguments[0]||event;
  var x=zxcWWHS()[2]+e.clientX;
  var y=zxcWWHS()[3]+e.clientY;
  document.onmousemove=function(){
  var e=arguments[0]||event;
    window.scroll(x-e.clientX, y-e.clientY);
    return false;
  }
  document.onmouseup=function(){
    document.onmousemove=null;
  }
  return false;
}

function zxcWWHS(){
 if (window.innerHeight) return [window.innerWidth-10,window.innerHeight-10,window.pageXOffset,window.pageYOffset];
 else if (document.documentElement.clientHeight) return [document.documentElement.clientWidth-10,document.documentElement.clientHeight-10,document.documentElement.scrollLeft,document.documentElement.scrollTop];
 else if (document.getElementById("mailForm").onmousedown=null);
 return [document.body.clientWidth,document.body.clientHeight,document.body.scrollLeft,document.body.scrollTop];
}
</script>

Also, would there be a way to enable grab scrolling just on the background? I mean, disabling it on images, text and any other element, and just leaving the empty spaces of the website with the ability to scroll.

Thanks a lot in advance.

Hi,

Does anybody know of an example of creating a draggable iFrame in a similar way what can be done on iGoogle with the iFrame gadget using javascript?

The problem that I'm having is that the elements within the iFrame can still steal the input focus when dragging the frame using the bar I'm using to initate the drag process.

For example when clicking and holding the mouse down on a bar that I'm using to initiate the drag positioned above the iFrame and then moving the mouse to drag the whole frame containing the bar and iFrame I have a problem whereby if the cursor strays over the google search box on http://www.google.com the editbox steals the input focus and the dragging stops until you carefully move the mouse carefully out of the editbox control.

Can anybody point me to a page/the html/css containing an iFrame containing http://www.google.com that can't be interacted with because it has a div on top of it e.g. a semitransparent one would look nice for example. Then hopefully I can incoperate the changes into my javascript on initiation of the drag of the frame to disable the elements within the iFrame?

If there are any other solutions to this problem, prefereably with an example that works with browsers back as far as ie6 please let me know?

Cheers

Ben W

hi..
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.
can anybody pls tell me how to do that.
the code that i have written is as follows.if there is any tweaking to be done pls suggest the same.
code:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page import="java.util.ArrayList" %>


<%@page import="DTO.UserGroupDTO"%>

<html>
<head>
<script type="text/javascript">}
funtion enable(){
document.getElementById("inp1").disabled=false;
document.getElementById("inp2").disabled=false;
}
function disable(){
document.getElementById("inp1").disabled=true;
document.getElementById("inp2").disabled=true;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Update User Group Inquiry Results</title>
</head>
<body bgcolor="#aabbcc">
<center>
<h3>Update User Group Inquiry Results</h3><br><br>

<%ArrayList arrayList=(ArrayList)request.getAttribute("myList");
ArrayList list;
int size=arrayList.size();

Integer groupId=null;
String userGroupName=null;
String description=null;

%>
<form action="/test/BankServlet">
<table style="color: highlight" border="5">


<%
if(!(arrayList.isEmpty())){%>
<tr><th>Group ID</th><th>User Group Name</th><th>Description</th><th>Selection</th></tr>
<% for(int i=0;i<size;i++){
UserGroupDTO userGroupDTO=(UserGroupDTO)arrayList.get(i);

userGroupName=userGroupDTO.getUserGroupName();
groupId=userGroupDTO.getGroupId();
description=userGroupDTO.getDescription();
%>
<tr>
<td><%out.println(groupId); %></td>

<td><input id="inp1" disabled="disabled" value="<% out.println(userGroupName); %>"></td>

<td><input id="inp2" disabled="disabled" value="<%out.println(description); %>"> </td>

<td>
<input type="radio" name="radio2" value="<%=groupId %>" onclick="enable()">
</td>
</tr>
<%
}

}

else{
out.println("No match found");
}
%>




<tr>
<td><input type="hidden" name="strTitle" value="UpdateUserGroup"></td>
</tr>
<tr>
<td><input type="hidden" name="value" value="<%=groupId%>"></td>
</tr>
</table><br>
<input type="submit" value="Update User Group" style="background-color: gray">
</form>

<form action="/test/jsp/UserGroup.jsp">
<input type="submit" value="Go Back to User Group Operations Page" style="background-color: gray">
</form>


<br><br><br><br>


</center>
</body>
</html>

Not 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.

Code:

<script type="text/javascript">
    function type_disable() {
		var qr_type = document.getElementById('qr_type');
    var qr_owner = document.getElementById('qr_owner');
    if(qr_type.value == 'bio' || 'rebrand')
        qr_owner.disabled = true
    else
        qr_owner.disabled = false
}
	
</script>

Code:

<tr>
	
	<td align="right"><span class="re">*</span>Type: </td>
	<td align="left"> &nbsp;<select id="qr_type"  name="qr_type" onChange="type_disable()">
	
	<option value="0">Select Type</option>
		 <option value="property">Property Code</option> 
		 <option value="ipw">IPW Code</option> 
		 <option value="bio">Biography Code</option> 
		 <option value="rebrand">Rebrand Code</option> 
		 <option value="property_rebrand">Property-rebrand Code</option> 
		 </select>
	 
	 </td>
	<td ></td>
	</tr>

	
	<tr>
	
	<td align="right"><span class="re">*</span>Owner: </td>
	<td align="left"> &nbsp;<input type="textbox" name="qr_owner" id="qr_owner" size="30" value=""/></td>
	<td ></td>
	</tr>

Thanks for any help!

How can I hide/disable the submit button if the name Todd is selected?


Code:

<html>
<head>
</head>
<body>

<form name="people">
<select name="group">
 
 
<option value="Pick Your Name">Choose</option>
<option value="Tom">Tom</option>
<option value="Freddy">Freddy</option>
<option value="Todd">Todd</option>
<option value="Fred">Fred</option>
<option value="William">William</option>
<option value="Johnson">Johnson</option>
</select>
<INPUT TYPE=submit VALUE="submit"> 
</form>
</body>
</html>

If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes

I usually use an intermitened processform.php script.
http://developer.yahoo.com/yui/editor