Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Custom Widgets > Progression Widget Tiers
Veriss (Member) 5/15/2012 4:09 PM EST : Progression Widget Tiers
Veriss
Posts: 1234

0
Like

0
Dislike

I don't think the default GP progression widget will do what we want for our SWTOR guild so I'm plunging into your progression mod.

I would like to add a second and third level to reflect the variations in difficulty modes for each raid event. For example.  Raid Eternity Vault has 8 and 16 man versions and each size version has three difficulties (Story Mode (normal), Hard Mode and Nightmare Mode) for a total of six variations of that raid plus the five bosses. My initial thoughts are to arrange the tiers as shown in an example below (not our guild's current status).  How do I make nested tiers in your example? 

Cogs

Eternity Vault (First set of raids)
8-Man
SM (Story Mode)
Boss 1 - Farm
Boss 2 - Farm
Boss 3 - Farm
Boss 4 - Farm
Boss 5 - Farm
HM (Hard Mode)
Boss 1 - Down
Boss 2 - Down
Boss 3 - Down
Boss 4 - Down
Boss 5 - Working
NM (Nightmare Mode)
Boss 1 - Planned, etc. 
16-Man
SM
HM
NM

Karagga's Palace (Second set of raids)
8-Man
SM
HM
NM
16-Man
SM
HM
NM

Explosive Conflict (Third set of raids)
8-Man
SM
HM
NM
16-Man
SM
HM
NM

    
TopBottom

Mottie (SuperAdmin) 5/16/2012 7:47 AM EST : RE: Progression Widget Tiers
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Veriss!

Do you just want a static list? or maybe the boss information to show up in a popup? Or would you rather have the information open up like an accordion (like the instructions widget on the home page here).
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Veriss (Member) 5/16/2012 11:01 AM EST : RE: Progression Widget Tiers
Veriss
Posts: 1234

0
Like

0
Dislike

Hi Mottie and thank you for your prompt attention. 

I started blundering through the sample code for your accordion style progression mod; a quick demo test is located here....  http://www.guildportal.com/Guild.aspx?GuildID=432100&TabID=3883936.

As you can see, that is only a few of the possible encounters so accordion style with nested tiers would probably be the neatest and cleanest presentation taking minimal space on a sidebar, say alongside the guild calendar. I'll make sure we have more informative and interesting pics made up for it then the ones I threw together last night. 

The primary purposes are to keep our raiders motivated and to help in recruiting although our raid officer is excited about the possibility of screenshots, vids, etc. popping up on event and boss tiers. 

What is your recommendation?

Cogs



TopBottom

Mottie (SuperAdmin) 5/16/2012 3:12 PM EST : RE: Progression Widget Tiers
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Veriss!

The link you shared isn't viewable by the public, maybe a screenshot would work?

Anyway, this script actually does have an image or video popup for the boss.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Veriss (Member) 5/16/2012 4:08 PM EST : RE: Progression Widget Tiers
Veriss
Posts: 1234

0
Like

0
Dislike

Sorry, fixed the link.  That test page is visible to the public now. 

You'll see that I am using the script you linked. I would like to be able change it so that it goes two more tiers (layers?) deeper as I diagrammed in my OP. Thanks for looking into it Mottie.

Cogs
TopBottom

Mottie (SuperAdmin) 5/17/2012 8:19 AM EST : RE: Progression Widget Tiers
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

I still can't view that page =(
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Veriss (Member) 5/17/2012 12:35 PM EST : RE: Progression Widget Tiers
Veriss
Posts: 1234

0
Like

0
Dislike

Heh, I think another admin changed it back to members only. Its public again! 
TopBottom

Mottie (SuperAdmin) 5/19/2012 8:58 AM EST : RE: Progression Widget Tiers
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Ok, sorry for the delay. Add all of this code in place of what you have existing (inside of a free form text/html widget in RAW mode). I added a copy in the right column of my MMORPGs tab.
I hope I labeled the instances well enough to make it easy to edit:
<style type="text/css">
    /* Some list and link styling */
    #instances { width: 220px; margin: 0px; }
    #instances { margin-left: 0px; }
    #instances li { width: 200px; list-style: none; margin: 2px; cursor: pointer; }
    #instances ul { margin-top: 5px; }
    #instances ul li { width: 175px; border: 2px; margin: 0 auto; padding-right: 20px; list-style: none; }
    #instances ul li { list-style: none !important; }
    /* Header links styling */
    #instances h3 { font-size: 18px; color: #800; }
    #instances h4 {
        border: 0px;
        margin: 0;
        padding: 2px 20px 0 0;
        font-size: 16px;
        background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/forum_bottom.png) right center no-repeat;
    }
    #instances h4.selected { background-image: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/forum_top.png); }
    #instances h4.head { background-color: #333; }
    #instances h4.selected { background-color: #600; }
    #instances h4.sub-head { background-color: #111; }
    #instances h4.sub-head.selected { background-color: #300; }
    /* A few IE bug fixes */
    * ul,li { margin: 0; padding: 0; }
    * html #instances li { height: 100%; list-style: none; }
    * html #instances ul { margin-top: 5px; }
    * html #instances ul li { height: 100%; margin: 0px auto; }
    * html #instances h4 { padding-right: 20px; }
