Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Mottie (MVP) 12/9/2011 8:29 PM EST : SWTOR Recruit by Talent
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

SWtoR Recruit by Talent

 This is a Star Wars the Old Republic class recruitment box showing the class needs by talent specialization. To show the needs just hover over the icon. I've made this recruitment box super easy to use because it uses minimal coding on your part (not counting the CSS  ). Special thanks to Dethmaul for all of the images!!

Once you add this script and you notice that your tooltips don't look right, you'll need to add the modified tooltip mod.

Recruitment Needs Compact Colored Background Colored Text
       

Code

The code below will set up the recruit needs widget with it's default settings. See the customization section to get more details on the default settings.

NOTE: Add this code to a free form text/HTML type widget, while the editor is in Raw/Script mode.
<div class="recruitTitle">Recruitment Needs</div>
<div class="recruitTalent"></div>

<link rel="stylesheet" href="/GuildFiles/258012/swtortalents.css" type="text/css" />
<
script src="/GuildFiles/258012/swtortalents.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
 
$('.recruitTalent').swtorTalents();
});
</script>

Customization
  • CSS Styles:

    The default CSS has been moved to an external file: /GuildFiles/258012/swtortalents.css

    I did this because in this next version, an image sprite is used to speed up image loading and requires a lot more CSS. So, if you want to customize the look of the recruit widget, then download the file above (right click and save) and modify the file as desired. Below are brief descriptions of some CSS definitions to help get you started.

    If you do decide to go with your own custom CSS, then replace the href that points to swtortalents.css in the <link> code above to point to your file.

    • ".recruitTitle" - Styles the title of the widget above the box. The text of this title is in blue, look for "Recruitment Needs".
    • ".recruitTalent" - Sets the overall style of the widget. Set to be 200px wide.

    • ".high" - High priority text color (green by default). The tooltip background color is also set from this text color.
    • ".medium" - Medium priority text color (yellow by default).
    • ".low" - Low priority text color (red by default).
    • ".none" - No needs text color (grey by default).
    • ".usebg" - This sets the text color when the tooltip background color is being changed (black by default). Without this the text would be the same as the #tooltip definition.

    • ".talentIcons .high", ".talentIcons .medium", ".talentIcons .low" and ".talentIcons .none" - sets the opacity of the icon at each priority

    • ".classIcon" - Styles the table cell that contains the class icon and class text. It also contains the background image sprite which contains an image of all the WoW classes
    • ".classIcon span" - Styles only the class text. It was included to add padding between the icon and the text.

    • ".talentIcons" - Styles the table cell that contains all three talent icons.
    • ".talentIcon" - Contains the background image which contains all of the talent tree images.

  • Options:

    The default options are set when the "$('.recruitTalent').swtorTalents();" function has no extra variables inside the parenthesis, as seen in the code above. Add the following variables as needed:

    • side is set to "empire" by default
      What this variable does is set which side to show. You can choose from "empire" or "republic" and the appropriate icons will show up.

    • defaultNeed is set to "Low" by default
      What this variable does is if you don't set the specific class need in the options, it will default to whatever this variable is set to.
      You can set this variable to "None", "Low", "Medium" or "High". The first letter should be capitalized as it is the text that is added to the tooltip.

    • colorBackground is set to true by default
      When set to true, hovering over a talent tree icon will display a tooltip with the background color set.

    • addHeader is set to true by default
      When set to true, the header images are added (seen in the non-compact screen shots above). If set to false, the compact view will be seen.

    • tooltipWidth is set to 150 by default (in pixels)
      You can adjust this to fit the tooltip contents. The contents are centered within the coding.

    • Use the class name to set each class need as follows (classes for the other side are ignored):
        juggernaught : "x,x",
        maurader     : 
        "x,x",
        assassin 
            : "x,x",
        sorceror     : 
        "x,x",
        powertech    : 
        "x,x",
        mercenary    : 
        "x,x",
        operative    : 
        "x,x",
        sniper       : 
        "x,x",

        guardian
             : "x,x",
        sentinel
             : "x,x",
        sage
                 : "x,x",
        shadow
               : "x,x",
        scoundrel
            : "x,x",
        gunslinger
           : "x,x",
        commando
             : "x,x",
        vanguard
             : "x,x",
      Replace the x (default need) with n (none), l (low), m (medium) or h (high). Each variable corresponds to the talent tree name (in alphabetical order).

  • Examples (I hope this is enough to get the idea across):

    NOTE: The LAST variable should NEVER have a comma at the end - the script will not work (see sniper above, there is no comma at the end)

    • Need Everything (low priority, remember this is the default):

        Tooltip Text Color
         Tooltip Background Color
        
      $('.recruitTalent').swtorTalents({
       side : 'republic',
       colorBackground: false
      });
        
      $('.recruitTalent').swtorTalents({
       side : 'republic'
      }
      );

    • Need Everything (high priority):

        Tooltip Text Color
         Tooltip Background Color
        
      $('.recruitTalent').swtorTalents({
       colorBackground: false,
       defaultNeed: "High"
      });
        
      $('.recruitTalent').swtorTalents({
       defaultNeed: "High"
      });

    • Maurader Carnage Needed Only (high priority), everything else is not needed (none):

        Tooltip Text Color
         Tooltip Background Color
        
      $('.recruitTalent').swtorTalents({
       colorBackground: false,
       defaultNeed: "None",
       maurader : "n,h"
      });
        
      $('.recruitTalent').swtorTalents({
       defaultNeed: "None",
       maurader : "n,h"
      });

    • Powertech shield tech (med), Powertech advanced prototype (high), all Sniper (none), everything else is low priority (low):

        Tooltip Text Color
         Tooltip Background Color
        
      $('.recruitTalent').swtorTalents({
       colorBackground : false,
       defaultNeed : "Low",
       powertech   : "m,h",
       sniper      : "n,n"
      });
        
      $('.recruitTalent').swtorTalents({
       defaultNeed : "Low",
       
      powertech   : "m,h",
       sniper      : 
      "n,n"
      });

    • All Juggernaughts (high), Corruption Sorceror (high), Lightning Sorceror (low), All Mercenary (low), everything else medium priority (medium):

        Tooltip Text Color
         Tooltip Background Color
        
      $('.recruitTalent').swtorTalents({
       colorBackground: false,
       defaultNeed  : "Medium",
       juggernaught : "h,h",
       sorceror     : "m,l",
       mercenary    : "l,l"
      });
        
      $('.recruitTalent').swtorTalents({
       defaultNeed  : "Medium",
       
      juggernaught : "h,h",
       sorceror     : "m,l",
       mercenary    : "l,l"

      });
