Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : WoW > Progression Box & Guild Bar
JackieBB (Member) 3/27/2011 1:39 PM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

0
Like

0
Dislike

Did exactly as you instructed, and still it doesn't work.
No idea what's wrong.
You can check it out here (my guild's website): www.rclg-guild.com (left column at the bottom)


Thanks for any help!

TopBottom

Mottie (SuperAdmin) 3/27/2011 3:00 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi JackieBB!

Ok apparently your host uses Prototype instead of jQuery. So you'll need to make a few additions. Also, you might need to include the tooltip script (url in orange), which again you'll need to copy over to your site. Here is the complete code (new additions or modifications to the original in blue/orange). Also, I had to slightly modify the "progression-script-min.js" (in orange) to not interfere with Prototype, so you'll need to recopy that file as well.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
<link href="progression-styles.css" type="text/css" rel="stylesheet" />
<script src="http://www.axiomfiles.com/Files/258012/progression-scripts-min.js" type="text/javascript"></script>
<script src="progression-wow.js" type="text/javascript"></script>

<style type="text/css">
/* Tooltip */
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

/* Progression box */
#progBox { color: #ffffff; }

/* Tooltip text */
.progress td { color: #dddddd; }

/* Instance name text */
td.instance { color: #cccccc; }

/* bosses killed "(5/6)" in the progression box */
td.bossCount { color: #cccccc; }

/* Tooltip styles */
td.tooltipHeader { color: #0080ff; }
td.killedBoss { color: #888888; }
td.toKillBoss { color: #dddddd; }
td.killedText { color: #ff0000; }
td.attemptedBoss { color: #00ff00; }
</style>

<div id="progBox"></div>
<script type="text/javascript">
jQuery.noConflict();
jQuery
(document).ready(function(){
 var progressionOptions = {
  // Add progression box options here
 };
 jQuery('#progBox').progression( wowCat, progressionOptions);
});
</script>
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

JackieBB (Member) 3/28/2011 8:10 AM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

0
Like

0
Dislike

Mottie said:
Hi JackieBB!

Ok apparently your host uses Prototype instead of jQuery. So you'll need to make a few additions. Also, you might need to include the tooltip script (url in orange), which again you'll need to copy over to your site. Here is the complete code (new additions or modifications to the original in blue/orange). Also, I had to slightly modify the "progression-script-min.js" (in orange) to not interfere with Prototype, so you'll need to recopy that file as well.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
<link href="progression-styles.css" type="text/css" rel="stylesheet" />
<script src="http://www.axiomfiles.com/Files/258012/progression-scripts-min.js" type="text/javascript"></script>
<script src="progression-wow.js" type="text/javascript"></script>

<style type="text/css">
/* Tooltip */
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

/* Progression box */
#progBox { color: #ffffff; }

/* Tooltip text */
.progress td { color: #dddddd; }

/* Instance name text */
td.instance { color: #cccccc; }

/* bosses killed "(5/6)" in the progression box */
td.bossCount { color: #cccccc; }

/* Tooltip styles */
td.tooltipHeader { color: #0080ff; }
td.killedBoss { color: #888888; }
td.toKillBoss { color: #dddddd; }
td.killedText { color: #ff0000; }
td.attemptedBoss { color: #00ff00; }
</style>

<div id="progBox"></div>
<script type="text/javascript">
jQuery.noConflict();
jQuery
(document).ready(function(){
 var progressionOptions = {
  // Add progression box options here
 };
 jQuery('#progBox').progression( wowCat, progressionOptions);
});
</script>


First of all, I can't thank you enough for helping me like this, i'm sure the code rewrite took a while and I appreciate your effort !
Having said that, I failed completely and still can't make it work.

Took the new code, and pasted it into the free form html widget.
got all of the css/js files and uploaded them to my hosted website and linked them at the beginning of the code just like you did.
And yet, It still doesn't work. I don't see anything, same as before.
Am I doing something terribly wrong here ?

TopBottom

Mottie (SuperAdmin) 3/28/2011 9:01 AM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi again!

Sorry I guess I didn't fix all the conflict problems with Prototype. I rewrote the script, so just download and replace the file you have
http://www.axiomfiles.com/Files/258012/progression-scripts-min.js
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

JackieBB (Member) 3/28/2011 10:08 AM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

0
Like

0
Dislike

Still doesn't work :/

I would attach the code as I copied it, but the forum won't let me. How do you attach html code properly here?

Also - thanks again for taking the time to help me out here, very very much appreciated..

TopBottom

Mottie (SuperAdmin) 3/28/2011 5:16 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hiya!

This file hasn't been updated with the one I linked in my last post: http://s.guildomatic.com/228102/host/e7/e787a02a7bbdee68cc2184792ddec4e7.js
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

JackieBB (Member) 3/29/2011 4:59 AM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

0
Like

0
Dislike

I just opened them both and they are identical.. I don't know what to say..

TopBottom

Mottie (SuperAdmin) 3/29/2011 5:49 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Open the one on my site, then press Shift-Reload (browser button). This refreshes your browser cache. The version on my site will not have any "$" in it. The one on your site does.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

JackieBB (Member) 3/30/2011 4:04 AM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

0
Like

0
Dislike

I feel so ashamed ! It did indeed refresh.
Updated that file, as well as all other files, copied (again) your new script and added the links for the progression and tooltip.
Sadly, nothing has changed (as you can see on www.rclg-guild.com left side at the bottom).

If this is taking up too much of your time (and I suspect it does..), feel free to let me know and I'll just pass on it, I'm not sure what i'm doing wrong, but something isn't working still...

Again, thanks so much for your time,

J

TopBottom

Mottie (SuperAdmin) 3/30/2011 4:01 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hiya JackieBB!

No, it doesn't take up much time... I've just been really really busy this last week. Anyway, looking at your code, you aren't pointing to the progression-styles.css or the progression-wow.js file correctly. Fix those URLs and lets cross our fingers
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%