http://demos.dojotoolkit.org/demos/fisheye/
I want to roll such a menu into my system, so I'm doing a one-step-at-a-time approach.
I did a right click - save image on each of the icons.
I did a view source, grabbed the HTML and saved on my machine. I changed the pictures to my local server (like this: iconSrc="http://localhost:8080/images/icon_browser.png" )
and changed the references to the Javascript and CSS as follows:
<link rel="stylesheet" href="http://demos.dojotoolkit.org/demos/fisheye/demo.css">
<script type="text/javascript" src="http://demos.dojotoolkit.org/demos/fisheye/../../dojo/dojo.js"></script>
<script type="text/javascript" src="http://demos.dojotoolkit.org/demos/fisheye/src.js"></script>
So with that minor change, it loads fine in IE 7, but no icon/pictures at all in Firefox 3.5. But of course the same FireFox shows the original page perfectly: h t t p://demos.dojotoolkit.org/demos/fisheye/
URL for FireFox: file:///D:/TestDir/TestDojoFisheyeMenuOrig1.html URL for IE: D:/TestDir/TestDojoFisheyeMenuOrig1.html
I also added this html to prove that images are "findable":
Test Image: <img src="http://localhost:8080/images/icon_users.png">
It shows a large image under where the menu should be.
After I get this working, I want to move the javascript and css to my local server, one piece at a time.
Also, when it runs in IE, it asks me if it's okay to load Active-x content. Is this to be expected? But it doesn't ask then when I do the demo on the Dojo site.
I also added this line: <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.3/dojo/dojo.xd.js"></script> to get past some issues in IE.
Thanks, Neal Walters