Skip to content

neurogirl47/Igbo-Context-Menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Click below to watch the demo

Youtube video of Igbo Context Menu 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

Releases

No releases published

Packages

No packages published