Changeset 9268

Show
Ignore:
Timestamp:
03/18/10 04:02:06 (3 years ago)
Author:
mbrevda
Message:

prettify help bubbles and underline indicators; requires jquery 1.4.2 (added in r9267)

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • freepbx/trunk/amp_conf/htdocs/admin/common/mainstyle.css

    r9259 r9268  
    437437position:relative; 
    438438color:black; 
    439       border-bottom:1px dashed #ccc; 
     439border-bottom:1px solid #FCE7CE; 
    440440} 
    441441/* Added to solve the z-order problem of IE */ 
    …… 
    445445/* End */ 
    446446a.info span{ 
    447     display: none; 
    448 } 
    449 a.info:hover span{ 
     447  display: none; 
     448  position:absolute; 
     449  z-index:1; 
     450  top:2em; 
     451  left:150px; 
     452  width:35em; 
     453  border:5px solid #F2AF1D; 
     454  background-color:#FCE7CE; 
     455  color:#000; 
     456  text-align:justify; 
     457  font-size:15px; 
     458  font-weight:normal; 
     459  padding:8px 12px; 
     460  line-height:15px; 
     461  -moz-border-radius: 5px; 
     462  -webkit-border-radius: 5px; 
     463} 
     464/* Legacy settings to show help text. this is now done with js 
     465  a.info:hover span{ 
    450466  display:block; 
    451467  position:absolute; 
    …… 
    462478  padding:3px; 
    463479  line-height:15px; 
    464 } 
     480}*/ 
    465481 
    466482/** menu attention class **/ 

  • freepbx/trunk/amp_conf/htdocs/admin/common/script.legacy.js

    r9234 r9268  
    657657      $('[name='+dest+id+'].destdropdown2').show(); 
    658658  }); 
    659     //hacky way to ensure destinations dropdown is the background-color as currently selected item 
     659    //hacky way to ensure destinations dropdown is the same background-color as currently selected item 
    660660    $('.destdropdown').bind('change', function(){ 
    661661      if($(this).find('option:selected').val()=='Error'){ 
    …… 
    665665      } 
    666666  }); 
     667   
     668  //help tags. based on: http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/ 
     669  $(".info,a").hover(function(){ 
     670    $(this).find("span").stop(true, true).delay(500).animate({opacity: "show"}, 750); 
     671    }, function() { 
     672    $(this).find("span").stop(true, true).animate({opacity: "hide"}, "fast"); 
     673  }); 
     674  
    667675});