| mcUITools
|
|
mcUITools css & js (zip)
provide the code and styles necessary to produce
user interface (UI) components that work in a logical way
| | Data Fields
| | Sunken text, number, and readonly fields
| | Hex Bytes
| | The ability to enter and display hex bytes (00 - FF) is
implemented via mcUIHexByte.js
| |
| |
| | Styles Explained
| | Explanation of the styles used to produce sunken data fields
| | Browser differences
| | Screen shots of an application in Chrome and Firefox before applying mcUITools
|
|
| RadioButtons
| How to make them a bit more user friendly and use them in client-side applications
|
| Select control
| The standard code for a select control is pretty straight forward - but IE8 is broken!!
|
| Events
| Problems (and solutions) related to defining event handlers
|
| Mouse issues
|
| There are many cross-browser issues interacting with a mouse
| | Mouse Location
|
| How to determine the xy-location of the mouse over a canvas
| | Mouse Wheel
|
| This is the one area where the browsers are radically different and W3Schools really fails the developer. I hope this helps.
| | Cursors
|
| Just a way to see the available cursors - and instructions on how to add custom cursors
|
|
| Dialogboxes
| A Dialogbox is a specific type of window
|
| Windows
| Implementing a movable window is quite complex -
thus, it takes several pages to describe the issues
|
| Reading Attributes
| I add various attributes to my custom html components - this explains how to read them
|
| MouseOver Hints
| How to display text when the mouse moves over a UI component
|
| mcComponents
| Various components I developed
| mcElapsedTime
| | Converts between total seconds and days, hours, minutes, and seconds
| | mcUIWindow
| | This implements draggable windows with a Title Bar and Close Button
| | mcUITabs
| | How to add a tab panel to an html application, and a few
CrossBrowser Issues
| | mcUISplitter
| | How to implement a splitter that allows the user to resize 2 panels
| |
| |
|
|
| Objects
| Various methods to create classes and use objects
| iframe objects
|
| These are what the references suggest - but they don't work with local files
| |
| |
|
|
| Data
| How to use arrays and objects to supply data
|
| Graph Animation
| How to animate an image or graph using timers.
|
| DOCTYPE
| The directive that determines how html tags and javascript code operate.
Should be on the first line of every html file.
|
| Degree Symbol
| Issues placing a Degree Symbol (°) on a canvas using javascript -
and how to solve them
|
| Label tag problems
| A problem, and solution, when creating label tags in code
|
| Browser issues
|
| MS Edge
| | When running from a local file,
this Saved From comment stops all javascript files from being read
| | MS IE11
| | Problem when changing HTML encoding from UTF-8 to ANSI - very unlikely
| | Chrome 63
| | 3 extra characters cause ANSI encoded file to display Degree Symbols (°)
as black diamonds with question marks
|
|
| Gradients
| How to define linear gradients
|
| Functions
| Just a few comments - default parameter values, by value vs by reference
|
| Caret Position
| How to set and read the caret position (input cursor) in text elements.
|
| IE8 Problems
| Various issues supporting an old browser
|
| Eclipse
| I tried to use the Eclipse IDE to edit javascript and html -
this documents what I tried and why it was a waste of time
|
| Debug
| How to find problems
|