arrow keys through list of div cursor links

cantrell78

I'm dynamically building a list of divs that a user can click and sets
off an action. I was hoping to build into it a way to use the up and
down arrow keys to navigate the list and the enter key to select the
one that is focused - any idea how I could achieve this?

it's basically this:

<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('1') ">item 1</div>
<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('2') ">item 2</div>
<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('3') ">item 3</div>

Jul 16 '08 #1

Subscribe Reply

3556

Thomas 'PointedEars' Lahn

ca********@gmai l.com wrote:

I'm dynamically building a list of divs that a user can click and sets
off an action. I was hoping to build into it a way to use the up and
down arrow keys to navigate the list and the enter key to select the
one that is focused - any idea how I could achieve this?

You should use a `select' element, then it becomes much easier.

it's basically this:

<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('1') ">item 1</div>
<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('2') ">item 2</div>
<div style="cursor:p ointer; cursor:hand;" onClick="return
callAction('3') ">item 3</div>

Yuck.
PointedEars
--
var bugRiddenCrashP ronePieceOfJunk = (
navigator.userA gent.indexOf('M SIE 5') != -1
&& navigator.userA gent.indexOf('M ac') != -1
) // Plone, register_functi on.js:16

Jul 16 '08 #2

Laser Lips

Not one of the arrow keys returns anything
try it...

<body onkeypress='ale rt(event.keyCod e)'></body >

Jul 17 '08 #3

Thomas 'PointedEars' Lahn

Laser Lips wrote:

Not one of the arrow keys returns anything
try it...

<body onkeypress='ale rt(event.keyCod e)'></body >

To whom and to what are you referring to?
PointedEars
--
Use any version of Microsoft Frontpage to create your site.
(This won't prevent people from viewing your source, but no one
will want to steal it.)
-- from <http://www.vortex-webdesign.com/help/hidesource.htm>

Jul 17 '08 #4

Laser Lips

cantrel...@gmai l.com wants to basically move up and down through divs
using the arrow key. Moveing through them probably means highlighting
them adn then, as he says, initiaiting an action. But you cant do
that using the arrow key because in JavaScript the arrow keys do not
give of any event.

Jul 18 '08 #5

Laser Lips

I stand corrected ...
function handleArrowKeys (evt) {
evt = (evt) ? evt : ((window.event) ? event : null);
if (evt) {

alert(evt.keyCo de);
switch (evt.keyCode) {
case 37:

break;
case 38:

break;
case 39:

break;
case 40:

break;
}
}
}

document.onkeyu p = handleArrowKeys ;

Jul 31 '08 #6

Similar topics

18229

Navigate table rows using arrow keys

by: skipc | last post by:

Hi, I am stuck... I've got a popup window that displays a list in table format with links on the bottom to navigate the list <prev> 1 2 3 ... <next> When I demo'd to the users... they immediately asked if they could use the arrow keys and enter key to navigate the list. I think there must be a way to do this, but I can't figure it out.

Javascript

2180

Newbe - Data Entry - Home/End/Arrow Keys

by: Richard Wakeman | last post by:

Hi - On a data entry screen with misc. input boxes, such as for Name, Telephone Number, etc., when tabing down the input screen, Access will highlight whole contents in that box. Sometimes I'd like to be able to jump to the end or the beginning of that input box to start typing without overwritting what's already in there. In other words, if I key a Home or an End key, the cursor will jump to the tabs at top or out of the screen. If I...

Microsoft Access / VBA

5803

how to move cursor from one textbox to adjacent textbox using LEFT ARROW key

by: Seash | last post by:

Hi friends , here is the sample code private void txtbox_KeyPress(object sender, System.Windows.Forms.KeyPressEventArgs e) { if(e.KeyChar == 13) //enter { txtbox2.Focus(); }

C# / C Sharp

1806

No arrow keys ?

by: Rob | last post by:

If I use the following code: Private Sub Form1_KeyDown(ByVal sender As Object, _ ByVal e As System.Windows.Forms.KeyEventArgs) _ Handles MyBase.KeyDown Dim myKey As Integer myKey = e.KeyValue MsgBox(myKey.ToString)

Visual Basic .NET

10155

Arrow Keys neglected on User Control

by: Martijn Mulder | last post by:

/* I have problems detecting the Arrow Keys on a User Control. A control derived from System.Windows.Forms.Control neglects 'bare' Arrow Keys but does react on the combination <Altor <Ctrl+ Arrow Key. The code below shows what I mean. How can I cure this? (excuse me for the line breaks) */

C# / C Sharp

2923

How To Detect Shift+Arrow Key

by: Martijn Mulder | last post by:

/* I override IsInputKey() to direct the Arrow Keys (Cursor Keys) to my custom System.Windows.Forms.Control. But, holding down the Shift-Key prevents the Arrow Keys from coming through. How can I intercept the Arrow Keys when holding down the Shift Key? */

C# / C Sharp

4224

How to move the cursor by reading in arrow keys

by: VanKha | last post by:

How to move the cursor( I'm programming with Win32 console applications in visual c++ 6.0) by letting the user type in arrow keys(and obviously, I will then have some variable column and row and use gotoxy() to move to the right point) ? I ask that question because I'm trying to write a text processor : //just pseudocode.. char c; while(1) + if c is a "normal" character,just write it down + if c is arrow keys,move + if c==127,delete the...

C / C++

1593

DataGridView editable combobox Left Right Arrow keys

by: =?Utf-8?B?UVNJRGV2ZWxvcGVy?= | last post by:

When I have an editable combobox in a DataGridView and the user tries to correct an error they can not move the cursor from character to character with the arrow keys. The arrow keys move focus to the next cell. How can I change this behavior when editing the value in a combo box in a DataGridView control?

.NET Framework

6283

arrow keys in html form

by: beary | last post by:

Hi Being tested using FF 3 on WAMP server. I have spent a number of hours trying to figure this out myself. I have a html form using table cells and had a request to enable the arrow keys on a keyboard to move through the cells. I found some code and adapted it, and it works well now. Arrow keys move the cursor exactly to the correct cell. There are two things I can't do which I was hoping you guys would give me some help on. I am a...

Javascript

9645

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

9480

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

8972

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

7499

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6740

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5381

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

5511

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

4053

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3646

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP