neurogirl47 / igbo-context-menu Goto Github PK

View Code? Open in Web Editor NEW

0.0 3.0 1.0 49 KB

On-going project to build an Igbo Context menu

HTML 61.08% JavaScript 29.63% CSS 9.30%

igbo context-menu menu special-characters foreign-language

igbo-context-menu's Introduction

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 [email protected]

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)