Hi, I wrote something quickly (no test), are you looking for something like that ? Regards,
Yannick Bochatay http://ybochatay.fr var yourListOfElements = [ elmt1, elmt2 /*, etc */ ]; var currentElement = false; var focusOnElement = function(ind) { if (currentElement) { /* code to blur yourListOfElements[currentElement] */ } /* code to focus on yourListOfElements[ind] */ currentElement = ind; // }; var keypressFunc = function(e) { if (currentElement === false) { return; } //no action if no element is displayed if (e.keyCode === 38) { focusOnElement(currentElement-1); } //up arrow else if (e.keyCode === 40) { focusOnElement(currentElement+1); } //down arrow }; document.addEventListener('keypress',keypressFunc,false); yourListOfElements.forEach(function(elmt,ind) { elmt.addEventListener('click',function() {focusOnElement(ind);},false); }); ----- Mail original ----- De: "luftikus_143" <[email protected]> À: [email protected] Envoyé: Mercredi 12 Octobre 2011 13:36:47 Objet: [svg-developers] Use the cursor (arrows) to move up and down elements? Hi there, I saw when searching around that there is the possibility that SVG elements react on cursors. I would like that the user clicks on an text-element, and then has the possibility to use the arrows (up, down) of the keyboard to move up and down and display the next elements. Is that possible? And what do I need for this? Thanks a lot for any hints! ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
