popup bubble with dynamic div id

popup bubble with dynamic div id

Hi,

I have a series of dynamic div ids like

  1. <div id=dumm1>aaaa</div>
  2. <div id=dumm2>bbbb</div>
  3. <div id=dumm3>cccc</div>

Now onmouseover there is a popup bubble box appearing...

jquery code:

  1. $(document).ready(function() {
  2. $('#dummy1').SetBubblePopup({
  3.                                     innerHtml: '<p>You can set any HTML tag<br />inside this popup!<br /><a href="action.php?pid=">this is a link</a></p>'
  4.                                 });

Now i have modified this a little bit with

  1. <div id="dummy<?=$get_rec['pid'];?>" class="show"><?=$get_rec['ptitle'];?> </div>

  1.  $(document).ready(
  2.   function(){
  3.     $( 'div show' ).mouseover(
  4.       function(){
  5.                        
  6.         $( '#dummy' + $( this ).attr( 'id' ) ).SetBubblePopup({
  7.                                     innerHtml: '<p>You can set any HTML tag<br />inside this popup!<br /><a href="action.php?pid=">this is a link</a></p>'
  8.                                 });
  9.       }
  10.     );
  11.   }
  12. );

I am not getting any error but the box is not appearing.....Please suggest me any clues....

Thanks in advance...

Raj