Preventing Any Input Into A Cell ?
Dec 1, 2009Way to prevent someone from entering anything into a cell?
It's the bit in bold below:
Code:
ADVERTISEMENT
Cannot Move Input Focus To A Cell After Re-Defining The Cell
Sep 15, 2011I have a javascript program that uses a HTML table as an Excel-like grid. The user can use arrow keys to navigation the grid. When the user selects a cell and then hits <Enter> key, the program turns the cell from read-only to editable (an input box), and select all the text in the input box. When the user hits <Esc>, the program cancels the changes that the user has made and turns the cell back to read-only. So far so good. The problem is that as soon as the user hits <Esc> key and turns the cell back to read-only, I find that I cannot move the input focus back to the cell any more. Actually I cannot move the input focus back to _any_ cell in the table. When this happens, the user cannot use arrow keys to navigate the grid any more (like the grid has lost the input focus). The user needs to use the mouse to click at a cell in the table to get things working again.
The user can get around with this problem by un-selecting the text from the input-box before hitting <Esc>. But this is not something that I expect the user to remember to do. I need a way to fix this problem. I tried the logical thing and programmatically un-select the text before turning the cell back to read-only. But this actually made thing worse - this causes the workaround to stop working.
The only browsers that I have tested this program is IE6 and IE8. I have not tested this in any other browser.
Attached is a simplified version of the program that can show this problem in action. This simplified program first adds an empty table on the web page, and then creates an instance of the CEstGrid class that takes care of the grid. CEstGrid will add two rows of test data into the table with two columns in each row. The user should use a mouse to click at one of the cell, and the cell should be highlighted. The user uses arrow keys to navigate the table. When he reaches the end of the table, he will wrap around to the other side of the table. Let say the user reaches the cell in row-1 column-2, he hits <Enter> to change the cell to editable. He will find the text in that cell to be highlighted. When he hits <Esc> at this moment, he will find that he cannot use the arrow keys to navigate the table any more, and this is the problem. Please rename the test program from .TXT to .HTML to test it.
Trapping/preventing Keypress In <input> Box
Jul 23, 2005I have an <input> box and i want to disable the apostrophe ( ' ) key, so
when you press it, no character appears in the input box. All other keys
should work ok.
I can trap the keypress event using "onkeypress=myKeypressHandler()" but,
beyond that, I'm stuck. I forget how to detect what key was pressed or how
to "null it out".
I'm using IE6 and users will be IE5.0 upward ONLY (trust me on this, suffice
to say it's not a website but an intranet application).
JQuery :: Preventing An Input From Losing Focus?
May 11, 2010Basically I want to prevent a user from moving to another field if the current one is invalid (non-numeric).I've tried a few things that I though would do the job, I've also tried using the change event with the last line (resetting the focus to the current element) but no dice.
jQuery('.setupprice, .monthlyprice, .quantity','#config_dialog').live('focusout',function(e)
{
var val = parseFloat(jQuery(this).val());
[code].....
Preventing A Form From Sending Unless An Input Matches
Oct 18, 2011How can I go about making it so JavaScript will not let a form submit unless a number entered into a field matches a pre-specified number?
View 3 Replies View RelatedPreventing Input Change (Hidden Field Values)
Oct 31, 2009On my site people are able to change hidden input fields values into one of their own. I don't know how they do it but how do you prevent it?
View 4 Replies View RelatedJQuery :: Set Value Of Input Box On Click In Table Cell
Aug 19, 2010I have a table with one click-able cell (ancor tag). Here is the code for the cell: (php)[code]#flightno is the id of the input field I need to set the value = to table cell value.
View 4 Replies View RelatedGrab Cell (<TD>) Bgcolor With OnClick And Put It In A Input Type Text...
Jul 20, 2005I have the following simple code:
<TABLE><TR>
<TD BGCOLOR="#FFFFFF" ONCLICK="myform.color.value =
this.bgcolor">hello</TD>
</TR></TABLE>
<FORM ACTION="hello.cgi" NAME="myform" ID="myform">
<INPUT TYPE="text" NAME="color" SIZE="10" MAXLENGTH="10">
</FORM>
When I click on the cell, the text input box shows 'undefined'. How
can I insert the cell's bgcolor hex code (#FFFFFF) into the form's
box.
Cell Height - Code Only Works When Placed In Or After The Cell Being Measured
Jan 27, 2009I have this layout
And then I have this code to determine the cell height.
So basically I need both my first and last cells to be able to have the mainbody cells height, but that code only works when placed in or after the cell being measured, in this case "mainbody", my question is this, is their a way to get the size of the mainbody cell before its done loading somehow?
Change Border Of Some Cell By OnMouseOver Different Cell?
Apr 11, 2010imagine table with 15 rows and 3 columns. If I move mouse over any cell I want some other specific cells to change their borders like with pseudo-class :
example
<style>
.boryellow {border: 3px solid yellow}
.borblue {border: 3px solid black}
</style>
this will work, a cell can change itself
<td name="third" class="boryellow" onmouseover="this.className='borblue'" onmouseout="this.className='boryellow'">cell</td>
even when dealing with empty images - click on link will change border of different element - imgs, but not span or td ...
<a href="#" onclick="document.all.xxx.className='borblue'; document.all['name'].className='borblue';
[code].....
Replacing any element link by "third" or "spanx" will cause stuck ant not executing other actions.
Script To Change Cell Color When Clicked And Back To Original When Other Cell Clicked
Mar 15, 2011<script language="JavaScript">
function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}}
</script>
what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.
Get The Cell Index Of The First Cell?
Mar 6, 2011I have a table with two rows and 4 columns, the first cell has rowspan of 2. How do I insert something into the first cell only? How can I get the cell index of the first cell?
View 4 Replies View RelatedPreventing Second Click
Oct 22, 2006I have a Java GUI application where I perform a lot of long DB operations [e.g. massive SQL Insert's], which takes 5-60 secs to perform. Sometimes user double-clicks the button or just gets impatient and clicks again, which created duplicate records.
So I am trying to disable the button as soon as it is clicked, and as soon as it's done, re-enable it again.
I tried to do it in Javascript, just simple: <input... name=Save... onclick="enabled=true;">
and as soon as screen refreshes, it re-enables the button automatically.
That works in some cases, however when I need to do some other Javascript operation
(e.g. validate() the fields on the screen), disabling the button automatically stops both Javascript and association form action in Java which is totally unacceptable.
Is there any other simple solution to such problems in Java or Javascript?
Preventing Unwanted Characters
May 7, 2006Instead of searching and replacing unwanted character in strings using cgi/perl, I would like to prevent some characters from ever being typed in text boxes and textfields. Two characters I would like to stop are "|" (pipe symbol) and the "carriage return". I am not even sure how to search and/or replace a carriage return in a string anyway. This may be a JavaScript function, because what I would really like to do is send an alert to tell the user that it is not allowed.
View 2 Replies View RelatedPreventing Cross Site Scripting
Jul 20, 2005I need to html encode all text field values on the client just before
sending them to the server. A javascript equilalent of Server.HTMLEncode in
IIS. I also need to be able to perform the reverse.
All I am trying to do is ensure that if a user enters html tags in the a
form, that the tags does not get parsed by the browser.
Preventing A Colour From Getting Too Light To Or Dark?
May 11, 2010I have a colour picker on my site, see it at [URL]Now I want to change the colour of the links on the page, don't worry I know how to do all this.
It's just if someone chooses full black (#000000) the theme looks awesome, but the links on the dark background are invisible.
Similarly if someone chooses full white (#ffffff) then you can't see the text on the white background.
So I want to know if you geniuses can make it so when a variable containing a hex, like #000000 is set as the main colour, then the link colour is changed to #666666 so you can still see it, but I want it to work with colours, so if you had #360000 (dark red) then the link colour would be something like #a10000.
I hope I have explained it well enough for you to understand, here is my code to change the background:
onChange: function (hsb, hex, rgb) {
$('.colour-picker-colour').css('backgroundColor', '#' + hex);
$('.background').css('backgroundColor', '#' + hex);
[Code]....
Preventing A Negative Number - Should Be Displayed As A Zero
Nov 7, 2011If a negative number is entered into the reading variable it should be displayed as a zero. This works with the first calculations such as average but right at they very end the the alert wont display the highest average it just displays the one which has a negative number typed in to it.
[Code]...
Preventing Trapped Key From Being Added To Textarea?
Jul 23, 2009I'm trapping the onKeyPress event of a textarea, and I'm wondering if there's a way to prevent the key from also being typed into the textarea if it's a certain key. I have tried stripping off the last character from the value property, but it seems that the character is added after the event handler finishes.Here's my code, in case it helps:
<html>
<head>
<script language="javascript" type="text/javascript">
[code]....
Opening A Popup Then Preventing It From Being Resized?
Jun 30, 2011I am trying to make a popup window with Javascript that will let a user choose either a Yes or No button and then be sent to a page after that.I really do not want this popup to be resizable. I have read that is not really possible in current browsers, but that you can prevent it form happening with resizeTo().I am not sure I'm doing this right though:
<input type='button' value="DELETE GROUP" onclick="javascript:Popup('deleteGroupWarning.html')" />
var stile = "top=10, left=10, width=300, height=300 status=no, menubar=no, toolbar=no
[code]....
Preventing Code From Being Executed In Onload
Sep 26, 2004I have some code that gets executed in a document onload event.
I display an alert message box saying that some action was performed successfully.
However the following annoying issue is bothering me.
Whenever someone bookmarks the page, or go back to it, or even refreshes it, then the onload event gets fired again and the alert box appears.
Is there a safe way to make sure that the code in onload will get executed only once? and that cosecutive triggering of the page will not trigger any code execution.
The most important thing to note, is that I pass a parameter in the URL indicating that the code should be triggered in the onload event.
Obviously when I refresh the screen, the parameter is passed again and the code gets executed..
Preventing Image Dragging In Firefox
Nov 7, 2006I'm using image as a resizing grip for my element and under IE and Opera it works fine but in Firefox it starts dragging the image when you press mouse button and move mouse and doesn't generate mousemove events. Is there a way to prevent the image from being dragged?
View 4 Replies View RelatedPreventing Source Code Stealing?
May 28, 2009Ok I made a post yesterday for a calculations script and I figured it out.Now the problem I have is as soon as I put it on my website a competitor is going to steal the code and put it on his/her/their page.Is there a way that I can put in my html a call to the javascript so that it just gets the script runs it and then displays it to my page without actually having the source displayable anywhere? Here is the code I made that I want to protect:
Code:
<html>
<head>
<script type="text/javascript">[code].....
Body Tag Preventing 'window.open' From Executing
Jul 23, 2005With the body tag calling out 'window onload', a function with a
'window.open' fails at the 'window.open' line.
At first I thought it was the entire function failing, but I tested
with alerts and found that it was only the 'window.open' that fails to
execute.
The function is being called by a link, and I suspected some problem
with the body alink/vlink but after cutting that out I saw no
improvement.
There is also a form in the page, and I need the 'window onload' to
set the focus to the proper control, thus I HAVE to have the Body tag,
right?
Preventing Onkeypress Events In Netscape 7 For Mac Fail
Jul 23, 2005I have a web page where I want to intercept keypress events in an INPUT-tag
and check if it is the Enter key, which calls another function that executes
a search. My code runs on Netscape 7 for Windows, IE 6 for Windows and IE5.1
for Mac, but not on Netscape 7 for Mac. When I press the Enter key, the
event gets caught but it does not get prevented and the search is never
executed.
The code looks like this:
function KeyDownHandler(e)
{
// if not Netscape, get IE event
if ( !e )
e = window.event;
if ( !e )
return true;
// Get valid ascii character code
var key = typeof e.keyCode != 'undefined' ? e.keyCode : e.charCode;
// process only the Enter key
if (key == 13)
{
// cancel the default submit
if (e.preventDefault)
e.preventDefault();
else
window.event.returnValue=false;
// submit the form by programmatically searching
search();
return false;
}
else
{
return true;
}
}
Preventing File Save Or Select-all In Javascript?
Jul 3, 2006I want to protect the data on my web page ; I want to make it viewing-only.
I've already disabled right-click, but can I take it one step further, and disable certain pulldown menus like copy, select-all, or file-save-as?
Preventing People From Entering HTML In Textarea
Jul 20, 2005I have a text area and I want prevent people from entering HTML text in the text area....
View 3 Replies View Related