[6.7] [beta] DHTML Posting Icons

Modification Name: DHTML Posting Icons

Author(s): Ian Spence

Description: This mod hides all of the icons except for first one, the user then clicks the icon, and the rest of the icons will appear, where the user will need to click the icon they wish to use. The other choices will disappear, and the selected icon will replace the icon originally clicked.

Demo: http://www.alforadmin.com/cgi-bin/ultimatebb.cgi?ubb=newtopic;f=2

Requirements: UBB.classic 6.7 - Wouldn't be suprised if it worked on 6.6 and earlier. Please test

Download Link: https://www.ubbdev.com/ubb/upload/00020028/messageicon67.txt

login: ubbdev
password: ubbdev

Please think of a better name for this mod

Very nice work Ian

Don't have a better name yet, maybe 'dhtml posting icons'?

One possibly cool modification would be for the box that opens up to just make one row to the right so that the layout doesn't change during selection.

Allen, that'd be a long row with added message icons lol...

Updated with an even better solution

Lol, I guess that works :x...

nice

Very nice. I'd suggest making it so clicking on the body would collapse it, but then you get to deal with bubbling issues...

Updated with some "touchy feely" fixes. Made it so you get the 'pointer' cursor when hover over the images. It's the same pointer you would have seen if it was actually a link.

I also added a tiny link in the bottom of the icon field with "Close [x]" that allows you to hide the window without changing the icon.

Still haven't gotten a way to make it so clicking the body closes it, as there's a whole lot of onclick/bubbling going on on reply pages.

A little fyi, this allows for a very nice hack that allows you to choose icons with quick reply.

First, install this mod.

Code added to modEnd hack

Clear topic cache and enjoy

lol, my monkey 'eh?

looking even betta

I think you can hide it by onUnFocus or something like that...

I've got bubbling under control in Mozilla firefox (I'll assume it's the same in Mozilla) and IE6. I'm getting someone to test it on Opera now, so I should be able to update this today

Updated with the following fixes/features.

Table no longer stretches as long as the page in Opera.
Clicking the body of the page hide the table.
It's now added to the quick reply for topics.
And yes, I removed all the bubbling

Looks awesome ian, thanks

.

The icon box is now showing up in the upper left corner for me rather than where it should. Firebird 0.7...

hmmm... Firefox shows it correctly, lemme try something

Charles, I'm becoming convinced that this was a bug with 0.7, as it works in 0.8.

I've added a check for firebird browsers that, instead of having the position absolute, will have it relative. Care to try it before I release it?

Agreed with Ian, I'm using 0.8 and it all shows up perfectly.

I think I should start to take over Gizzy's title of being "code breaker" ... when I try to install this hack (on my test site

) ... I get white pages when I go from the front page of the board to a post ...

For now, I'll stick with Brett's quick fix for my message icon ... even though I think Ian's new hack looks way cool.

Code

		document.getElementById('iconimage').alt = '$escaped_wordlet' + ' ' + iconnumber;

I think it should be

Code

		document.getElementById('iconimage').alt = unescape('$escaped_wordlet') + ' ' + iconnumber;

Sue, I retried it on a fresh 6.7.1 install and it went flawlessly.

Updated with LK's code

Quote

Originally posted by Ian Spence:

Sue, I retried it on a fresh 6.7.1 install and it went flawlessly.

Updated with LK's code

I tried it again, Ian. Still get *nothing* when I go to access a page outside of the forum summary page. I'm really beginning to think I'm a jinx on hacks and upgrades!

Maybe I'll try it again down the road, but for now, I just gotta stick with what is working.

Ian, I had made some mistakes on my end ... I finally figured them out, and now I have this very, very cool mod working on my site.

I do have a question, though ...

Because of my smilie pulldown menu, the first four or five message icons don't appear like they should ... here's a screen shot:

[Linked Image]

If you work really hard, you can still get them ...

I was wondering if there was an *easy fix* to have the icon box pop-up in a different direction. Does that make sense?

If it's not an *easy fix* -- don't worry about it. I'll live with it as it is.

the easiest fix is to move to Firefox.

The other easy fixes require editing a whole lot of templates

Quote

Originally posted by Ian Spence:

the easiest fix is to move to Firefox.

Okay, what's *firefox*?

http://www.mozilla.org/products/firefox/

It's a browser

Quote

Originally posted by Ian Spence:

http://www.mozilla.org/products/firefox/

It's a browser

Oh! LOL

Ian, think of her members

...

uh... link them all to firefox

Sue, in public_topic_page.pl

change

Code

$hf->[0] =~ s/<body/<body onclick="document.getElementById('icondiv').style.display = 'none';"/isg;

to

Code

$hf->[0] =~ s/<body/<body onclick="document.getElementById('icondiv').style.display = 'none';"/isg unless $stat_line[1] =~ m/X/;

That will fix that javascript error.

txt updated

Quote

Originally posted by Ian Spence:

Charles, I'm becoming convinced that this was a bug with 0.7, as it works in 0.8.

I've added a check for firebird browsers that, instead of having the position absolute, will have it relative. Care to try it before I release it?

This problem exists in Netscape 7.1 too.

I just installed it and it works great. Thanks

Quote

Originally posted by Nightcrawler:

This problem exists in Netscape 7.1 too.

Has anyone come up with a solution to this one? Thanks in advance for any assistance.

if only Netscape 8 was out.

Quote

Originally posted by Ian Spence:

if only Netscape 8 was out.

Actually, I agree with you. But, I had spent several hours trying to convince one of my users to upgrade and he refuses to use anything but that version of Netscape. If there isn't a solution on the UBB end of things, then I'll gladly tell him.

He's been wanting me to remove this hack just for him for awhile now.