Keyboard Shortcut For Links In Html?

free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

Keyboard Shortcut For Links In Html?

leiaah
Is there a way to make use of the keyboard when togging html links? I'm doing a project and it would be nice if the user won't be too mouse-dependent. He will have the option of using the keyboard as well. I'm thinking if the user does a particular keypress (CTRL + LETTER maybe?) the link will be "clicked". This is probably a stupid question but if anyone knows a way it would be so fantastic! cool.gif Thanks.

Reply

jlhaslip
Use the Tab key to set the focus on links without using the mouse. 'Tab order' can be by the default order in which they appear in the code or as determined by the page author re-arranging the Tab order with "Tabindex=".
CODE

<a href="blah.com" tabindex="3">Blah Page 3</a>
<a href="blah.com" tabindex="2">Blah Page 2</a>
<a href="blah.com" tabindex="1">Blah Page 1</a>

And then 'return' or 'Enter' to activate the link.

Reply

wild20
If you don't mind using Javascript, there is also a way to make it so the user is directed toward a certain page when a certain button is clicked. You could set this up by a link and give the user the key commands. Javascriptkit.com or javascriptsource.com I think those two are the best ones. Look under navigation. Hope it helps.

Reply

rvalkass
I think what you are looking for is called Access Keys. It seems to do exactly what you want, the user pushes Ctrl + Letter on the keyboard and it takes them to a certain link. Simply use this code:

CODE

<a href="http://www.sample.com/"
accesskey="s"><u>S</u>ample.com</a>


The letter you use for the access key is generally underlined in the text shown, like menus and toolbars in various programs. If you want any more on this try this article.

Reply

Lozbo
I believe that accesskeys works differently through browsers, for example, in order to activate the link with the given accesskey you have to press:

in firefox: alt + "key"
in internet explorer: alt + "key" and next "enter" to go to the link
in opera: still dont know...

Reply

moldboy
Here is a page I havn't tryed but it says it only works in IE and Opera (odd combination I think) but it's a start.
http://www.dynamicdrive.com/dynamicindex5/button1.htm

Reply

leiaah
QUOTE(rvalkass @ Feb 22 2006, 04:29 AM) *

I think what you are looking for is called Access Keys. It seems to do exactly what you want, the user pushes Ctrl + Letter on the keyboard and it takes them to a certain link. Simply use this code:

CODE

<a href="http://www.sample.com/"
accesskey="s"><u>S</u>ample.com</a>


The letter you use for the access key is generally underlined in the text shown, like menus and toolbars in various programs. If you want any more on this try this article.

Thanks rvalkass. It works except that you have to press enter after hitting CTRL + Access Key but it's okay. Thanks again. smile.gif

 

 

 


Reply

Tyssen
QUOTE(leiaah @ Feb 22 2006, 03:07 PM) *

Thanks rvalkass. It works except that you have to press enter after hitting CTRL + Access Key but it's okay. Thanks again. smile.gif

It's alt + access key actually and it's perfectly acceptable that someone should have to press two keys for site navigation, I mean, that's the way 99% of all program functions work when not using the mouse. About the only programs I can think of where pressing a single key produces a result is graphics programs when selecting different tools, so for most people, pressing a single key and suddenly being take to a different page would actually be unnatural and unexpected behaviour.

Reply

Lozbo
Yes, i support Tyssens argument, although i could point to GMail as a site that uses only a single key navigation feature... (its turned on by default, so you must notice it and turn it on to make it work, so it can not be as 'unexpected' as a site which offers no warning).

As for a consistent and cross browser way to show a hint to users that they can navigate their site through the key board, I dont know if it exist, but would point to this ALA article that offers nice tips about accesskeys:

http://www.alistapart.com/articles/accesskeys/

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Similar Topics

