For awhile I have been trying to take a commercial java cube (each face is a
link) and make it
better. When I say better I'm referring to making the cube provide CLEARLY
the destination of each link.
Previously the destination only showed in the status bar (IE5+) . That
matching up the face of the cube with
the destination was somewhat problematic. For it's hard to have one eye
cocked up and the other cocked down.
So I thought I would make a stack of 6 divs at the level of the cube and
when the mouse is over a face of the java cube, the appropriate div would
change it's color signifying the face the mouse is over.
Tweren't easy. There is a good java decompiler called Front End by Martin
Cowley. He made the IDE the
decompiler is actually made by someone else. Fact is though it works pretty
good. So this is how I did it if anyone
is interested.
I decompiled the applet. Then I put this in the code in the place where the
status bar changes. It was a mousemove
event. (This is one of the flaws).
showStatus(cB[cq - 1]); //msgstatus
try
{
JSObject jsroot = JSObject.getWindow(this);
JSObject jsdoc = (JSObject) jsroot.getMember("document");
JSObject jsloc = (JSObject) jsdoc.getMember("location");
String sLoc = (String) jsloc.getMember("href");
try
{
jsroot.eval("ovrApplet('"+cB[cq - 1]+"');");
}
catch (Exception _ev){System.out.println(_ev.getMessage());}
}
catch(JSException _js){System.out.println(_js.getMessage());}
Next I had to put the function ovrApplet in the web page's javscript:
Before the </body>:
<script type="text/javascript">
<!-- Begin
function ovrApplet(x){
var MsgA = new Array(6);
var actLink = 0;
if ((x != 'empty') && (x != null)){
try
{
for (var i = 0; i < 6; i++)
MsgA[i] = '<div id="odivMenu'+i+'"><table class="track"><tr><td
id="oCell'+i+'"
valign="middle">'+document.getElementById('oBoy'). getParameter('statusmsg' +
(i + 1)) +
' ………&hellip ;…  
;</td><td><img src="' + document.getElementById('oBoy').getParameter('imag e'
+ (i + 1)).substring(0,document.getElementById('oAnfy').g etParameter('image'
+ (i + 1)).lastIndexOf('.')) + '_.gif' + '" height="48"
width="48"/></td></tr></table></div>';
Msg = MsgA.join('');
if ((x != 'empty') && (x != null))
change(x);
}
catch (e)
{
Msg = 'Hold on a sec...';
alert(e);
change(null);
}
}
return true;
}
</script>
and before </head>
<script type="text/javascript">
<!-- Begin
function change(y){
var strHtml;
if ((Msg == null) || (y == null))
strHtml = 'Hello';
else
strHtml = Msg;
if (y != null){
document.getElementById('oNotice').innerHTML = strHtml;
switch(y){
case document.getElementById('oBoy').getParameter('stat usmsg1'):
document.getElementById('odivMenu0').style.backgro und = '#00FF00';
document.getElementById('oCell0').style.color = '#0000FF';
break;
case document.getElementById('oBoy').getParameter('stat usmsg2'):
document.getElementById('odivMenu1').style.backgro und = '#00FF00';
document.getElementById('oCell1').style.color = '#0000FF';
break;
case document.getElementById('oBoy').getParameter('stat usmsg3'):
document.getElementById('odivMenu2').style.backgro und = '#00FF00';
document.getElementById('oCell2').style.color = '#0000FF';
break;
case document.getElementById('oBoy').getParameter('stat usmsg4'):
document.getElementById('odivMenu3').style.backgro und = '#00FF00';
document.getElementById('oCell3').style.color = '#0000FF';
break;
case document.getElementById('oBoy').getParameter('stat usmsg5'):
document.getElementById('odivMenu4').style.backgro und = '#00FF00';
document.getElementById('oCell4').style.color = '#0000FF';
break;
case document.getElementById('oBoy').getParameter('stat usmsg6'):
document.getElementById('odivMenu5').style.backgro und = '#00FF00';
document.getElementById('oCell5').style.color = '#0000FF';
break;
default:
break;
}
document.getElementById('floattrack').style.visibi lity = 'visible';
}
}
// End -->
</script>
And the "signpost" is here:
<div id="floattrack">
<div class="track"><span id="oNotice"></span></div></div>
Works pretty good. The only trouble is that the mouse has to be manually
moved for the Active (colored) div to
follow the mouse. If anyone has any suggestions on the use of the JSObject
or the way I keep the <div id="floattrack"
from disappearing I'd appreciate any feedback. It's just my first attempt
at something like this so
please excuse the redundancy and the bloat.
Thanks all here who helped me with this.
--
George Hester
__________________________________
