Dear Bob, I've worked on some retouching of the user interface of the JSmol pop-up menu. I couldn't find what is the source file that produces this menu, so I downloaded the production file, http://chemapps.stolaf.edu/jmol/jsmol/j2s/core/coremenu.z.js dated 19-Aug-2013_17:25 and worked from that
I am attaching - the original file (unpacked in some online `beautifier´) - my modified file (unpacked) - a Unix diff file between them, for guidance ** The attachment goes in a separate private message, since it was rejected by SF ** I have tested in localhost and everything seems to behave well. A demo is available at http://biomodel.uah.es/Jmol/pop-up_menu/test_popupmenu.htm (see version 3) My motivations: - make the CSS rules isolated, i.e. applied only to jmolPopupMenu and not to other jQuery.menu instances that might be in the page - make it more compact (less tall, much less wide) - avoid the separators being visually active elements (on hover) - apply greyed-out style to disabled elements (rather than translucency), and make them visually inactive to mouse hover - avoid the # change in the url (by removing the href; this also seems to make the checkboxes more responsive) (Note) - added a ">" sign to expandable menu items - removed some css code that is not used by jmolPopupMenu - a more standard layout of html label tags, ie not surrounding the input tag The CSS is rather simplified, which should make easier for page developers to override some rules if they need (e.g. for finger-based devices). Still, there's quite a deal of mystery in some rules inherited from jQueryUI. I cleared up all that looked safe. Hope you can incorporate the changes. I think it feels quite better. --Note--: I tried to replace the a tags by span with a specific class (after all, they are not hyperlinks nor anchors), but it does not work. Seems that other code in the js file (coming from JQuery UI menu I believe) relies on them being 'a' tags, and I'd rather not mess up with that code. A flat <a> seems to be fine, even if not semantically pure. ------------------------------------------------------------------------------ Learn the latest--Visual Studio 2012, SharePoint 2013, SQL 2012, more! Discover the easy way to master current and previous Microsoft technologies and advance your career. Get an incredible 1,500+ hours of step-by-step tutorial videos with LearnDevNow. Subscribe today and save! http://pubads.g.doubleclick.net/gampad/clk?id=58040911&iu=/4140/ostg.clktrk _______________________________________________ Jmol-developers mailing list Jmol-developers@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/jmol-developers
