problem switching images with user attributes

Permalink
Heyo people...

DISCLAIMER: if this is posted in the wrong place, I am really sorry...

I am at my wits end with this, I have practically tried everything I can think of and some that I couldn't... I have searched Google and here and can not find what I want (or if I did I didn't realise that's what I wanted...)

First some background I guess...

I am a student, (Programming... yeah... I know) and have just started class again and so, am broke (Books are expensive) Also I am the leader of a gaming clan and am currently building the site for said clan, I have gotten everything looking respectable, things work, I am happy... up until I get to my current problem, which is awards...

I would get some add-ons (if any exist) but A: As stated, I am broke and B: it's not like the site is going to be bringing in money ever, so it's not an investment I can rout funds to... Living and Study are the #1 priorities at the moment...

Now, as I said before I have tried everything, honestly, I have had this problem for nearly a month now...

What I want to happen:
I want to show a bunch of images that are greyed out, with tool tips explaining what each image is.
Then, per user, I want to be able to "enable" or change the picture to one with colour, signifying, obviously, that the member has gained the award...

What I have tried:
Short of learning PHP, which, currently with all the other languages I have to learn (VB, Java, LUA, C# and SQL) is kinda impossible, I can only learn so many things at once...
So yeah, back to the point, I have, as stated quite a few times, tried everything, hell, this post is my last resort...

the three main things I have tried, there was probably more but they escape me at the time of posting;

- Existing extensions that seem like they maybe close to what I want.
- using a "Select Box" attribute to pick a word then displaying it with the only thing I have paid for, 'User info' (Invaluable thus far...) to display said attribute and then trying to get JQuery and/or Javascript to change the word into an image (Failed miserably this one... even forcing the script to run after the page was finished loading)

and lastly, the one I am using now which, although works, quite frankly, is horrible... and it kinda feels a little hacky...

- Using a "Select Box" to select an attribute that is displayed using 'User Info' where the value of the select box is the image tag
<img src="http://www.foo.com/c5/img/bar.png" alt="Meow" title="this is an image">

obviously this is not the real line I am using, but you get the point, and also, the one I am using is much larger...

now my slightly dyslexic (which is a horrible word for someone with dyslexia btw...) brain can't seem to grasp how to make my own attribute, how I could display said attribute or how I would possibly go about fixing this problem without doing the method I am currently employing...

As I said, I tried stuff that is down right stupid (the whole text replacement thingy... god that was idiotic...)

And if anyone could help or point me to a good, well done video tutorial on how to make a custom attribute with what I need and also how to display said attribute on my custom built members pages, that would be sweet...

Oh yeah, speaking of, I have a custom members page, hence the 'User Info' add-on, that is separate from the member profile page for visual reasons... and a fully customised theme based on my original static site (hence why I am using concrete5, cos I can do this easily)

So yeah, as I was saying, any help would be greatly appreciated...

- John

EDIT: A two dimensional select box would be cool... the first dim being the display name in the select box and the second dim being the image tag...

JohnWJarrett
 
pmarques replied on at Permalink Reply
pmarques
Hello,

I have never needed to do this, so I don't know if I'll be able to help and I hope someone with more experience chimes in, but I found two tutorials that might send you on the right direction:

http://c5blog.jordanlev.com/blog/2011/12/file-upload-attribute-for-...
http://www.concrete5.org/documentation/how-tos/developers/create-a-...

This site is made on Concrete5 and has the functionality you need (badges), so it surely can be done.

Good luck!
JohnWJarrett replied on at Permalink Reply
JohnWJarrett
Yeah, I tried the second one but failed... Personal reasons over the tutorial though...

And yeah, I was thinking about that, how this site has them... it would be awesome to know how they did it...