I'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]....
I have a text area and I want prevent people from entering HTML text in the text area....
View 3 Replies View RelatedI have a script that scans an HTML document for headers and special comment tags for the purpose of generating a left-floating/position-fixed DIV that contains the document's outline or "table of contents." Within the DIV are lists (UL element by default) whose items (LI elements) are jump-to links (A elements) to the points (headers, special points marked for inclusion in table of contents) in the document. The problem is this. I have typical HTML document with links that jump to points (usually headers) inside the document, as shown below:
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a>Header Text</h1>
<p>...
</body>
But my script, being a document outliner that finds headers in a document, inserts another anchor as a jump-to point just before the first occurrence of text in the header (inserted A element shown in red below). This somehow disables the document-coded jump anchor (shown in blue below). And it occurs in FF and IE, which suggests it is not a browser-specific issue. Why does it occur? Is there something in the HTML spec that states that two anchors to which a jump occurs are not allowed to be adjacent elements in the document?
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a><a id="jump-1"></a>Header Text</h1>
[code]....
To reproduce what I am seeing, search for the text "Why Is A Survey Done". The first occurrence is a within-document jump-to link, which should jump to a header below it. If the script execution to generate a document outline is disabled, the jump works. But if the script is executed and the document outline generated, the jump-to link does not work.
I am looking for a javascript code for this idea under this messageI want to create a kind of shopping website so when you click on a image or text it will add some text to a textarea,, it will include the name of item and price of an item
View 18 Replies View Relatedyou have something (tooltip-like) that pops up on mouseover and disappears again on mouseout. But sometimes, the mouse moves too fast (speedy Gonzalez?), and the event doesn't get trapped. So your tooltip thingy stays popped, and doesn't go away till another mouseover-mouseout happens.
View 1 Replies View RelatedI have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
How would i change back to the default length of textarea?
I have this comment area that after clicking submit i will append the new comment in the list of comments through ajax... i got one problem though, everything is working perfectly well except for the textarea that won't change back to it's default size...
EXAMPLE:
The problem is that the textareawon't change back to it's default size // let's say that the default size is rows=3
I 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?
Instead 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 RelatedWay to prevent someone from entering anything into a cell?
It's the bit in bold below:
Code:
I 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).
I 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.
I 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]....
If 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]...
I 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]....
I 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..
I'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 RelatedOk 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].....
With 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?
I 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;
}
}
I 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?
I have a textbox and a button. When someone clicks the button, then the ajaxStop() event fires properly. However, when someone types in the textbox and hits the Enter key, the ajaxStop() event does not get fired. Here's the relevant code bits:
The textbox:
var keywords = document.createElement('input');
keywords.setAttribute('onkeyup', '$(this).keyup(function (e) { if (e.keyCode == 13) { $("#submit_button").click(); } })');
[Code]...
Basically 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].....
I have a form element that is readonly. <input type="text" id="kfs_acct_1" readonly="false" /> This field is dynamically populated an making it readonly prevents users from changing the value in this field. The problem I have is users click on the field and try to delete it's value. They click in the field and hit their Backspace key. This takes them away from the page to the page from whence they came. Because of the way the form is set up, doing this makes them loose all the data in the form (the one with the readonly box). How can I prevent the Backspace key from fireing and taking the user away from this page? I've tried a few things, but apparently making a field readonly keeps some key events from being seen.
[Code]...
I am building a user-based online application using jquery, and I am concerned about the possibility of users being able to hijack my ajax functions. I'm sure there is a standard way of dealing with this, but I don't know what it is.For example, if users are logged in,and want to send an instant message to each other, they can use a simple messaging system.An ajax call passes their message to a back-end handler script, like so:
$.ajax({
type: "POST",
url: "back-end-handler.php",
[code]....
How 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 Related