Re: AW: Fading Content Updates Into a Ajax Refreshing ListView

2010-04-14 Thread Ayodeji Aladejebi
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

2010-04-13 Thread DaHe

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

2010-04-12 Thread DaHe

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

2010-04-12 Thread Igor Vaynberg
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