Skip to main content

Including href in the alert after the onclick of fisheye

2 replies [Last post]
titanicemerges
Offline
Joined: 2007-07-19

Hi All,
I had embedded the fisheye widget in my application.
Now whenever I click on the icon it gives me a alert(message)...
But I want to redirect the onclick on the icon to a popup(another popup) or send to another url...
For this lemme know how could i give the href tag for the alert onclick of fisheye widget.

Thanks and Regards
Kishore

Reply viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
tigerfarm
Offline
Joined: 2006-11-28

The fix is in the glue.js file. Here is a sample showing the alert popup replaced by a call to a URL. The result from the URL is posted into the dcontainer in the index.jsp.

Sample glue.js file:

// Glue Events

jmaki.addGlueListener("/dojo/fisheye", function(args) {
/** alert("sending out dcontainer event to load the url: " + args.target.url); **/
jmaki.publish("/jmaki/dcBody1", args.target.url);
});

Sample index.jsp file:

<%@ taglib prefix="a" uri="http://jmaki/v1.0/jsp" %>
<html>
<head>
<link rel="stylesheet" href="jmaki-standard.css" type="text/css"></link>
<title>Fisheye Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div class="outerBorder">

<div class="header">
<div class="banner">jMaki Wrapped Dojo Fisheye Menu</div>

<div class="subheader">

<div>
<a href="#">Site Map</a> |
<a href="index.jsp">Home</a>
</div>

</div> <!-- sub-header -->
</div> <!-- header -->

<div class="main">
<div class="leftSidebar">

<a:widget
name="dojo.fisheye"
args="{labelEdge:'right', items:[
{'iconSrc':'menu1.jpg','url':'menu1.jsp','caption':'Menu1:Greg Murray'},
{'iconSrc':'menu2.jpg','url':'menu2.jsp','caption':'Menu2:Carla Mott'},
{'iconSrc':'menu3.jpg','url':'menu3.jsp','caption':'Menu3:Stacy David Thurston in DC'},
{'iconSrc':'menu4.jpg','url':'menu4.jsp','caption':'Menu4:Rick Evans'},
],
orientation:'vertical'}" />

</div> <!-- leftSidebar -->

<div class="content" style="height:400px">

<h3>Biography</h3>
<div style="margin: 10px 10px 10px 10px">
<a:widget name="jmaki.dcontainer" args="{topic:'/jmaki/dcBody1'}" />
</div>

</div> <!-- content -->

</div> <!-- main -->
</div> <!-- outerborder -->
</body>
</html>

I have more sample code posted at:
http://blogs.sun.com/tiger/entry/web_2_0_ajax_dojo

Enjoy...

titanicemerges
Offline
Joined: 2007-07-19

Hi TigerFarm,
Thx very much for your reply and answer.
Its been very useful to me.
Looking forward for mutual cooperation between persons like u and me(newbie to ajax) in this forum

Thanks once again

Kishore