Keywords : keyboard shortcut links html

  1. where did you learn html from? - (89)
    HI, i am intresting in knowing where you began learning html of what inspired you to start learning
    html. which programs did you use or which progs dyu use?...
  2. Some Questions On Html - (6)
  3. Wanting To Touch Up/learn My Html Again - (27)
    Ok, well recently i realized that i am not as skilled in HTML (such as building website layouts) as
    i want to be, with tables etc... and so i was thinking about going through many many many many many
    many sites and just touching up on my HTML and see if i can code my own website template before
    starting to learn PHP because that is what i want to do. so, i am asking all of you experianced
    people on trap17 what websites did you use to learn your HTML skills, yees i know i could go to
    google and type in learn html or somthing along the lines of that, but i want to know wh...
  4. Help Making A Web Adress Bar Using Html/js - (9)
    Hey I need to make an adress bar basically you imput into the field press enter and your away but it
    cant use php or any code that needs to be installed, its all part of a workaround for my school
    interenet!...
  5. Html Cool Codes? - (6)
    hey guys..whats up..well i ws just wondering if you guys have any cool codes for myspace or
    something..you know to design a page using html/css codes...see i tried googling around but all the
    sites had the same thing..they dont have a unique one...i want like games in my page...like my
    friend he had like tetris in his page..and i want a game// or anything like that to make my page
    cool /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' />
    anybody????plz...PEAcE!...
  6. Html Ascii Codes - A Complete List - downloadable php file (3)
    I was often frustrated at how, despite there being thousands of ASCII "special characters" such as
    &8659; , websites that claimed to list them all only listed the first 256. To combat this issue,
    I have created a table which lists the first 10,001 - from &#000; to &10000; I am sure
    there are many more but it is simply not feasible to create a table with many more rows as viewing
    it would put terrific strain on the browser.! You can download the file in two forms. One uses
    PHP to dynamically create the table (1KB), the other has it ready-made in pure HT...
  7. Html Div Help [resolved] - help with the divs in ipb (1)
    hey guys, as you may know, i have ipb 2.3.4 set up on my site. i am currently using the centura
    skin and like it a lot. i have customised the header bar in terms of the logo, however also want a
    slab of text linking to the forums home at the top of the banner. i have so far managed to achieve
    this to work in firefox (see attached screenshot), however it just screws up in ie, opera and safari
    (i think). the link is here here is the code, both html and css, of the ipb header, and i have
    placed between stars the parts i have edited: CODE the css (only the ed...
  8. Best Way To Protect Html Form Fields - Looking for suggestions on how to protect form fields during user inpu (3)
    My working example is here http://sonesay.trap17.com/application.php The form submits to itself
    and stores what ever the user inputs into session variables. Thats all fine and I have validation
    checks for it, I wanted to add more and I remember comming across a site where they would lock from
    fields to prevent any changes if the information was already supplied and validated. I'm looking
    to build something similar but cant seem to figure out how to get that same effect at this time.
    Heres my program logic so far application.php includes('application_content....
  9. Help With Css/html Layout - Horizontal List Problems (5)
    I can't figure out why this horizontal list isnt working. Underneath my banner is supposed to
    be a green gradient bar with a list of links in the center of the page. The links are all the way
    to the left and are really small. The banner is also overlapping the list for some reason. This is
    my current layout(don't worry, I'm not trying to advertise).
    http://www.stormgaming.net/stormcreations/ This is my CSS file
    http://www.stormgaming.net/stormcreations/storm.css Thanks in advance for any help....
  10. Html Application Form - (6)
    does anyone know how to make a form/application that when you submit the form with the submit but it
    sends it in a email to you email address if anyone on here knows please please let me know thanks, i
    want this so i can have members apply for a team on my football site and there information will come
    back to me and i can accept or reject them for that job...
  11. Html Editor - non WYSIWYG (19)
    What editor can I download and use that isn't a WYSIWYG(what-you-see-is-what-you-get) and is
    free. Currently I use NotePad but I want something better....
  12. Login In Using Html - (12)
    I have looked around and I can't find any code to help me out. I want to make it so you can log
    in to my site to get member featues. Could some one please help me...
  13. Having Html Troubles...... - Please help! (1)
    I'm having troubles with the background colours on the HTML pages on my site
    keri-j.trap17.com Basically, the colors are hex codes and i'm no HTML n00b, god no! But, I
    just can't figure this one out! I have the background colour in the body tag (duh) " " on
    all my pages but on some of them the background is white. This might be to do with some javascript i
    have recently edited in each page or certain errors but whatever it is i can't figure it
    out! This is my homepage with the correct background color This is my poetry page with the
    fau...
  14. Do You Know Html? - Just Wondering, most of you would know. (65)
    Well I was just wondering, i know this polol might sound stupid, as this is a hosting site forum and
    the chances are you do know HTML, but the other day i met 2 people who didt have a clue what HTML
    was, and was just at the forum because they found this forum active. And also do you know any other
    programming languages, just wondering. I myself know HTML, C++ kinda, and learing PHP. Talking about
    Languages I know Tamil, English, Lote /tongue.gif' border='0' style='vertical-align:middle'
    alt='tongue.gif' /> ....
  15. Creating Link In Html - Help Me With This! - (5)
    edit: Neeeaavverrrminddd..... I was a total noob at php when i posted this and I needed help doing
    something with bbcode in php and didn't really know what I was saying.. /blush.gif"
    style="vertical-align:middle" emoid=":blush:" border="0" alt="blush.gif" /> Anyway topic
    resolved......
  16. Wanna Learn Html From Scratch - downloade an online tutorial,formatted my c: lost it forever,and FORGO (5)
    id prefer something i can download .....coz my internet connection is highly intermittant Moved
    from the Java section to the HTML section. ...
  17. Ok Background Help Please - html (4)
    OK so i've given up on the paint for background now how would i get it to look like this
    http://img.photobucket.com/albums/v614/Dj1.../background.jpg without using paint and without it
    coming out to look like this... http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg like,
    with just html code, not trying to use paint and do the BS any ideas?...
  18. Links Help Please - :) (10)
    Okay i have links that work at my house but not at school where i am trying to edit the HTML, the
    site is www.gaming-alliance.net, the links arent set anywhere but it should still send me to a blank
    page if the link i sent it to does not exist. Could someone please check it out and see if its
    working on a different computer? because it works on mine at home heres the code... Gaming
    Alliance | Next Generation Of Gamers Today Thanks....
  19. Html Question Concerning Pre Tag And Code Tag - (8)
    My question is, why would anyone use the CODE tag when you can use the PRE tag? 1. The PRE tag
    recognises white space, the CODE tag does not. 2. The CODE tag requires that you escape some
    chars, the PRE tag does not. I cannot see anything that the CODE tag achieves that is special apart
    from sounding as though it is perfect for displaying code which IMO it is not. Thanks. ...
  20. Xhtml Strict Links Tip - A problem might accure (5)
    If you try to put a link that has an & in your xHTML strict page, you need to change & to & in
    order for the page to be xHTML Strict.. eg.. BAD LINK: CODE
    http://jasamza.korisnik.com/forums/viewtopic.php?f=19&t=7&sid=6c2e9120dcff6e0b83698c4aa7be929a
    GOOD LINK: CODE
    http://jasamza.korisnik.com/forums/viewtopic.php?f=19&t=7&sid=6c2e9120dcff6e0b83698c4aa7
    be929a copy pasted &...
  21. Some More Help With Html - (2)
    Ok so yet again i need some help i have this so far: CODE <html> <head>
    </head> <BODY BGCOLOR="black" TEXT="white" LINK=#XXXXXX
    VLINK=#XXXXXX> <body> <center><h1> Pearl
    Harbor</h1></center> <hr> <p> <a
    href="http://photobucket.com" target="_blank"><img
    src="http://i173.photobucket.com/albums/w59/tuhyd/pearlharbor.jpg" border="0"
    align=right alt="USS Arizona "></a></right> <a ...
  22. Html Help - (6)
    ok so i need help again i was wondering how i can make a navigation bar that looks like this
    Free Website Templates <!-- Start of Page Menu -->
    Information Slide Show Pictures title="Time Line"> Time
    Line <!-- End of Page Menu --> Im having a problem putting
    the names of things that i want to go in those four boxes i tried to put in names but it didnt show
    up so i was wondering if anyone could give me some help...
  23. Help With Html - (11)
    Ok so i just started learn html about a couple of weeks ago and i make a background image using this
    code: CODE <style type="text/css"> body {
    background-image:url("http://img.photobucket.com/albums/w59/tuhyd/backgrounds.jpg
    4;); background-repeat: no-repeat}</style> and i am having trouble putting my
    text on the top in the center becasue my links are on the left every time i try and move the text up
    it moves the links down and separates them and i don't know what to do. added code tags.
    please use appropri...
  24. How To Display Php Code [resolved] - Html Help With Php Codebox (8)
    I'm trying to make codebox for my guestbook so that users can post PHP code inside.. I tried
    many versions but none of them works If i use , or i can display HTML code, but when i try to
    write PHP code it executes it does not display.. There is a way to make swap for You have codebox
    in forum to display php how can i make that?! thanks...
  25. Html And Javascript - Not php as first indicated... (12)
    Edit your ScrollBar colors Change "Your color", to color code, that u need. CODE <STYLE
    type="text/css"> <!-- BODY { scrollbar-face-color: Your color;
    scrollbar-highlight-color: Your color; scrollbar-3dlight-color: Your color;
    scrollbar-darkshadow-color: Your color; scrollbar-shadow-color: Your color;
    scrollbar-arrow-color: Your color; scrollbar-track-color: Your color; } -->
    </STYLE> Insert Date Place this code between , tags CODE <script
    language=Javascript> <!-- v...
  26. Html Query - HTML Query (2)
    OK, so I want to know if it's possible to have my links as a seperate file and simply reference
    that file in the rest of my site's pages so that if I change the links, I don't have to go
    and edit every single page of my site. Does anyone know how to do this?...
  27. Have You Used This Html Code? - very useful (9)
    how do you do if you want to put a video or audio file on you page...maybe you will use CODE
    <object><param name=url value="url"></object>/*simple format*/
    CODE <div><embed src="url"></embed></div> /*simple
    format*/ there is a very familiar code for carring out the video show : CODE <img
    dynsrc="http://kenvi9999.googlepages.com/ff7.wmv" border=1>/*an example:FF7*/
    have you used this html code...I just knew a tag can achieve video play that is really co...
  28. Error In Css (or Html) - (5)
    Well i am currently working on a project, and for this i need to fix this little error: Code is:
    CODE $this->frm .= "<style type=\"text/css\">
                            <!--                         .style1 {color: #000000}
                            -->                         </style>{$this->top}
                            <from action=\"$PHP_SELF\"
    method=\"post\" name=\"\">
                            <table width=\"800�...
  29. Image Links - (5)
    Ok...another question...may sound stupid, but we're all stupid...how'd I be able to create
    an image link. Uh...let me rephrase this: If I were to create an "Enter" image and wanted people to
    click the image to enter to a certain page, how would I do it without some sort of the famous "Blue
    Line" around it? Any help would be greatly appreciated... /unsure.gif"
    style="vertical-align:middle" emoid=":unsure:" border="0" alt="unsure.gif" />...
  30. Html And Xhtml - serving the right kind (11)
    Right now I have a site, which I've made XHTML 1.0 Strict. I am sending it as
    application/xhtml+xml to browsers that say they can handle it, and as text/html to all other
    browsers. Anyway, I started thinking that I'd much rather send proper HTML 4.01 to browsers that
    don't understand XHTML instead of XHTML pretending to be HTML 4.01. It's not really a
    problem with IE, because it is made to handle badly written sites, but who knows, some browser that
    can handle HTML, but not XHTML, may be (correctly) parsing CODE <p> Hello <br />
    World...



Looking for keyboard, shortcut, links, html

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for keyboard, shortcut, links, html

*MORE FROM TRAP17.COM*
advertisement



Keyboard Shortcut For Links In Html?



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE