Page 2 of 2

Re: Improving Documentation

Posted: Sun Mar 16, 2014 1:23 pm
by WillAdams
Except, it doesn't seem to work on an iPad using Safari or Chrome (updating the latter now).

Okay, testing in:

- PC / Firefox --- works
- PC / Chrome --- works
- PC / Internet Explorer --- file renders too small on the page, clicking to enlarge works.
- iPad / Safari --- file renders okay in page and allows zooming, opening the .svg in it's own tab doesn't work (blank screen)
- iPad / Chrome --- works (once updated to current version)
- Mac / Firefox --- works
- Mac / Safari --- image is distorted on web page, clicking to enlarge works

Please test in whatever other environments you have access to.

Re: Improving Documentation

Posted: Sun Mar 16, 2014 7:36 pm
by WillAdams
I guess I'll have to see about filing bug reports come Monday.

For the meanwhile, I'm just going to have two separate versions of each image (three for one so I can test font embedding techniques) and I'll have to come up w/ suitable text to explain the diagram situation.

In the meanwhile, here's how they're being prepared:

- open up either a .svg or .ai (don't ask) version
- set the file properties to width==800, height == 400
- select everything in the file and size it to 400 x 400 starting at 0,0
- set each line of parts information in Ubuntu 10pt. Regular and Bold
- left align each text block and set them at x==450
- vertically distribute them evenly for a nice appearance
- select all the text, copy it, create a new layer, paste it in place into the new layer and hide the layer and send it to the bottom of the layer stack.

- open up highlight.svg select the invisible object and copy it
- switch back to the file you're working on and paste in and size and arrange enough copies to encompass every possible part which needs highlighting
- select all the highlights for a given part and group them
- set the Object Properties ID of the group to match the part it highlights Highlight.<partname> (remember to click the ``Set'' button)
- select the matching text and set its colour to red --- set its ID to Showthe.<partname>
- disclose the interactivity tab and set the onclick property to this.style.display='none';document.getElementById("Highlight.<partname>").style.opacity="1.0";
- set the onmouseover property to this.style.cursor='pointer'
- show the layer w/ the duplicated text
- select the matching text object
- set the onmouseover property to this.style.cursor='pointer'
- set the onclick property to document.getElementById("Highlight.<partname>").style.opacity="0.0";document.getElementById("Showthe.<partname>").style.display="inline";
- set the ID to Button.<partname>
- repeat for each part

Re: Improving Documentation

Posted: Tue Mar 18, 2014 3:08 am
by gmfoster
Wow you have done a lot of work and it looks very fancy. However it was always fine. And and questions were quickly answered here..

Very nice though and the community should really appreciate the effort.

Garry

Re: Improving Documentation

Posted: Thu Mar 20, 2014 5:29 pm
by WillAdams
Thanks!

I've finished some more and re-worked the first few and gotten them posted:

http://docs.shapeoko.com/wheels.html
http://docs.shapeoko.com/carriages.html
http://docs.shapeoko.com/content/tPictu ... 21-100.svg

and I've got Z-Axis Rail Assembly (PS20028) done and have e-mailed it off to Edward to approve the added Wave Disc Spring Washer.

The re-working is getting the text to highlight to different colours on mouse-over --- doesn't seem to work in Safari though --- anyone using a Webkit nightly build? (Current plan is just to make _all_ the images, get them posted, then test each latest browser version / reasonably wide variation of platform and file bug reports.)

Next is the Spindle Carriage Assembly (PS20029).

William

Re: Improving Documentation

Posted: Fri Mar 21, 2014 1:17 am
by cvoinescu
http://docs.shapeoko.com/content/tPictu ... 22-100.svg lists six aluminum spacers, but only two are in the drawing (two is correct). The washer count is wrong too (says six, but ten are present and highlighted).

Re: Improving Documentation

Posted: Fri Mar 21, 2014 1:30 am
by WillAdams
Thanks. Obviously I lost track when converting the numbers from listing all 3 plate assemblies to only one --- will fix.

The Z-Axis Rail Assembly if up for those who want to proof it:

http://docs.shapeoko.com/content/tPictu ... 28-100.svg

(and this brings us full circle on this --- still have a few more diagrams to annotate and script for interaction yet though)