1 Reply Latest reply on Dec 14, 2011 5:08 AM by u j

    frustrating popup with jquery

    u j Novice

      I am pulling my hair out to animate a rich:popupPanel with jQuery.

      The popup should show up and then fade out.

       

      The popup is

      <rich:popupPanel id="notify" modal="false"  show="true" >

       

      One trial is to define the following the in header:

       

      <h:outputScript>

      jQuery(document).ready(function() {

      jQuery('#notify').ready(function() {

        alert(jQuery('#notify').attr("id"));  /* shows "notify", so the object is found */

         jQuery('#notify').show().delay(2000).fadeOut(2000);

        });

      });

      </h:outputScript>

       

      but no success. Similar code works for other components.

       

      Second trial is

      <rich:jQuery name="fade" query="show().fadeOut(2000)" />

      with

      <rich:popupPanel id="notify" modal="false"  show="true" onshow="fade(this)">

       

      Nothing works. I also tried setting the domElementAttachment, but no success.

       

      Thanks