</style>
<script type="text/javascript">
$(function(){

var instances = {};
/******************
  Eternity Vault
 ******************/

instances["EV"] = {
    "title" : "Eternity Vault", // url to image or text

    "8M" : {
        "title" : "Eternity Vault 8", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV8 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV8 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV8 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV8 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV8 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV8 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV8 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV8 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV8 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV8 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV8 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV8 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV8 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV8 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV8 NM Boss 5
            }
        } // end Nightmare Mode

    },

    "16M" : {
        "title" : "Eternity Vault 16", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV16 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV16 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV16 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV16 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV16 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV16 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV16 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV16 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV16 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV16 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EV16 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EV16 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EV16 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EV16 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EV16 NM Boss 5
            }
        } // end Nightmare Mode


    } // end EV 16

}; // end EV

/******************
  Karagga's Palace
 ******************/

instances["KP"] = {
    "title" : "Karagga's Palace", // url to image or text

    "8M" : {
        "title" : "Karagga's Palace 8", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP8 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP8 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP8 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP8 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP8 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP8 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP8 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP8 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP8 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP8 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP8 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP8 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP8 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP8 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP8 NM Boss 5
            }
        } // end Nightmare Mode

    }, // end KP 8

    "16M" : {
        "title"  : "Karagga's Palace 16", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP16 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP16 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP16 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP16 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP16 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP16 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP16 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP16 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP16 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP16 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // KP16 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // KP16 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // KP16 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // KP16 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // KP16 NM Boss 5
            }
        } // end Nightmare Mode

    } // end KP 16
}; // end KP

/******************
  Explosive Conflict
 ******************/

instances["EC"] = {
    "title" : "Explosive Conflict", // url to image or text

    "8M" : {
        "title" : "Explosive Conflict 8", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC8 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC8 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC8 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC8 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC8 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC8 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC8 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC8 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC8 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC8 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC8 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC8 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC8 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC8 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC8 NM Boss 5
            }
        } // end Nightmare Mode

    }, // end EC 8

    "16M" : {
        "title" : "Explosive Conflict 16", // url to image or text

        "SM" : {
            "title" : "Story Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC16 SM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC16 SM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC16 SM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC16 SM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC16 SM Boss 5
            }
        }, // end Story Mode

        "HM" : {
            "title" : "Hard Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC16 HM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC16 HM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC16 HM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC16 HM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC16 HM Boss 5
            }
        }, // end Hard Mode

        "NM" : {
            "title" : "Nightmare Mode", // url to image or text
            "boss1" : {
                "title" : "Boss 1", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/winterchill.jpg" // EC16 NM Boss 1
            },
            "boss2" : {
                "title" : "Boss 2", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/anetheron.jpg" // EC16 NM Boss 2
            },
            "boss3" : {
                "title" : "Boss 3", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/kazrogal.jpg" // EC16 NM Boss 3
            },
            "boss4" : {
                "title" : "Boss 4", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/azgalor.jpg" // EC16 NM Boss 4
            },
            "boss5" : {
                "title" : "Boss 5", // url to image or text
                "popup" : "http://i201.photobucket.com/albums/aa236/Mottie1/testsite/screenshots/bosskilled.jpg" // EC16 NM Boss 5
            }
        } // end Nightmare Mode

    } // end EC 16
}; // end EC

    // ******************************
    // Don't change anything below
    // ******************************

    var isImg = /(jpg|png|gif)$/i, t = '<ul>',
        $h, inst, i, size, s, mod3, m, boss, b;

    for (inst in instances) {
        if (typeof inst === "string") {
            i = instances[inst];
            t += '<li><h4 class="head">' + (isImg.test(i.title) ? '<img alt="" src="' + i.title + '">' : i.title) + '</h4><ul class="instance">';
            for (size in i) {
                if (typeof size === "string" && size !== "title") {
                    s = i[size]; // console.debug([ i, size, s ]);
                    t += '<li><h3>' + (isImg.test(s.title) ? '<img alt="" src="' + s.title + '">' : s.title) + '</h3>';
                    for (mod3 in s) {
                        if (typeof mod3 === "string" && mod3 !== "title") {
                            m = s[mod3];
                            t += '<h4 class="sub-head">' + (isImg.test(m.title) ? '<img alt="" src="' + m.title + '">' : m.title) + '</h4><ul style="display: none;">';
                            for (boss in m) {
                                if (typeof boss === "string" && boss !== "title") {
                                    b = m[boss];
                                    t += '<li><a rel="facebox" href="' + b.popup + '">' + (isImg.test(b.title) ? '<img alt="" src="' + b.title + '">' : b.title) + '</a></li>';
                                }
                            }
                            t += '</ul>';
                        }
                    }
                    t += '</li>';
                }
            }
            t += '</ul></li>';
        }
    }
    t += '</ul>';

    $('#instances').html(t);

    $h = $('#instances h4');
    $h.click(function(){
        var $t = $(this), h = 'ul' + ($t.hasClass('head') ? '' : '.instance');
        $h.removeClass('active');
        $t.toggleClass('selected').addClass('active').next().toggle(300);
        $t.closest(h).find('h4').each(function(){
            if (!$(this).hasClass('active')) {
                $(this).removeClass('selected').next().hide(300);
            }
        })
    }).next().hide();

    $('#instances a[rel*=facebox]').facebox();

});
</script>

<div id="instances"></div>
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Veriss (Member) 5/22/2012 1:03 PM EST : RE: Progression Widget Tiers
Veriss
Posts: 1234

0
Like

0
Dislike

Wow, thank you. I was only expecting some general advice but you made a complete framework. I'm working on it now.  Thanks again. 

Cogs

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%