You may recall from my recent discussion regarding ways to display the data from my research project that I much prefer the interface made possible by the code at brainjar recommended to me by Sean Harrison. Now I'd like to explore implementing that method, and I'm looking for someone to help me do it since my web programming skills are so far out of practice. I don't know what a fair rate of pay would be for this - I'm hoping anyone who's interested might describe your skills briefly and suggest what you might charge per hour. I believe the only skills needed will be Javascript and CSS. Basically, it's a matter of opening videos in DIV-simulated child windows in the manner of the version of the brainjar code I tweaked and placed at the link below (you'll need all the files other than demo.html (the brainjar original) to run it : https://www.dropbox.com/sh/2b643nmwt8hv2rd/AAA7pzIKNTTnr8jhnfSqYbjLa?dl=0
But I want the interface to look (and operate) like the one at this next link where the 'speaker' icons open audio and the 'filmstrip' icons open video (except that I want only the result in the second speaker icon (not the first one), and I don't want the built-in Acrobat Reader video style, but only the cleaner windows you see in the link just above: https://www.dropbox.com/s/9ghu3l5fkfj2t7i/PDF%20Version.pdf?dl=0 (If you have any trouble with these links please let me know.) The simplest approach may be to start by just making it work and go from there, but you may want to keep in mind that what I ultimately need is a work flow that I could teach to an intelligent and careful person with no need of web programming skills, who could then apply it to my hundreds of Word doc examples. Among the challenges are that the interface I want - the one at the second link - has varied font sizes, some in bold, some in italics, some in small caps. I should also mention that the numbers of audio vs. video icons in each example will vary - usually no more than one or two of each type, however. I would want most of the code that's the same across the HTML docs to be loaded from a library or an INCLUDE statement (however that's done in Javascript) so that the worker would not have to search long for the places that text or icons from the Word docs should be copied into the HTML (places that would also be clearly labeled in comments). I also suggest that a text file might be prepared listing the appropriate text to copy in for each video or audio file, text that would perhaps start with the <td> tag (which would include the appropriate CSS class), followed by the appropriate <img> tag, and an href or other means (such as an onclick=) that would include the URL to the media file, followed, of course by all the needed end tags. Then the worker could just go through the list and copy in the appropriate verbiage for each one. It would be easy for the worker to match these to the appropriate place in the document since everything has been assigned numbers. As to the changes in font size, , etc., I haven't used ColdFusion's built-in IDE in years, but I assume that key combinations could be defined where the worker (or me if I do it myself) could select a portion of text and press the appropriate key combination to surround it with <b> or <i> tags, or the appropriate CSS. An entirely different possibility I'll must mention (not as easy to tweak later but perhaps worth doing if it's less labor-intensive): if the latest version of Dreamweaver or a similar product makes it easy to design image maps, the existing Word docs could be turned into images, and the appropriate code could be attached to the icons within the image. I hope one or more of you will be interested! Peyton P.S. The project itself is one I expect you will find fascinating.
