OK, I have a solution for you. It's not intuitive, but it's possible.
1) Create a Variable Pulse Count Control Widget
2) Embed that widget into the following source code
3) Create onboard rules for certain pulse counts (see attached screenshot)
<html>
<title>Servo Control Example</title>
<head>
<script type="text/javascript">
function moveServo(widgetID, direction, distance){
distance = parseInt(distance);
current = parseInt(widgetGetString(widgetID));
if (direction == "CCW") {
distance = current-distance;
}
else {
distance = current+distance;
}
widgetSetString(widgetID, distance);
}
</script>
</head>
<body>
Click the arrow buttons to move the servo Clockwise or Counter-clockwise.
<br /><br />
<form><input type="button" Name="CounterClockWise" Value="<-" onClick="moveServo('SbuaA7xrLoGn', 'CCW', '100')"><input type="button" Name="Home" Value="--" onClick="widgetSetString('SbuaA7xrLoGn', '1500')"><input type="button" Name="ClockWise" Value="->" onClick="moveServo('SbuaA7xrLoGn', 'CW', '100')"></form>
<div id="ioWidgets" style="display:none;">
<script type="text/javascript">document.write(unescape("%3Cscript src='" + "http://www.iobridge.com/widgets/io.js?SbuaA7xrLoGn' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
</body>
</html>
Considerations:
My servos (1 and 2) were on module channel 4. The home position is 1500. The left and right buttons increment by 100. There is a rule for each step. I made a few of them for the example. The draw back is that you have to have the steps created as an onboard rule. So, when a pulse count hits a certain number you can move both servos.
It will look a little crazy at first, but it does work...!!!??? Let me know it you try it out and what your results are.