I want to use JavaScript to detect the number of times a key (for example, the A key) is pressed. Once it reaches a preset number (say 10 for this example), it will trigger two events:
1. Change the background color of a cell in a table from white to black.
2. A split-second (e.g., .01 second) later, submit the form on this page.I can't have the user hit the ENTER key to submit the form, so the JavaScript script will need to do this.
I'm trying to detect keystrokes using Javascript. My code (so far) works in Opera and Safari, but not in Firefox, Netscape/SeaMonkey/Mozilla, or Chrome. (I have no idea if it works in IE; IE has other problems with my code.)What I've done is attached a onkeydown listener to the body tag. (I've also tried it with onkeypress and onkeyup.) Right now all I'm trying to do is detect a key press -- any key press -- and throw an alert as a result. I've tried it two separate ways -- with straight Javascript and with MooTools, which I'm using for the rest of my project.
The code I have is as follows:
mootools version $(document.getElementsByTagName('body')[0]).addEvent('keypress', function(event) { alert('key has been pressed.'); }); regular javascript version document.getElementsByTagName('body')[0].addEventListener("keypress", function() { alert('key has been pressed.'); }, false);
Both versions work in Opera and Safari. Interestingly enough, if I attach a click listener to the body using the exact same code as above, but changing the word 'keypress' to 'click', they both work in Firefox as well. I can't figure out how to get this key listener attached.
I am delving into the coding world and while I understand the basic principle of cookies, conditional statements, arrays, etc...I have looked around the web and this forum with little success. If the situation below is too complicated, I would really appreciate even a shove in the right direction regarding the logic.How could I show a preset counter which counts up from a preset, beginning number toward a preset, end number? I imagine the increment and speed is set be the difference between the two numbers and a timeframe.
:confused: Assumptions:I would rather not set the increment but edit the end number to show a steady increase. As I update that number, the increment adapts dynamically. I would want the number/script to be useful, so it should not refresh to the beginning number on each page load (i.e. num=0). When a visitor comes to the page, it must seem like the counter has been steadily been increasing in their absence.Coke or Pesi did something similar one time regarding cans sold to date (doubt it was plugged into a DB somewhere but rather based on a steady sales figure) and it was pretty cool.
I'm trying to make my WYSIWYG editor cross-bowser compatible. To do this I'm contemplating a way to capture keystrokes, but have no clue to go about it.
For example: If the user presses enter, I want to capture the keystroke and return a <br> tag or if the user presses ctrl + B, I want it to return a <strong> tag.
I have a quantity field where I'm only allowing a max of 3 numbers (numbers only) in addition to the tab and backspace keys. I want to include the delete key, but it appears both the delete key and the "del" key on the numeric keypad share the same charcode (46). If I allow for delete, I can't figure out how to not allow for the "del" decimal.
I'm looking for a script that with look at a list of zip codes and if the zip code the user enters is in the list it directs them to one page, but if their zip code is not in the list it directs them to another page. I don't know much about java, but I can modify scripts to meet my purposes. I just need a reference to scripts that do this sort of thing.
I have a site, im expecting a few hundred colleagues to sign up, they have the chioce to pick a user name and email adress of their choice, but to speed things up a bit I would like set preset usernames and emails in the fields so the user just has to press the enter button.
So for example, my 2 fields will be filled with something like Username: [mysitename]User[randomnumber] Email: [randomnumber]@mysite.com
where my site name is the actual name of the site, and the random number will be different on every visit.
I have been looking around for a while on google and have come accross a few things but still am unable to find the exact codes. I am trying to have a page setup so that when the user clicks a button it will add preset text to a form box and keep the chronological order of buttons that are clicked. This is going to be used for my ambulance service to assist dispatch so basically i am looking for preset buttons that the dispatcher can click disp. and have the dispatch and time added to a list in the form box that can later be copied and emailed to our cell phones.
I'm close, but the issue is that if the window is opened at a size that is SMALLER than the original image, it wont scale down to the smaller size until i first make the window bigger, THEN size it down smaller. The image itself is big (its fashion photography so it needs to be high res) and the js sets the minimum width at 1070. Id like to have the image as big as possible and then on page load automatically drop down to as low as 1070px if the window size is small. Here is the js:
how do i scroll page when i get to a location ... something like : <body onLoad="sl()"> <script languge="javascript"> function sl(){ if (document.stopper.y>50) { window.scroll(0,100); } </script>
then always when the user try to scroll to (0,100) its will be scroll him to (0,50) or something like
I want to create a table in javascript with a predefined height and width and put html code in its td.I wanna know when i should stop writing html code when my table have reached the predefined height.Is there any way to do that?I started by doing this :
var srcTable = document.createElement("table"); srcTable.border = 1; srcTable.borderColor = "Black";
The site I'm working on lists holiday accommodation (from a searchable database). The user can then 'short-list' several properties for further action (as yet unspecified). This is similar to having a list of products and adding them to a cart. Ajax is working fine to the point of adding the items to the Short-list, but because the page is no longer refreshing certain PHP variables aren't getting changed, so: (a) The 'Add to Shortlist' button isn't changing to 'Remove' and (b) The 'div' showing the Short-list controls isn't appearing
A non-Ajax version can be seen at: [URL]
This will show what should happen when an item is added to the Short-list, but the page refreshes and returns to the top. With Ajax nothing moves (which is the intention), although the addition to the Short-list does happen in the background, and everything displays as it should when the screen is (manually) refreshed.
I'm not sure how best to get the changes (a) & (b) above to happen with Ajax without losing the non-Ajax capability provided by the PHP. I have wondered about setting the button image with CSS and then changing the class using Ajax, but haven't tried it yet. It must happen only on the clicked button, of course.
In my MVC 2 website i have an index page with a list of items. Besides each item is a delete link which once you press it prompts you with a jQuery dialogbox where they need to confirm their action.I get the dialog box op with the right buttons and text. But the issue occurs when I try to confirm and call the deleteJob(jobId) method.The problem is that I never reach the ActionResult method in my controller.
I am just beginning to try to learn some js, and am making a site which requires a multi selection form with each being added up to reach a total. This sounds like a standard form, but this is a little different. I have files in megabyte sizes, from which people would choose what they wanted, and the total deciding how many dvds would be needed to store that many files...and this total could then be added to a js shopping cart. By the way, there is nothing illegal or pirated with the files in case you have any concerns.
I need to be able to display dynamic HTML inside a DIV (can't tell what the html nodes would be) - i.e needs to be flexible. The HTML that goes inside the DIV would have its own Javascript too. I was able to get this code snippet working on Microsoft IE7+, was wondering why the same won't work on firefox.
HTML Code: <html> <head> <script> /* the input type = hidden is necessary or the JS won't be accessible */ /* script defer tag is also necessary */ function insertHTMLOnButtonPress() { var s = "<html><input type='hidden' id='dummyHidden'/><head><script defer='defer'>function dynamicallyInsertedFunction() { alert('Successfully called - dynamicallyInsertedFunction'); } </sc" + "ript></head><body><input type='text' value='Hello World'/><input type='button' onClick='dynamicallyInsertedFunction();' value='Call Dynamically Inserted Method'/></body></html>"; /* Clearing out innerHTML is also required to flush the innerHTML so that repeated attempts - i.e new HTML/JS should work */ document.getElementById('wholeBody').innerHTML = ''; document.getElementById('wholeBody').innerHTML = s; } </script> </head> <body> <br/> <!-- Don't close the div inline, causes some problem and replaces the buttons too --> <div id="wholeBody"></div> <br/> <input type="button" onClick="insertHTMLOnButtonPress();" value="Insert some dynamic html"/> <input type="button" onClick="dynamicallyInsertedFunction();" value="Call Dynamically Inserted Method"/> </body> </html>
I have tried a couple of things likeRemove the script defer tag - Removing the dummy input element added which is required for Desktop IE - Removing the empty innerHTML step before replacing it But none of these appear to work for Mozilla firefox. I am also looking for a similar behavior on Android's default webbrowser (WebView to be more specific) -- Doesn't work there too.
I'm busy creating a website and I've implemented a gallery of sorts using this script below to make it move the images, however when it gets to the end of the cycle of images it reads the last image as the last one to reach the left hand side which is obviously quite unattractive. So all I would like to know is if there is someone who can alter this code to make it so the last image is read on the right of the block thus resulting in no blank blocks. You can view it in action at http://mcphotography.co.za/corporate.html.
I have a Javascript which is to count the number of characters entered into a Textarea box and to prevent any more characters from being added after a certain number has been reached. Here is the code:
I have this script that is supposed to check if a number the user guesses is the same as the randomly generated number.Problem is that the random number generated at the start of the program keeps on changing everytime I click on the "Check if I'm right" button, the random number gets generated again and I never ever get to reach the correct answer
HTML CODE <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
Hello everyone... I've got a question about an onKeyUp event. I'm using a text box that HAS to be a negative number therefore it has to have a - sign in front of the number. Can someone point me in the right direction as to how to write a function to do this? Thanks so much...
I am working on trying to create a Picture Bingo JavaScript. I am using the standard Bingo Card Generator and it works great however, I need help coding the script so that the number are associated with a picture for example everytime number 12 would show up on the card an image would replace the number. Here is the code that I am using:
When updating our agency's webpage daily, [URL] I am looking for a shortcut to save time.. When I update air quality numbers. I have to put the conditions. Ex.. 50 = good 100= moderate etc etc. As you see here(bold and underlined)
[Code]...
Well instead of having to type good or moderate every-time to correlate with the numbers, I want to find a way the category can automatically default correctly when I put in just the number. Ex, if I put in the number 100, it automatically knows to issue/ put Moderate with out me having to type it. I semi wrote a code .. Yet can't seem to know how to execute. Seeing if Maybe I can get some assistance.
I have a function below where every time a question is submitted, it will add a new row in the table with a textbox which allows numbers entry only. My question is that I don't know how to code these features in this function:
I want the text box to be between 0 and 100, so if text box contains a number which is above 100, it will automatically change the number to the maximum number which is 100.
Does any one know how to code this in my function below in javascript:
When I used toFixed() method on a number, I thought that this method round a number to a specified approximation, but I got a surprising result, the number became string! 15.23689.toFixed(2) ==> "15.24". So does it convert the number into string?