TopBottom

rustycuisinart (New Admin) 12/10/2011 10:51 AM EST : RE: SWTOR Recruit by Talent
rustycuisinart
Posts: 56
Posts With Wolves

Hello,

I happened upon this thread and it looked interesting so I figured I'd try adding this to the guild site to see how it would look.  I copied the basic code over to a free-form editor in raw script mode and for some reason I am not getting the class or talent icons to appear.  There is spacing and blank space where they should be but they just aren't there, I thought maybe it had something to do with the size of the widget so I added in the optional addHeader line which removed the blank space for the header images but still no smaller icons.

Here's a link to get a better visual:  http://getwrkd.guildportal.com/Guild.aspx?GuildID=428336&TabID=3650279

I've gone over the instructions a bunch of times so hopefully I'm just not missing something, but I'm sure it will be blatantly obvious.

Thanks for your help!
TopBottom

-Merenwen- (New Admin) 12/10/2011 12:05 PM EST : RE: SWTOR Recruit by Talent
-Merenwen-
Posts: 113
Posts With Wolves

I'm having the same exact issue and just thought it was my rusty coding abilities LoL
TopBottom

Mottie (MVP) 12/10/2011 3:56 PM EST : RE: SWTOR Recruit by Talent
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Opps, I seem to have been absent minded and totally forgot to upload the image LOL

I also had to update the css file, so make sure you have the updated file.

Sorry about that!

I think I'll just make it into a mod too... it probably won't get approved until Monday
TopBottom

rustycuisinart (New Admin) 12/10/2011 4:06 PM EST : RE: SWTOR Recruit by Talent
rustycuisinart
Posts: 56
Posts With Wolves

Haha no worries, I was thinking there might have been something wrong with the classes file that it calls for.  

Also just curious but is there one of these for the republic side floating around?  Our guild is empire but I had started to think maybe there were separate image pages for each side and it wasn't looking for either one to load the images in... if that makes sense, sounded good in my head when I typed it lol.

By the way thanks so much for all of your work and help with the community... I refer to your help site all the time, so once again thanks for all you do Mottie.
TopBottom

Mottie (MVP) 12/10/2011 4:28 PM EST : RE: SWTOR Recruit by Talent
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

LOL not a problem!

Umm DOH.. I guess I need icons/images for the republic site if you have any or know where I can get some... I didn't realize people played the republic *cough* LMAO
TopBottom

Sandy Lewis (Blue Collar) 12/10/2011 7:27 PM EST : RE: SWTOR Recruit by Talent
GuildPortal Support
Sandy Lewis
Posts: 1153
Zomgawsh Poster

Hey ya Dethmaul Where did you get the -- err --  I do not even know the word for them,  the second set of small Icons like vengence and Immortal?
I can find easy stuff like the main class icon but not those. 

Heck where did you even find the icon for the advance classes?


Sandy Lewis, GuildPortal Support
Admin Community - FAQ - Videos - Support Tickets
TopBottom

Mottie (MVP) 12/10/2011 7:41 PM EST : RE: SWTOR Recruit by Talent
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hehe Thanks Sandy!

I found the wiki and I got the main class icons (the big blue ones), but no clue where to find the advanced level, or whatever you call them, icons. I even have all the coding done, just waiting for the images
TopBottom

Sandy Lewis (Blue Collar) 12/10/2011 7:51 PM EST : RE: SWTOR Recruit by Talent
GuildPortal Support
Sandy Lewis
Posts: 1153
Zomgawsh Poster

Mottie said:
Hehe Thanks Sandy!

I found the wiki and I got the main class icons (the big blue ones), but no clue where to find the advanced level, or whatever you call them, icons. I even have all the coding done, just waiting for the images


ha, that is too funny! I just edited my post to Dethmaul asking him where he got his
Sandy Lewis, GuildPortal Support
Admin Community - FAQ - Videos - Support Tickets
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%