/    Sign up×
Community /Pin to ProfileBookmark

Can It Be Done?

Copy linkTweet thisAlerts:
Jan 20.2006

I’m trying to develop a graphic interface that works about the same as the device it is based on. It’s set up to use navigation buttons that will allow you to scroll between the menu icons, then you can press a confirm button to access it.

The screen is divided up into 6 icons, 3 columns by two rows.

___ ___ ___

|__ |__ |__ |
|__ |__ |__ |

I wanted to see if Javascript will let me utilize the buttons to interact with the screen portion, meaning if I press on the right arrow it will let me choose the icon to the right. Or, if i press the left navigation button it will move back to the previous icon, etc. I’m basically looking to see if I can move freely and randomly amongst the different icons with javascript?

Can I do it? Or will I need to use something else, like Flash for instance?

to post a comment
JavaScript

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@konithomimoJan 20.2006 — Yes, you can do that.
Copy linkTweet thisAlerts:
@Maverick776authorJan 20.2006 — Great!

Now uh....how do I do that? Any help is most appreciated since i'm not all that completely versed with javascript. ?
Copy linkTweet thisAlerts:
@konithomimoJan 21.2006 — Use a table with two rows and three cells in each row. Then use:

var cells = document.getElementsByTagName('td');

to get the number of cells . . . in case of yoru example it will be 6. Then just get the onkey capture for the arrow keys, or create your own onscreen buttons, and then just have functions to check for back, up, down, and right. Then just check the boundaries in each case, meaning that for left you check to make sure that the cell you were in wasn't the first cell, meaning that you cannot move left. ANd so on and so forth.
Copy linkTweet thisAlerts:
@Maverick776authorJan 24.2006 — Another detail I forgot to mention:

The page that you view the interface from has an imbedded frame with the menus I want to manipulate.

So in other words, I have the page with the buttons I will be wanting to use, then inside the imbedded frame (the 'screen' of the device), I want to be able to move to and from these icons using the buttons from the original page.

Does that make sense? It's basically manipulating objects on one page, while using objects on another page to do so. If that can still be feasible, where would I place this script then?
×

Success!

Help @Maverick776 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...