Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Contact > Officer Contact List Scrunching
Mottie (SuperAdmin) 1/31/2011 9:55 AM EST : Officer Contact List Scrunching
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Officer Contact List Scrunching

GuildPortal admin site link to the original post

This script will compress the officer contact list by hiding all of the officer information so only the name shows. When you hover over the name, the hidden information will appear. If you look at the after screenshot, you can see the mouse over a opened list.

Before After

Code

Add this code to a Free Form Text/HTML widget (while in raw mode) on the same page as the officer contact list.
<script src="http://www.axiomfiles.com/Files/258012/jquery.hoverIntent.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 var contacts = $('.gpWidget-officercontacts');
 if (contacts.length){
  contacts.find('.NormGridRow,.AltGridRow').each(function(){
   var bx = $(this).find('td:eq(1)');
   bx
    .wrapInner('<div class="hiddenInfo" style="display:none;" />')
    .find('a.tooltip').parent()
     .addClass('showInfo')
     .prependTo( bx )
     .parent()
     .css('cursor', 'pointer')
     .hoverIntent({
      over: function(){ $(this).find('.hiddenInfo').slideDown(200); },
      out:  function(){ $(this).find('.hiddenInfo').slideUp(200); },
      timeout: 300
    });
  });
 }
});
</script>
Customization
  • There is nothing to customize in this script ( at this time  )
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%