JavaScript - Bug In Keypress For Arrow Keys? (linux)

Hi,
I would like to increase my table row when users hit enter. Please find my html code below.
Code:

<form id="form1" name="form1" method="post" action="">
                    <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" id="tblSample">
                      <tr>
                        <td align="center"><strong>NO</strong></td>
                        <td align="center"><strong>DESCRIPTION</strong></td>
                        <td align="center"><strong>QTY</strong></td>
                        <td align="center"><strong>PRICE</strong></td>
                        <td align="center"><strong>TOTAL</strong></td>
                      </tr>
                      <tr>
                        <td align="center"><label>
                          <input name="textfield2" type="text" id="textfield2" size="8" />
                        </label></td>
                        <td align="center"><label>
                          <input name="textfield" type="text" id="textfield" onclick="addRowToTable();" size="80"/>
                        </label></td>
                        <td align="center"><input name="textfield3" type="text" id="textfield3" size="8" /></td>
                        <td align="center"><input name="textfield4" type="text" id="textfield4" size="8" /></td>
                        <td align="center"><input name="textfield5" type="text" id="textfield5" size="8" /></td>
                      </tr>
                      <tr>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                        <td align="center">total</td>
                      </tr>
                    </table>
                  </form>

Hey CodingFourm-ites!


Ive scoured the internet for scripts that make a <div> follow the mouse, and have found one that seems to work well. However, I want the <div> to stop moving when the CTRL or the SHIFT key is pressed, I dont care which. Hopefully, I can have a div that follows the mouse at an offset that contains some click-able items, so a menu is always by your mouse. Ive tried now more than a few times to put together a piece of code that can achieve this, but none have worked. Can somebody write a script that can achieve this, or point me in the right direction?

Thanks guys!

Current JS for mouse follow:

Code:

var divName = 'mouseFollow'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = 15;          // Y offset from mouse position

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
document.onmousemove = follow;

The original code can be found at: http://javascript.about.com/library/blfollow2.htm

A common javascript function that capitalizes input as user types (onkeypress) no longer works as of IE9. Need a function that also works in IE 9 that doesn't not change method call or interface (as it's used in 150 places throughout application).


CALL:
[CODE]
el.onkeypress = function(el) {
return c_capitalizeInput(el);
}
[CODE]
FUNCTION:
[CODE]
// Intercepts keyboard input and capitalizes keystrokes.
// Call with onkeypress="return capitalizeInput(event);"
// Compatible with both IE and Netscape/Mozilla
function c_capitalizeInput(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (window.event) {
// IE
if ((evt.keyCode >= 97) && (evt.keyCode <= 122)) {
evt.keyCode = evt.keyCode - 32;
}
return true;
} else if (evt.which) {
// Netscape and Mozilla
key = evt.which;
if ((key >= 97) && (key <= 122)) {
key = key - 32;
evt.target.value = evt.target.value + String.fromCharCode(key);
return false;
}
return true;
} else {
return true;
// Can't do anything for other browsers
}
}
[CODE]

Any suggestions to make this work in IE9?

I've spent days searching without luck.
I need help with the following:

I have a program that have some hotkeys set to trigger some events. I would like to activate those hotkeys from inside firefox by clicking on a button. I'm not looking for keypress events, it has to be a button click.
So, let's say I click on the button that executes a javascript code that emulates F7 or CTRL+A or whatever key or key combination. Can you guys please help with to find a solution?
Oh, and I need it to work with Firefox only.

Thanks!

I am doing a program to teach pre-schoolers on how to use the keyboard. If there any possible if I press the arrow up key, It will then show a excellent swf, that I have make. if wrong if will come out try again swf using javascript.

please help me. im stuck.

Hi
How I can simulate keypress in google chrome.

I want to press a button to fire keypress event to print "X" in input box.

On my site we have image galleries that pop up over top of the page in a higher z-index and position:fixed, and another div between the gallery and background with opacity set to about 85%. The image gallery div has a close button, and I was asked to make the gallery also close by pressing ESC, so I added this:

igevt=function(evt){checkclosegal(evt)}
window.addEventListener('keypress',igevt, false)

and checkclosegal:

function checkclosegal(evt)
{

if(evt.keyCode==27)
{
closebgeagal()
window.removeEventListener('keypress',igevt, false)
}

}


This works perfectly in Firefox and Opera, but Chrome and Safari don't fire the event (not worried about ie right now - I know it uses attachEvent). Could it have something to do with the gallery being in a higher z-index? Please help, thanks!

I've seen websites that have things like feedback and an arrow facing up that either take you to the top of the page or opens a form to give your feedback.

I want to use an onkeydown() on my web site and the web site to know which key I pressed. Specifically know I pressed the arrow keys and store which key was pressed in a variable.

any help?

must work on all browsers.

Hey!

