SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Learning...
    Join Date
    Jan 2003
    Posts
    779
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jquery cluetip plugin problem - duplicate close buttons showing

    Safari 4.0.5 and FF 3.6.3 have this problem
    IE and Chrome are ok

    The first time when i click the link, two instances of close button shows. If during the same load, i click on another item, the previous clue tip hides and the new one shows with only one close button (right behavior). Image attached.

    Property closePosition "top and bottom" both have this behavior. closePosition value "title" only shows one close button but it is not clickable.

    JS Code:
    Code:
    $('.RetrievePasswordForm').cluetip({
                                                 cluetipClass: 'rounded', 
                                                 showTitle: true, 
                                                 sticky: true, 
                                                 ajaxCache: false, 
                                                 arrows: true, 
                                                 dropShadow: false, 
                                                 activation: 'click', //click, hover
                                                 height: 'auto',
                                                 });
    HTML:
    Code:
    <a href="#" rel="test.htm" class="RetrievePasswordForm" title="Test">
                               <img alt="" src="/pics/btn/icons/view.GIF">
                           </a>
    CSS change to show X right next to close button, this is the only change made to the plugin at my end.
    Code:
    .cluetip-rounded div#cluetip-close a {
      color: #800000;/*#777;*/
      background-image: url('/imaes/btn/icons/Delete.gif');
      background-repeat: no-repeat;
      padding-left: 15px;
    }
    Thanks in advance for your help in solving this problem.
    Attached Images Attached Images
    The beauty of life is not dependent on how happy you are,
    but on how happy others can be because of you...

  2. #2
    Learning...
    Join Date
    Jan 2003
    Posts
    779
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Missed the cluetip first and second click htmls - firebug.

    First click, it puts two close divs:
    Code:
    <div style="position: relative; z-index: 97; overflow: visible; height: auto;" id="cluetip-outer">
        <h3 id="cluetip-title">NAME</h3>
        <div id="cluetip-inner">
            <div id="cluetip-close">
                <a href="#">Close</a>
            </div>
            <div id="cluetip-close">
                <a href="#">Close</a>
            </div>
    
            
            <!-- content removed from here -->
        </div>
    </div>
    <div id="cluetip-extra"></div>
    <div style="z-index: 98; top: 178px; display: block;" id="cluetip-arrows" class="cluetip-arrows"></div>
    Second click has only one close div:
    Code:
    <div style="position: relative; z-index: 97; overflow: visible; height: auto;" id="cluetip-outer">
        <h3 id="cluetip-title">NAME</h3>
        <div id="cluetip-inner"><div id="cluetip-close">
            <a href="#">Close</a></div>
            
            <!-- Content Here -->        
    
        </div>
    </div>
    <div id="cluetip-extra"></div>
    <div style="z-index: 98; display: block; top: 148px;" id="cluetip-arrows" class="cluetip-arrows"></div>
    The beauty of life is not dependent on how happy you are,
    but on how happy others can be because of you...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •