Click below to watch the demo

Check out the website here http://udochiokeke.com/pages/igbo-context-menu/index.html

If you are interested in contributing to this project in any way, please email ndewo@igbolectures.com

Contributions can come in the form of:

• financial
• code commits
• becoming an admin (responding to help questions)
• creating a wiki
• building open source apps with this code
• building a community around this code
• whatever you can think of... :-)

TO DO'S

• Create simple HTML form
• Link javascript
• Create json of one letter ('a')
• Create method to check when ('a') is pressed that returns 'true' and/or console.log('a was pressed')
• Add .toLowerCase() so that it doesn't matter if the shift key is held when pressing 'a'
• Test that it is only triggered for 'a' keypresses and no other characters
• Add an array with all options of 'a' (tone marks and kpoms)
• Create ul-menu in a DOM file
• Create a method that populates the menu with the 'a' array
• Add methods that display the populated menu whenever the 'a' key is pressed
• Add methods to console.log a menu item is selected
• Add methods to append selected char into the DOM form at the spot where the key was pressed
• Prevent default behavior on keypress
• Turn menu items into clickable links attached to js function
• onClick console.log char
• onClick insert char into form
• [] after insertion, remove char menu
• [] Test that this function works
• [] Add another key with it's array values into the json object
• [] Add methods to check which key is pressed
• [] Create a method that checks if the key that was pressed was one of the 2 trigger keys
• [] Compare the letter if it is one of the 2, return a menu
• [] If it is not one of the 2, return the key

• [] Continue (allow the char to be typed into the form)
  

• [] If it is one of the 2 keys, check the json for the key

• [] Return the array associated with that key
  

• [] Add methods to populate the menu with the correct array values of the pressed key
• [] Add methods to display the correct menu
• [] Test both keys
• [] Add next keys incrementally and test each one

Igbo-Context-Menu

On-going project to build an Igbo Context menu UPDATE - I want to switch to React and create the functionality to swtich between input styles (roman chars versus nsibidi versus custom emojis)

Resources

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

https://dev.to/iamafro/how-to-create-a-custom-context-menu--5d7p

https://stackoverflow.com/questions/14444938/append-text-to-textarea-with-javascript