I searched a while on the web for this but i didn't find a solution that really worked. So is there a way how i can prevent IE9 from scrolling when i use the arrow keys?

Hello. I want to move something with the arrow keys, but some aprt of script is incorrect and it's not working
Code:

</style>

<script type="text/javascript">
function setup() {
row=0;
col=0;
imageSnake(row,col);
}
</script>


</head>

<body onload="setup()" onkeydown="handleKey(event)">
<center>
<script type="text/JavaScript">


document.write('<table border="1" cellspacing="0" cellpadding="10">')
var count =0

 for (var row=0; row<20; row++) {
 document.write('<tr>');
 for (var col=0; col<20; col++) {

document.write('<td style="border:0"; id="count++";>');

  document.write('</td>');

 }
 document.write('</tr>');


}

function handleKey(e) {

if (e.type == 'keydown' && (e.keyCode == 27 || (e.keyCode >= 37 && e.keyCode <= 40))) {

switch(e.keyCode) {
case 37:
dC = -1;
dR = 0;
break;
}

emptyCell(row,col);

function emptyCell
var id = 'r' + r + 'c' + c;
var cell = document.getElementById(id);
if (cell) cell.innerHTML='';
}

row += dR
col += dC

function insertImage(r,c) {
var id = 'r' + r + 'c' + c;
var cell = document.getElementById(id);
var color = cell.className;

if (color != 'white') {
var image = 'img.gif';
}else{
var image = 'img2.gif';
}
cell.innerHTML = '<img src="" + image + alt="" + color + 'image' />';
}

</script>

Thank you for any noticed error.

Hi All,

I have a javascript scrollbar in the middle of the webpage, with two images as arrow at both end. Onclick of up and down arrow images the inside content moves up and down respectively. All works fine. What I need is, when I scroll down the down arrow should be disabled or invisible (as there is nothing to scrolldown) and same way when the content is at the top, the up arrow should be disabled or invisible. Please help...

Sharing the code :

<body>

<script src="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/dw_event.js" type="text/javascript"></script>
<script src="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/dw_scroll.js" type="text/javascript"></script>
<script src="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript">
function init_dw_Scroll() {
var wndo = new dw_scrollObj('wn1', 'lyr1');
wndo.setUpScrollControls('scroll_links');
wndo.setUpScrollControls('wn1');
var wndo2 = new dw_scrollObj('wn2', 'lyr2');
var wndo3 = new dw_scrollObj('wn3', 'lyr3');
wndo3.setUpScrollbar("dragBar", "track", "v", 1, 1);
wndo3.setUpScrollControls('scrollbar');
wndo3.setUpScrollControls('extra_controls');
wndo3.setUpScrollControls('wn3');
}
if ( dw_scrollObj.isSupported() ) {
dw_writeStyleSheet('http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/vert.css');
dw_Event.add( window, 'load', init_dw_Scroll);
}
</script>
<link rel="stylesheet" href="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/vert.css" media="screen">
<h2>Demonstration</h2>
<div class="holder1">
<div class="hasImage scroll_controls" id="scroll_links">
<a class="mouseover_up up" href=""><img src="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/tri-up.gif" alt="" width="12" height="12"></a>
<a class="mouseover_down dn" href=""><img src="http://milansolutions.com/file_depot/0-10000000/20000-30000/29948/folder/92044/tri-dn.gif" alt="" width="12" height="12"></a>
</div>
<div id="wn1">
<div style="left: 0px; top: 0px; visibility: visible;" id="lyr1">
<h3>Mouseover Scrolling </h3>
<p>This example demonstrates vertical scrolling using mouseover links. Scroll speed is adjustable.</p>
<p>Mouse down on the arrows to see the speed double. Original speed resumes on mouseup.</p>
<p>The
documentation provides information for setup. The download file
contains examples in individual files for your convenience and ease of
implementation.</p>
<p>The code supports the capability to
hide or swap images when the end is reached. Further information is
provided upon request to licensed users of the code.</p>
<p>Content repeated for your scrolling pleasure </p>
<p>This example demonstrates vertical scrolling using mouseover links. Scroll speed is adjustable.</p>
<p>Mouse down on the arrows to see the speed double. Original speed resumes on mouseup.</p>
<p>The
documentation provides information for setup. The download file
contains examples in individual files for your convenience and ease of
implementation.</p>
<p>The code supports the capability to
hide or swap images when the end is reached. Further information is
provided upon request to licensed users of the code.</p>
<p>Back to the <a href="#" class="click_up_to_0_0">top</a></p>
</div>
</div>
</div>

I need to assign a key in the javascript to actually make the javascript work,.

I have a bookmark in chrome , a javascript , which actually works when clicked on it .,. but how can i edit it so that i can actually make it work on click a key or combination of keys.

i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.
i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.


Thanks in advance .,

Nani