"Progression Widget Tiers" : Custom Widgets : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > Progression Widget Tiers

Veriss (Member)

5/15/2012 4:09 PM EST : Progression Widget Tiers

Posts: 1075

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

•

Mottie (SuperAdmin)

5/16/2012 7:47 AM EST : RE: Progression Widget Tiers

ACK! Mottie Posts: 3873 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). >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Veriss (Member)

5/16/2012 11:01 AM EST : RE: Progression Widget Tiers

Posts: 1075

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

•

Mottie (SuperAdmin)

5/16/2012 3:12 PM EST : RE: Progression Widget Tiers

ACK! Mottie Posts: 3873 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. >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Veriss (Member)

5/16/2012 4:08 PM EST : RE: Progression Widget Tiers

Veriss Posts: 1075 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
•

Mottie (SuperAdmin)

5/17/2012 8:19 AM EST : RE: Progression Widget Tiers

ACK! Mottie Posts: 3873 0 Like 0 Dislike	I still can't view that page =( >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Veriss (Member)

5/17/2012 12:35 PM EST : RE: Progression Widget Tiers

Veriss Posts: 1075 0 Like 0 Dislike	Heh, I think another admin changed it back to members only. Its public again!
•

Mottie (SuperAdmin)

5/19/2012 8:58 AM EST : RE: Progression Widget Tiers

ACK!

Posts: 3873

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>

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Veriss (Member)

5/22/2012 1:03 PM EST : RE: Progression Widget Tiers

Veriss Posts: 1075 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
•

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 )

%title%