|
View:
New views
3 Messages
—
Rating Filter:
Alert me
|
|
|
Questions about DWR with AjaxTags
austrios@... |
|
|
|
Re: Questions about DWR with AjaxTagsHave you tried debugging your code? Have you checked the browser for
JavaScript errors? Use Firefox with Firebug to see if you are getting a JavaScript error in the browser. Step through your JavaScript with Firebug. Other than that I would recommend you providing us with a slimmed down example that we can run if you can't figure it out. austrios wrote: > > Dear DWR dev team > > I am using DWR to create a realtime system monitoring view. > > Thanks to DWR , I have archived some function we need to create an > Ajax based web content. > > But , Recently I have a trouble when using ajaxTags with DWR. > > I want to use AjaxTags to have a tooltip function , AjaxTags callout > function > > The problem is that when i put a HTML anchor tag in a DWRUtil.addRows > function > > it seems that mouse event is not responsive, resuliting in now showing > any tooltips > > while putting a HTML anchor tag in a body is functioning well. > > I alse have tested server side servlet, and it show correct result i > expected. > > I am not sure what the problem is. > > Attached file is source code > > ------------------------------------------------------------------------------------------------------------ > > <%@ page contentType="text/html;charset=EUC-KR" pageEncoding="EUC-KR"%> > <%@ taglib uri="http://ajaxtags.org/tags/ajax" prefix="ajax" %> > <html> > <head> > <title>Realtime SYSTEM Monitoring </title> > <style type="text/css"> > <!-- > .green { > font-family: "arial"; > font-size: 10pt; > color: #ffffff; > background-color: #339933; > padding:2px 2px 2px 2px; > } > .pctg { > font-family: "arial"; > font-size: 8pt; > color: #3300cc; > } > --> > </style> > <link rel="stylesheet" type="text/css" > href="<%=request.getContextPath()%>/css/ajaxtags.css" /> > <link rel="stylesheet" type="text/css" > href="<%=request.getContextPath()%>/css/displaytags.css" /> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/prototype.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/scriptaculous/scriptaculous.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/overlibmws/overlibmws.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_crossframe.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_iframe.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_hide.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_shadow.js"></script> > > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/ajax/ajaxtags.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/ajax/ajaxtags_controls.js"></script> > <script type="text/javascript" > src="<%=request.getContextPath()%>/js/ajax/ajaxtags_parser.js"></script> > > <script type="text/javascript" > src="/Ajax/dwr/interface/Sysinfo_DAOtcp.js"></script> > <script type="text/javascript" src="/Ajax/dwr/engine.js"></script> > <script type="text/javascript" src="/Ajax/dwr/util.js"></script> > <script type="text/javascript"> > <!-- > // > function init(){ > DWRUtil.useLoadingMessage(); // > // DWRUtil.beginBatch(); // > show(''); // > // DWRUtil.endBatch(); // > } > > function show(pub) { > Sysinfo_DAOtcp.getSysInfo(pub, > { > callback : function(result) { > DWRUtil.removeAllRows('data_body'); > DWRUtil.addRows('data_body',result, > [ > function(data) { > var hoststr = '<font color=blue size=3><div><a > href="JavaScript://nop/" class="kocmap01">' > + data.hostname + '</a></div></font>'; > return hoststr; }, > > function(data) { > var graphcpu; > var totcpu ; > totcpu = data.usr + data.sys; > graphcpu = '<table border="0" cellspacing="1" cellpadding="0"><tr><td>'; > graphcpu += '<img src="img/green15.gif" width="' + data.usr > + '" height="15">' + '<img src="img/cyon15.gif" width="' + data.sys > + '" height="15">' + '<img src="img/violet15.gif" width="' + data.wait > + '" height=15>'; > graphcpu += '</td><td><span class="pctg">' + totcpu + > '%</span></td></tr></table>'; > > return graphcpu; }, > function(data) { return data.runq; }, > function(data) { return data.waitq; }, > function(data) { return data.mem; } > ], > { escapeHtml:false }, > { > rowCreator:function(options) { > var row = document.createElement("tr"); > if(options.rowIndex % 2==1) > {row.style.background='#FFffDD';} > return row; > } > } > ); > }, > errorHandler : function(error, exception) { > window.alert(error.message); > } > }); > } > > //--> > > </script> > </head> > <body onload="init()"> > <h1> Realtime SYSTEM Monitoring </h1> > <hr> > <p> > <form name="fm"> > <table border="0" > style="background-color:White;border-color:#CC9966;border-width:1px;"> > <thead> > <tr style="color:#FFFFCC;background-color:#990000;"> > <th>hostname</th><th>CPU > Status</th><th>runQ</th><th>waitQ</th><th>Mem</th> > </tr> > </thead> > <tbody id="data_body"></tbody> > </table> > <hr> > <a href="JavaScript://nop/" class="kocmap"> kocmap01 </a> > </form> > > <ajax:callout > baseUrl="${contextPath}/Ajax/callout" > sourceClass="kocmap01" > parameters="hostname=kocmap01" > /> > > > </body> > </html> > > > > <mailto:austrios@...> > --------------------------------------------------------------------- > To unsubscribe, e-mail: dev-unsubscribe@... For > additional commands, e-mail: dev-help@... --------------------------------------------------------------------- To unsubscribe, e-mail: dev-unsubscribe@... For additional commands, e-mail: dev-help@... |
|
|
|
Re: Questions about DWR with AjaxTagsI would also make sure that the link actually exists in the dom. The addRows call is in the callback but your ajax:callout tag is not. I don't know how the tag works so I can only guess that this is the problem. It is likely executing before the dwr callback has been reached.
<ajax:callout baseUrl="${contextPath}/Ajax/callout" sourceClass="kocmap01" parameters="hostname=kocmap01" /> David Marginian wrote: > Have you tried debugging your code? Have you checked the browser for > JavaScript errors? Use Firefox with Firebug to see if you are getting a > JavaScript error in the browser. Step through your JavaScript with Firebug. > > Other than that I would recommend you providing us with a slimmed down > example that we can run if you can't figure it out. > > austrios wrote: > >> Dear DWR dev team >> >> I am using DWR to create a realtime system monitoring view. >> >> Thanks to DWR , I have archived some function we need to create an >> Ajax based web content. >> >> But , Recently I have a trouble when using ajaxTags with DWR. >> >> I want to use AjaxTags to have a tooltip function , AjaxTags callout >> function >> >> The problem is that when i put a HTML anchor tag in a DWRUtil.addRows >> function >> >> it seems that mouse event is not responsive, resuliting in now showing >> any tooltips >> >> while putting a HTML anchor tag in a body is functioning well. >> >> I alse have tested server side servlet, and it show correct result i >> expected. >> >> I am not sure what the problem is. >> >> Attached file is source code >> >> ------------------------------------------------------------------------------------------------------------ >> >> <%@ page contentType="text/html;charset=EUC-KR" pageEncoding="EUC-KR"%> >> <%@ taglib uri="http://ajaxtags.org/tags/ajax" prefix="ajax" %> >> <html> >> <head> >> <title>Realtime SYSTEM Monitoring </title> >> <style type="text/css"> >> <!-- >> .green { >> font-family: "arial"; >> font-size: 10pt; >> color: #ffffff; >> background-color: #339933; >> padding:2px 2px 2px 2px; >> } >> .pctg { >> font-family: "arial"; >> font-size: 8pt; >> color: #3300cc; >> } >> --> >> </style> >> <link rel="stylesheet" type="text/css" >> href="<%=request.getContextPath()%>/css/ajaxtags.css" /> >> <link rel="stylesheet" type="text/css" >> href="<%=request.getContextPath()%>/css/displaytags.css" /> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/prototype.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/scriptaculous/scriptaculous.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/overlibmws/overlibmws.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_crossframe.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_iframe.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_hide.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/overlibmws/overlibmws_shadow.js"></script> >> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/ajax/ajaxtags.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/ajax/ajaxtags_controls.js"></script> >> <script type="text/javascript" >> src="<%=request.getContextPath()%>/js/ajax/ajaxtags_parser.js"></script> >> >> <script type="text/javascript" >> src="/Ajax/dwr/interface/Sysinfo_DAOtcp.js"></script> >> <script type="text/javascript" src="/Ajax/dwr/engine.js"></script> >> <script type="text/javascript" src="/Ajax/dwr/util.js"></script> >> <script type="text/javascript"> >> <!-- >> // >> function init(){ >> DWRUtil.useLoadingMessage(); // >> // DWRUtil.beginBatch(); // >> show(''); // >> // DWRUtil.endBatch(); // >> } >> >> function show(pub) { >> Sysinfo_DAOtcp.getSysInfo(pub, >> { >> callback : function(result) { >> DWRUtil.removeAllRows('data_body'); >> DWRUtil.addRows('data_body',result, >> [ >> function(data) { >> var hoststr = '<font color=blue size=3><div><a >> href="JavaScript://nop/" class="kocmap01">' >> + data.hostname + '</a></div></font>'; >> return hoststr; }, >> >> function(data) { >> var graphcpu; >> var totcpu ; >> totcpu = data.usr + data.sys; >> graphcpu = '<table border="0" cellspacing="1" cellpadding="0"><tr><td>'; >> graphcpu += '<img src="img/green15.gif" width="' + data.usr >> + '" height="15">' + '<img src="img/cyon15.gif" width="' + data.sys >> + '" height="15">' + '<img src="img/violet15.gif" width="' + data.wait >> + '" height=15>'; >> graphcpu += '</td><td><span class="pctg">' + totcpu + >> '%</span></td></tr></table>'; >> >> return graphcpu; }, >> function(data) { return data.runq; }, >> function(data) { return data.waitq; }, >> function(data) { return data.mem; } >> ], >> { escapeHtml:false }, >> { >> rowCreator:function(options) { >> var row = document.createElement("tr"); >> if(options.rowIndex % 2==1) >> {row.style.background='#FFffDD';} >> return row; >> } >> } >> ); >> }, >> errorHandler : function(error, exception) { >> window.alert(error.message); >> } >> }); >> } >> >> //--> >> >> </script> >> </head> >> <body onload="init()"> >> <h1> Realtime SYSTEM Monitoring </h1> >> <hr> >> <p> >> <form name="fm"> >> <table border="0" >> style="background-color:White;border-color:#CC9966;border-width:1px;"> >> <thead> >> <tr style="color:#FFFFCC;background-color:#990000;"> >> <th>hostname</th><th>CPU >> Status</th><th>runQ</th><th>waitQ</th><th>Mem</th> >> </tr> >> </thead> >> <tbody id="data_body"></tbody> >> </table> >> <hr> >> <a href="JavaScript://nop/" class="kocmap"> kocmap01 </a> >> </form> >> >> <ajax:callout >> baseUrl="${contextPath}/Ajax/callout" >> sourceClass="kocmap01" >> parameters="hostname=kocmap01" >> /> >> >> >> </body> >> </html> >> >> >> >> <mailto:austrios@...> >> --------------------------------------------------------------------- >> To unsubscribe, e-mail: dev-unsubscribe@... For >> additional commands, e-mail: dev-help@... >> > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: dev-unsubscribe@... > For additional commands, e-mail: dev-help@... > > > --------------------------------------------------------------------- To unsubscribe, e-mail: dev-unsubscribe@... For additional commands, e-mail: dev-help@... |
| Free embeddable forum powered by Nabble | Forum Help |