Re: AW: Fading Content Updates Into a Ajax Refreshing ListView
Thanks igor On Tue, Apr 13, 2010 at 3:08 PM, DaHe danielavalero...@gmail.com wrote: That was very very hepfull !!! Thanks! =) igor.vaynberg wrote: see here http://wicketinaction.com/2008/10/repainting-only-newly-created-repeater-items-via-ajax/ this will get you most of the way there, then just add some js effects -igor On Mon, Apr 12, 2010 at 3:44 PM, DaHe danielavalero...@gmail.com wrote: Hello!! I tried this suggestion on my app. I have a DataView made with AjaxPaginNavigator, onClick I call a JavaScript, this toggle a HighLight the row. When I pass to next page, my JS does not work. I wrote this code: AjaxPagingNavigator pager = new AjaxPagingNavigator(navigator, dataView) { @Override protected void onAjaxEvent(AjaxRequestTarget target) { target.addComponent(dataContainer); target.appendJavascript(dataContainer.getMarkupId() + /js/jquery-1.3.2.min.js); target.appendJavascript(dataContainer.getMarkupId() + /js/ToggleHighLigh.js); } }; But it does not work. Do am I understanding wrong your suggestion? Stefan Lindner wrote: Yes, this can be done with javascript. First of all you must decide which javascript library you want to use (scriptaculous/jQuery/etc.) Then you need to load it in your head section (use some HeaderContributor class for this). Now when you repaint yout list items with target.addComponent(item); you may alo append some custom javascript code like this target.prependJavascript(item.getMarkupId() + ...fadeout/hide/etc.); target.addComponent(item); target.appendJavascript(item.getMarkupId() + ...fadein/show/etc.); Perhaps you need to set the items visibility to (style=display:none) and then in the appendHJavascript delete the display:none. Stefan -Ursprüngliche Nachricht- Von: Ayodeji Aladejebi [mailto:aladej...@gmail.com] Gesendet: Mittwoch, 31. März 2010 00:32 An: users@wicket.apache.org Betreff: Fading Content Updates Into a Ajax Refreshing ListView I am trying to auto refresh a list but also allow the new list updates to fade in one-by-one similar to these: http://foursquare.com/ I guess its a javascript affair but can I get some assistance as to the approach to use in wicket thanks - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28219197.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28230764.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- Aladejebi Ayodeji A., DabarObjects Solutions Phone: +234 9 481 7 156 Mobile: +234 803 589 1780 Email: d...@dabarobjects.com Web: www.dabarobjects.com
Re: AW: Fading Content Updates Into a Ajax Refreshing ListView
That was very very hepfull !!! Thanks! =) igor.vaynberg wrote: see here http://wicketinaction.com/2008/10/repainting-only-newly-created-repeater-items-via-ajax/ this will get you most of the way there, then just add some js effects -igor On Mon, Apr 12, 2010 at 3:44 PM, DaHe danielavalero...@gmail.com wrote: Hello!! I tried this suggestion on my app. I have a DataView made with AjaxPaginNavigator, onClick I call a JavaScript, this toggle a HighLight the row. When I pass to next page, my JS does not work. I wrote this code: AjaxPagingNavigator pager = new AjaxPagingNavigator(navigator, dataView) { �...@override protected void onAjaxEvent(AjaxRequestTarget target) { target.addComponent(dataContainer); target.appendJavascript(dataContainer.getMarkupId() + /js/jquery-1.3.2.min.js); target.appendJavascript(dataContainer.getMarkupId() + /js/ToggleHighLigh.js); } }; But it does not work. Do am I understanding wrong your suggestion? Stefan Lindner wrote: Yes, this can be done with javascript. First of all you must decide which javascript library you want to use (scriptaculous/jQuery/etc.) Then you need to load it in your head section (use some HeaderContributor class for this). Now when you repaint yout list items with target.addComponent(item); you may alo append some custom javascript code like this target.prependJavascript(item.getMarkupId() + ...fadeout/hide/etc.); target.addComponent(item); target.appendJavascript(item.getMarkupId() + ...fadein/show/etc.); Perhaps you need to set the items visibility to (style=display:none) and then in the appendHJavascript delete the display:none. Stefan -Ursprüngliche Nachricht- Von: Ayodeji Aladejebi [mailto:aladej...@gmail.com] Gesendet: Mittwoch, 31. März 2010 00:32 An: users@wicket.apache.org Betreff: Fading Content Updates Into a Ajax Refreshing ListView I am trying to auto refresh a list but also allow the new list updates to fade in one-by-one similar to these: http://foursquare.com/ I guess its a javascript affair but can I get some assistance as to the approach to use in wicket thanks - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28219197.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28230764.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: AW: Fading Content Updates Into a Ajax Refreshing ListView
Hello!! I tried this suggestion on my app. I have a DataView made with AjaxPaginNavigator, onClick I call a JavaScript, this toggle a HighLight the row. When I pass to next page, my JS does not work. I wrote this code: AjaxPagingNavigator pager = new AjaxPagingNavigator(navigator, dataView) { @Override protected void onAjaxEvent(AjaxRequestTarget target) { target.addComponent(dataContainer); target.appendJavascript(dataContainer.getMarkupId() + /js/jquery-1.3.2.min.js); target.appendJavascript(dataContainer.getMarkupId() + /js/ToggleHighLigh.js); } }; But it does not work. Do am I understanding wrong your suggestion? Stefan Lindner wrote: Yes, this can be done with javascript. First of all you must decide which javascript library you want to use (scriptaculous/jQuery/etc.) Then you need to load it in your head section (use some HeaderContributor class for this). Now when you repaint yout list items with target.addComponent(item); you may alo append some custom javascript code like this target.prependJavascript(item.getMarkupId() + ...fadeout/hide/etc.); target.addComponent(item); target.appendJavascript(item.getMarkupId() + ...fadein/show/etc.); Perhaps you need to set the items visibility to (style=display:none) and then in the appendHJavascript delete the display:none. Stefan -Ursprüngliche Nachricht- Von: Ayodeji Aladejebi [mailto:aladej...@gmail.com] Gesendet: Mittwoch, 31. März 2010 00:32 An: users@wicket.apache.org Betreff: Fading Content Updates Into a Ajax Refreshing ListView I am trying to auto refresh a list but also allow the new list updates to fade in one-by-one similar to these: http://foursquare.com/ I guess its a javascript affair but can I get some assistance as to the approach to use in wicket thanks - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28219197.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: AW: Fading Content Updates Into a Ajax Refreshing ListView
see here http://wicketinaction.com/2008/10/repainting-only-newly-created-repeater-items-via-ajax/ this will get you most of the way there, then just add some js effects -igor On Mon, Apr 12, 2010 at 3:44 PM, DaHe danielavalero...@gmail.com wrote: Hello!! I tried this suggestion on my app. I have a DataView made with AjaxPaginNavigator, onClick I call a JavaScript, this toggle a HighLight the row. When I pass to next page, my JS does not work. I wrote this code: AjaxPagingNavigator pager = new AjaxPagingNavigator(navigator, dataView) { �...@override protected void onAjaxEvent(AjaxRequestTarget target) { target.addComponent(dataContainer); target.appendJavascript(dataContainer.getMarkupId() + /js/jquery-1.3.2.min.js); target.appendJavascript(dataContainer.getMarkupId() + /js/ToggleHighLigh.js); } }; But it does not work. Do am I understanding wrong your suggestion? Stefan Lindner wrote: Yes, this can be done with javascript. First of all you must decide which javascript library you want to use (scriptaculous/jQuery/etc.) Then you need to load it in your head section (use some HeaderContributor class for this). Now when you repaint yout list items with target.addComponent(item); you may alo append some custom javascript code like this target.prependJavascript(item.getMarkupId() + ...fadeout/hide/etc.); target.addComponent(item); target.appendJavascript(item.getMarkupId() + ...fadein/show/etc.); Perhaps you need to set the items visibility to (style=display:none) and then in the appendHJavascript delete the display:none. Stefan -Ursprüngliche Nachricht- Von: Ayodeji Aladejebi [mailto:aladej...@gmail.com] Gesendet: Mittwoch, 31. März 2010 00:32 An: users@wicket.apache.org Betreff: Fading Content Updates Into a Ajax Refreshing ListView I am trying to auto refresh a list but also allow the new list updates to fade in one-by-one similar to these: http://foursquare.com/ I guess its a javascript affair but can I get some assistance as to the approach to use in wicket thanks - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org -- View this message in context: http://old.nabble.com/Fading-Content-Updates-Into-a-Ajax-Refreshing-ListView-tp28089381p28219197.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
AW: Fading Content Updates Into a Ajax Refreshing ListView
Yes, this can be done with javascript. First of all you must decide which javascript library you want to use (scriptaculous/jQuery/etc.) Then you need to load it in your head section (use some HeaderContributor class for this). Now when you repaint yout list items with target.addComponent(item); you may alo append some custom javascript code like this target.prependJavascript(item.getMarkupId() + ...fadeout/hide/etc.); target.addComponent(item); target.appendJavascript(item.getMarkupId() + ...fadein/show/etc.); Perhaps you need to set the items visibility to (style=display:none) and then in the appendHJavascript delete the display:none. Stefan -Ursprüngliche Nachricht- Von: Ayodeji Aladejebi [mailto:aladej...@gmail.com] Gesendet: Mittwoch, 31. März 2010 00:32 An: users@wicket.apache.org Betreff: Fading Content Updates Into a Ajax Refreshing ListView I am trying to auto refresh a list but also allow the new list updates to fade in one-by-one similar to these: http://foursquare.com/ I guess its a javascript affair but can I get some assistance as to the approach to use in wicket thanks - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org