You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by ThinkBlue <th...@yahoo.com> on 2007/07/17 03:24:29 UTC
Scriptaculous Effect with JSF MyFaces components
Hello all,
Wondering if it is possible to use Scriptaculous effects with regular JSF
components by using the onclick event with the action
attributes...Specifically here is the code that I have that doesn't seem to
work correctly:
<h:commandButton value="Edit User" onclick="new
Effect.BlindDown('editUser','blind'); return false;"
action="#{nodeUser.selectUser}" /> ...
<div id="editUser" style="display:none">...</div>...
So basically what happens is the div editUser BlindsDown but the information
within the div does not appear...When I go into the debug mode to see if the
action "#{nodeUser.selectUser}" is even being fired, i find out that it
isn't...When i take the onclick event off the action does fire...Any ideas
on getting both of these to work together?
Thanks for any help anyone is able to provide on this issue.
Blue
--
View this message in context: http://www.nabble.com/Scriptaculous-Effect-with-JSF-MyFaces-components-tf4094013.html#a11641330
Sent from the MyFaces - Users mailing list archive at Nabble.com.
Re: Scriptaculous Effect with JSF MyFaces components
Posted by Sochor Zdeněk <zd...@ataco.cz>.
Hi,
every component's events prevent further processing when "return
false" JavaScript is used.
This is behaviour expected to allow conditional processing of
application flow (catching errors, allowing useres to cancel actions
from dialogs etc.).
Remove return statement to make it work (but i don't know if
Scriptaculous will work with JSF).
Best regards,
Zdenek
ThinkBlue napsal(a):
> Hello all,
>
> Wondering if it is possible to use Scriptaculous effects with regular JSF
> components by using the onclick event with the action
> attributes...Specifically here is the code that I have that doesn't seem to
> work correctly:
>
> <h:commandButton value="Edit User" onclick="new
> Effect.BlindDown('editUser','blind'); return false;"
> action="#{nodeUser.selectUser}" /> ...
>
> <div id="editUser" style="display:none">...</div>...
>
> So basically what happens is the div editUser BlindsDown but the information
> within the div does not appear...When I go into the debug mode to see if the
> action "#{nodeUser.selectUser}" is even being fired, i find out that it
> isn't...When i take the onclick event off the action does fire...Any ideas
> on getting both of these to work together?
>
> Thanks for any help anyone is able to provide on this issue.
>
> Blue
>
>
>
>