You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@struts.apache.org by Grish <gi...@hotmail.com> on 2007/10/31 05:47:22 UTC
Triggering a topics
Hi,
I'm having a hard time trying to implement this - I want to have a select
box containing options for the user to select the update frequency of my div
tag. So my select box has "no refresh", "30 seconds", "60 seconds", "120
seconds" and depending on what the user selects the frequency will change.
I was thinking i could make a topic to change the updateFreq parameter then
with the onchange event with the select tag i'll make a call for that topic:
dojo.event.topic.subscribe("/changeRefresh", function(data, type, request) {
// code to change the updateFreq of the div tag
}
<s:select onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
......
I just don't know how to access the div tag and change the updateFreq
parameter. I tried using the dojo.byId("myDivId") function but it didn't
work. Suggestion on how to do this?
Also just curious as to why there's no type variable when i call my topic
from an event like onchange, it's always undefined.
--
View this message in context: http://www.nabble.com/Triggering-a-topics-tf4722712.html#a13502518
Sent from the Struts - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org
Re: [S2] Change updateFreq in a DIV
Posted by Grish <gi...@hotmail.com>.
I did what you suggested and i saw the setInterval() function; which works!
Thanks for pointing me to the right direction and the learning experience!
Jeromy Evans - Blue Sky Minds wrote:
>
> Grish wrote:
>> So I ended up with the following code:
>>
>> var myDiv = dojo.widget.byId("myDivId");
>> myDiv.timer.interval = newInterval;
>>
>>
> Great!
>> Also you need to restart the timer by stopping it and starting again for
>> the
>> new interval to take effect. Would there be some kind of function I can
>> use
>> to change the interval or this is the only way?
>>
>>
> Not sure, you know more about it than I do now. If the div is using the
> standard dojo timer (dojo.lang.timing.Timer) you should have access to
> the setInterval(interval) method that looks like it will work while the
> timer's running.
>
> myDiv.timer.setInterval(newInterval);
>
> As with members, public methods should be browsable in Firebug.
>
> If it is/extends a dojo timer, take a quick look at the implementation
> in:
> struts2-core-xxx.jar!/org/apache/struts2/static/dojo/src/lang/timing/Timer.js
>
>>
>> Jeromy Evans - Blue Sky Minds wrote:
>>
>>> Your code references "quoteDetails" but the div you provided is
>>> "myDivId". Other than that I don't see anything wrong with it.
>>> updateFreq should be writeable using your approach although I haven't
>>> tried it.
>>>
>>> Try a simple script:
>>>
>>> var myWidget = dojo.widget.byId("myDivId");
>>> myWidget.updateFreq = 10;
>>>
>>> Use a breakpoint in FireBug to ensure the widget is found and that the
>>> updateFreq member is public.
>>>
>>> Hope that helps,
>>> Jeromy Evans
>>>
>>> Grish wrote:
>>>
>>>> Ok I've made some progress but now i'm stuck. What I did was have a a
>>>> div
>>>> tag
>>>>
>>>> <s:div id="myDivId" theme="ajax" href="%{url}" formId="frmMyForm"
>>>> showLoadingText="false" updateFreq="5000" autoStart="false"
>>>> startTimerListenTopics="/startTimer"
>>>> stopTimerListenTopics="/stopTimer" />
>>>>
>>>> then I have select box
>>>>
>>>> <s:select id="refreshEvery" onchange="updateFreq(this)" list="myList"
>>>> />
>>>>
>>>> then on my updateFreq function i have the following:
>>>>
>>>> function updateFreq(obj) {
>>>>
>>>>
>>>> if (obj.selectedIndex == 0) {
>>>> dojo.event.topic.publish("/stopTimer");
>>>> }
>>>> else {
>>>> // get Div and update frequency
>>>> var quoteDiv = dojo.byId("quoteDetails");
>>>> quoteDiv.updateFreq = obj.options[obj.selectedIndex].value;
>>>> dojo.event.topic.publish("/startTimer");
>>>> }
>>>>
>>>> }
>>>>
>>>> Right now everything is working except the change to the updateFreq.
>>>> When
>>>> the timer starts it still keeps with the 5 second interval Is it
>>>> possible
>>>> to
>>>> access this property and change it?
>>>>
>>>>
>>>>
>>>> Grish wrote:
>>>>
>>>>
>>>>> Hi,
>>>>>
>>>>> I'm having a hard time trying to implement this - I want to have a
>>>>> select
>>>>> box containing options for the user to select the update frequency of
>>>>> my
>>>>> div tag. So my select box has "no refresh", "30 seconds", "60
>>>>> seconds",
>>>>> "120 seconds" and depending on what the user selects the frequency
>>>>> will
>>>>> change.
>>>>>
>>>>> I was thinking i could make a topic to change the updateFreq parameter
>>>>> then with the onchange event with the select tag i'll make a call for
>>>>> that
>>>>> topic:
>>>>>
>>>>> dojo.event.topic.subscribe("/changeRefresh", function(data, type,
>>>>> request)
>>>>> {
>>>>> // code to change the updateFreq of the div tag
>>>>> }
>>>>>
>>>>> <s:select
>>>>> onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
>>>>> ......
>>>>>
>>>>> I just don't know how to access the div tag and change the updateFreq
>>>>> parameter. I tried using the dojo.byId("myDivId") function but it
>>>>> didn't
>>>>> work. Suggestion on how to do this?
>>>>>
>>>>> Also just curious as to why there's no type variable when i call my
>>>>> topic
>>>>> from an event like onchange, it's always undefined.
>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
>>> For additional commands, e-mail: user-help@struts.apache.org
>>>
>>>
>>>
>>>
>>
>>
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
> For additional commands, e-mail: user-help@struts.apache.org
>
>
>
--
View this message in context: http://www.nabble.com/Triggering-topics-tf4722712.html#a13642168
Sent from the Struts - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org
Re: [S2] Change updateFreq in a DIV
Posted by Jeromy Evans <je...@blueskyminds.com.au>.
Grish wrote:
> So I ended up with the following code:
>
> var myDiv = dojo.widget.byId("myDivId");
> myDiv.timer.interval = newInterval;
>
>
Great!
> Also you need to restart the timer by stopping it and starting again for the
> new interval to take effect. Would there be some kind of function I can use
> to change the interval or this is the only way?
>
>
Not sure, you know more about it than I do now. If the div is using the
standard dojo timer (dojo.lang.timing.Timer) you should have access to
the setInterval(interval) method that looks like it will work while the
timer's running.
myDiv.timer.setInterval(newInterval);
As with members, public methods should be browsable in Firebug.
If it is/extends a dojo timer, take a quick look at the implementation
in:
struts2-core-xxx.jar!/org/apache/struts2/static/dojo/src/lang/timing/Timer.js
>
> Jeromy Evans - Blue Sky Minds wrote:
>
>> Your code references "quoteDetails" but the div you provided is
>> "myDivId". Other than that I don't see anything wrong with it.
>> updateFreq should be writeable using your approach although I haven't
>> tried it.
>>
>> Try a simple script:
>>
>> var myWidget = dojo.widget.byId("myDivId");
>> myWidget.updateFreq = 10;
>>
>> Use a breakpoint in FireBug to ensure the widget is found and that the
>> updateFreq member is public.
>>
>> Hope that helps,
>> Jeromy Evans
>>
>> Grish wrote:
>>
>>> Ok I've made some progress but now i'm stuck. What I did was have a a div
>>> tag
>>>
>>> <s:div id="myDivId" theme="ajax" href="%{url}" formId="frmMyForm"
>>> showLoadingText="false" updateFreq="5000" autoStart="false"
>>> startTimerListenTopics="/startTimer"
>>> stopTimerListenTopics="/stopTimer" />
>>>
>>> then I have select box
>>>
>>> <s:select id="refreshEvery" onchange="updateFreq(this)" list="myList" />
>>>
>>> then on my updateFreq function i have the following:
>>>
>>> function updateFreq(obj) {
>>>
>>>
>>> if (obj.selectedIndex == 0) {
>>> dojo.event.topic.publish("/stopTimer");
>>> }
>>> else {
>>> // get Div and update frequency
>>> var quoteDiv = dojo.byId("quoteDetails");
>>> quoteDiv.updateFreq = obj.options[obj.selectedIndex].value;
>>> dojo.event.topic.publish("/startTimer");
>>> }
>>>
>>> }
>>>
>>> Right now everything is working except the change to the updateFreq. When
>>> the timer starts it still keeps with the 5 second interval Is it possible
>>> to
>>> access this property and change it?
>>>
>>>
>>>
>>> Grish wrote:
>>>
>>>
>>>> Hi,
>>>>
>>>> I'm having a hard time trying to implement this - I want to have a
>>>> select
>>>> box containing options for the user to select the update frequency of my
>>>> div tag. So my select box has "no refresh", "30 seconds", "60 seconds",
>>>> "120 seconds" and depending on what the user selects the frequency will
>>>> change.
>>>>
>>>> I was thinking i could make a topic to change the updateFreq parameter
>>>> then with the onchange event with the select tag i'll make a call for
>>>> that
>>>> topic:
>>>>
>>>> dojo.event.topic.subscribe("/changeRefresh", function(data, type,
>>>> request)
>>>> {
>>>> // code to change the updateFreq of the div tag
>>>> }
>>>>
>>>> <s:select
>>>> onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
>>>> ......
>>>>
>>>> I just don't know how to access the div tag and change the updateFreq
>>>> parameter. I tried using the dojo.byId("myDivId") function but it didn't
>>>> work. Suggestion on how to do this?
>>>>
>>>> Also just curious as to why there's no type variable when i call my
>>>> topic
>>>> from an event like onchange, it's always undefined.
>>>>
>>>>
>>>>
>>>
>>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
>> For additional commands, e-mail: user-help@struts.apache.org
>>
>>
>>
>>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org
Re: [S2] Change updateFreq in a DIV
Posted by Grish <gi...@hotmail.com>.
Thanks for the reply!
Sorry about the example, the references were indeed wrong in my example but
the code was using the right references. My problem was when I would refer
to myDiv.updateFreq it would be undefined. But when I used your simple
script I was able to get the div widget and access the updateFreq.
But it turned out that even if i changed the updateFreq my refresh interval
wouldn't work. So I took your advice and did a watch using firebug and
discovered there was a timer object and an interval property. Turns out
that's the one you have to modify.
So I ended up with the following code:
var myDiv = dojo.widget.byId("myDivId");
myDiv.timer.interval = newInterval;
Also you need to restart the timer by stopping it and starting again for the
new interval to take effect. Would there be some kind of function I can use
to change the interval or this is the only way?
Thanks again for the reply!
Jeromy Evans - Blue Sky Minds wrote:
>
> Your code references "quoteDetails" but the div you provided is
> "myDivId". Other than that I don't see anything wrong with it.
> updateFreq should be writeable using your approach although I haven't
> tried it.
>
> Try a simple script:
>
> var myWidget = dojo.widget.byId("myDivId");
> myWidget.updateFreq = 10;
>
> Use a breakpoint in FireBug to ensure the widget is found and that the
> updateFreq member is public.
>
> Hope that helps,
> Jeromy Evans
>
> Grish wrote:
>> Ok I've made some progress but now i'm stuck. What I did was have a a div
>> tag
>>
>> <s:div id="myDivId" theme="ajax" href="%{url}" formId="frmMyForm"
>> showLoadingText="false" updateFreq="5000" autoStart="false"
>> startTimerListenTopics="/startTimer"
>> stopTimerListenTopics="/stopTimer" />
>>
>> then I have select box
>>
>> <s:select id="refreshEvery" onchange="updateFreq(this)" list="myList" />
>>
>> then on my updateFreq function i have the following:
>>
>> function updateFreq(obj) {
>>
>>
>> if (obj.selectedIndex == 0) {
>> dojo.event.topic.publish("/stopTimer");
>> }
>> else {
>> // get Div and update frequency
>> var quoteDiv = dojo.byId("quoteDetails");
>> quoteDiv.updateFreq = obj.options[obj.selectedIndex].value;
>> dojo.event.topic.publish("/startTimer");
>> }
>>
>> }
>>
>> Right now everything is working except the change to the updateFreq. When
>> the timer starts it still keeps with the 5 second interval Is it possible
>> to
>> access this property and change it?
>>
>>
>>
>> Grish wrote:
>>
>>> Hi,
>>>
>>> I'm having a hard time trying to implement this - I want to have a
>>> select
>>> box containing options for the user to select the update frequency of my
>>> div tag. So my select box has "no refresh", "30 seconds", "60 seconds",
>>> "120 seconds" and depending on what the user selects the frequency will
>>> change.
>>>
>>> I was thinking i could make a topic to change the updateFreq parameter
>>> then with the onchange event with the select tag i'll make a call for
>>> that
>>> topic:
>>>
>>> dojo.event.topic.subscribe("/changeRefresh", function(data, type,
>>> request)
>>> {
>>> // code to change the updateFreq of the div tag
>>> }
>>>
>>> <s:select
>>> onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
>>> ......
>>>
>>> I just don't know how to access the div tag and change the updateFreq
>>> parameter. I tried using the dojo.byId("myDivId") function but it didn't
>>> work. Suggestion on how to do this?
>>>
>>> Also just curious as to why there's no type variable when i call my
>>> topic
>>> from an event like onchange, it's always undefined.
>>>
>>>
>>
>>
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
> For additional commands, e-mail: user-help@struts.apache.org
>
>
>
--
View this message in context: http://www.nabble.com/Triggering-topics-tf4722712.html#a13640865
Sent from the Struts - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org
Re: [S2] Change updateFreq in a DIV
Posted by Jeromy Evans <je...@blueskyminds.com.au>.
Your code references "quoteDetails" but the div you provided is
"myDivId". Other than that I don't see anything wrong with it.
updateFreq should be writeable using your approach although I haven't
tried it.
Try a simple script:
var myWidget = dojo.widget.byId("myDivId");
myWidget.updateFreq = 10;
Use a breakpoint in FireBug to ensure the widget is found and that the
updateFreq member is public.
Hope that helps,
Jeromy Evans
Grish wrote:
> Ok I've made some progress but now i'm stuck. What I did was have a a div tag
>
> <s:div id="myDivId" theme="ajax" href="%{url}" formId="frmMyForm"
> showLoadingText="false" updateFreq="5000" autoStart="false"
> startTimerListenTopics="/startTimer"
> stopTimerListenTopics="/stopTimer" />
>
> then I have select box
>
> <s:select id="refreshEvery" onchange="updateFreq(this)" list="myList" />
>
> then on my updateFreq function i have the following:
>
> function updateFreq(obj) {
>
>
> if (obj.selectedIndex == 0) {
> dojo.event.topic.publish("/stopTimer");
> }
> else {
> // get Div and update frequency
> var quoteDiv = dojo.byId("quoteDetails");
> quoteDiv.updateFreq = obj.options[obj.selectedIndex].value;
> dojo.event.topic.publish("/startTimer");
> }
>
> }
>
> Right now everything is working except the change to the updateFreq. When
> the timer starts it still keeps with the 5 second interval Is it possible to
> access this property and change it?
>
>
>
> Grish wrote:
>
>> Hi,
>>
>> I'm having a hard time trying to implement this - I want to have a select
>> box containing options for the user to select the update frequency of my
>> div tag. So my select box has "no refresh", "30 seconds", "60 seconds",
>> "120 seconds" and depending on what the user selects the frequency will
>> change.
>>
>> I was thinking i could make a topic to change the updateFreq parameter
>> then with the onchange event with the select tag i'll make a call for that
>> topic:
>>
>> dojo.event.topic.subscribe("/changeRefresh", function(data, type, request)
>> {
>> // code to change the updateFreq of the div tag
>> }
>>
>> <s:select onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
>> ......
>>
>> I just don't know how to access the div tag and change the updateFreq
>> parameter. I tried using the dojo.byId("myDivId") function but it didn't
>> work. Suggestion on how to do this?
>>
>> Also just curious as to why there's no type variable when i call my topic
>> from an event like onchange, it's always undefined.
>>
>>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org
[S2] Change updateFreq in a DIV
Posted by Grish <gi...@hotmail.com>.
Ok I've made some progress but now i'm stuck. What I did was have a a div tag
<s:div id="myDivId" theme="ajax" href="%{url}" formId="frmMyForm"
showLoadingText="false" updateFreq="5000" autoStart="false"
startTimerListenTopics="/startTimer"
stopTimerListenTopics="/stopTimer" />
then I have select box
<s:select id="refreshEvery" onchange="updateFreq(this)" list="myList" />
then on my updateFreq function i have the following:
function updateFreq(obj) {
if (obj.selectedIndex == 0) {
dojo.event.topic.publish("/stopTimer");
}
else {
// get Div and update frequency
var quoteDiv = dojo.byId("quoteDetails");
quoteDiv.updateFreq = obj.options[obj.selectedIndex].value;
dojo.event.topic.publish("/startTimer");
}
}
Right now everything is working except the change to the updateFreq. When
the timer starts it still keeps with the 5 second interval Is it possible to
access this property and change it?
Grish wrote:
>
> Hi,
>
> I'm having a hard time trying to implement this - I want to have a select
> box containing options for the user to select the update frequency of my
> div tag. So my select box has "no refresh", "30 seconds", "60 seconds",
> "120 seconds" and depending on what the user selects the frequency will
> change.
>
> I was thinking i could make a topic to change the updateFreq parameter
> then with the onchange event with the select tag i'll make a call for that
> topic:
>
> dojo.event.topic.subscribe("/changeRefresh", function(data, type, request)
> {
> // code to change the updateFreq of the div tag
> }
>
> <s:select onchange="onchange="dojo.event.topic.publish('/changeRefresh')"
> ......
>
> I just don't know how to access the div tag and change the updateFreq
> parameter. I tried using the dojo.byId("myDivId") function but it didn't
> work. Suggestion on how to do this?
>
> Also just curious as to why there's no type variable when i call my topic
> from an event like onchange, it's always undefined.
>
--
View this message in context: http://www.nabble.com/Triggering-topics-tf4722712.html#a13603045
Sent from the Struts - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@struts.apache.org
For additional commands, e-mail: user-help@struts.apache.org