Scriptaculous Effects for vBulletin with User Dialogs

[Michael Morris]

This project is cancelled.

[Mr_Snob]

heyy any screenshot would be cool :eek:

[Michael Morris]

heyy any screenshot would be cool :eek:


I've provided 3. The first is a popup (the global announcement) fully in. Note the rest of the forum window fades back to 50% to help it stand out. When you dismiss it the rest of the forum fades back to 100%

The second is a screen capture about halfway through the transition. Transitions run 1 1/2 seconds, that's hard coded in for the moment (I may move that to a setting later).

The third is the admincp shot of the settings.

However, to be honest, a simple screen shot doesn't do these things justice. They have to be seen fully animated to be appreciated :)

[Mr_Snob]

your hack sounds cool and you are too :D

[Michael Morris]

Version 1.0.1 30 minutes after version 1.0.0 because I forgot to put in the template caching call to avoid extra queries :\

Anyway, if anyone has any questions on this I'll be happy to answer them. In the meanwhile I'm going to cleanup the install process and go ahead and include the scriptaculous scripts in the mod zipfile.

[SIN77]

this seems very interesting

[AMG021]

looks intresting

[VaaKo]

Nice.

/me clicks install!

[VaaKo]

I'm having a problem, if you goto www.earthopia.com you'll get the system message but only the close button to click, the message isn't showing, and I have already written it.

[Michael Morris]

Thanks guys. I'm working on the PM launcher now - that's a little bit more complicated though but should be ready Sunday. That will add something to this that simply cannot be done with the javascript alert() function.

Firefox users should also note that this mod's fade down for logout works for them, unlike vbulletin's inbuilt grayscale trick which is IE only.

[Michael Morris]

I'm having a problem, if you goto www.earthopia.com you'll get the system message but only the close button to click, the message isn't showing, and I have already written it.
I saw a message when followed the link. Did you figure out what was wrong?

EDIT: This is what I saw under IE 6. Same in Firefox 2. Looks alright to me.

[VaaKo]

I'm not seeing anything: as an admin.
Even when I logout, I'm not seeing anything under IE & Firefox.

Why do you think?

[dc pringle]

I cant complete step 8 as it is only present in one of my four skins (possibly cuz i am running 3.6.0)

Still gonna give it a try though

What does step 8 actually do? Is it essential that i have that code in there?

[VaaKo]

Another bug, after users login they get by default an empty message with a close button, they can't access the forum before they click close... why is that man?

[dc pringle]

^^ I get that too

Also, when i edit a post and click 'save'

it doesnt go back to the original post in just says 'error on the page' on the bottom left hand corner and nothing seems to happen, although i did check it out and it does post

[Michael Morris]

I'm not seeing anything: as an admin.
Even when I logout, I'm not seeing anything under IE & Firefox.

Why do you think?

The plugin sets a cookie to prevent the popup from firing every page. If you didn't see it for whatever reason try dumping the cookie then closing the browser to end the session. I'll set up an account on your board though and see what it's doing.

EDIT: Created account mmorris and saw both dialogs as normal.

[Michael Morris]

I cant complete step 8 as it is only present in one of my four skins (possibly cuz i am running 3.6.0)

Still gonna give it a try though


What does step 8 actually do? Is it essential that i have that code in there?
Step 8 replaces the vbulletin default of greying out the screen and launching a logout confirmation with a scriptaculous dialog. If your skin doesn't have the code in the navbar it most likely moved the code to the header. In either event, it is not necessary to complete step eight for the mod to work.

[Michael Morris]

VaaKo, upon attempting to start a new thread I received the following error in the console.

Error: uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMNSHTMLDocument.designMode]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: http://www.earthopia.com/clientscript/vbulletin_textedit.js?v=362 :: anonymous :: line 1307" data: no]

The vbulletin editor generated this error - it is most likely a crashing due to conflict with the shoutbox. It is not related to this modification.

[lovelypk]

looks kool,
Clicked Install

[jgommel]

Hey there, I just installed this excellent mod, and most of it seems to work okay, but like another user mentioned, I can't utilize the effect in step 8. I'm using the iSkin (wrap) from extrempixels and the code you mention; though similar to some extent, is not exactly the same, and is indeed located in the header template (like you mentioned). Id still like to utilize the full potential of this install, could you or another member/user possibly look at the code I have and suggest a fix?

Current Header Code for Logout
<!-- LOGOUT -->
<if condition="$show['member']">
<td width="57" height="29"><a href="/forums/login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><img id="nav_logout" src="$stylevar[imgdir_misc]/navx_logout.gif" width="57" height="29" border="0" alt="Logout" /></a></td>

One other thing - I noticed when I login as admin, the screen fades and I get 'Close' button, but no message. I checked my settings for 'Staff Announcement' and they are blank... any ideas?

Site: www.fstopmedia.com

Thanks,

[Michael Morris]

Hey there, I just installed this excellent mod, and most of it seems to work okay, but like another user mentioned, I can't utilize the effect in step 8. I'm using the iSkin (wrap) from extrempixels and the code you mention; though similar to some extent, is not exactly the same, and is indeed located in the header template (like you mentioned). Id still like to utilize the full potential of this install, could you or another member/user possibly look at the code I have and suggest a fix?

Current Header Code for Logout
<!-- LOGOUT -->
<if condition="$show['member']">
<td width="57" height="29"><a href="/forums/login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><img id="nav_logout" src="$stylevar[imgdir_misc]/navx_logout.gif" width="57" height="29" border="0" alt="Logout" /></a></td>

Change that to...
<!-- LOGOUT -->
<if condition="$show['member']">
<td width="57" height="29"><a href="#top" onclick="scriptaculous_log_out()"><img id="nav_logout" src="$stylevar[imgdir_misc]/navx_logout.gif" width="57" height="29" border="0" alt="Logout" /></a></td>


One other thing - I noticed when I login as admin, the screen fades and I get 'Close' button, but no message. I checked my settings for 'Staff Announcement' and they are blank... any ideas?

Site: www.fstopmedia.com

Thanks,

Possible bug - I'll look at it tonight.

[jgommel]

Hey Michael - thanks for responding and giving me a hand. I tried changing my LOGOUT code, but when logging out, I get the following 404 page...

404 Not Found
The requested URL /login.php?do=logout&logouthash=41f7689411006c511fcc23073a361f66 does not exist.

[Michael Morris]

Hey Michael - thanks for responding and giving me a hand. I tried changing my LOGOUT code, but when logging out, I get the following 404 page...

404 Not Found
The requested URL /login.php?do=logout&logouthash=41f7689411006c511fcc23073a361f66 does not exist.
Go to the new dialog_logout template (created when you installed the hack). The default contents of that template are:

<div id="dialog_logout" style="display:none; position: absolute; top: 150px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td align="center">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="50%" align="center">
<tr><td class="tcat" style="padding: 5px;">Log Out?</td></tr>
<tr><td class="alt1">Are you sure you wish to logout?</td></tr>
<tr><td class="tfoot" align="center"><input class="button" type="button" value="Yes" onclick="window.location='login.php?do=logout&amp;logouthash=';" />&nbsp;&nbsp;<input class="button" type="button" value="No" onclick="dialogClose('dialog_logout');" /></td></tr></table>
</td></tr></table>
</div>

Replace with

<div id="dialog_logout" style="display:none; position: absolute; top: 150px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td align="center">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="50%" align="center">
<tr><td class="tcat" style="padding: 5px;">Log Out?</td></tr>
<tr><td class="alt1">Are you sure you wish to logout?</td></tr>
<tr><td class="tfoot" align="center"><input class="button" type="button" value="Yes" onclick="window.location='/forums/login.php?do=logout&amp;logouthash=$bbuserinfo[logouthash]';" />&nbsp;&nbsp;<input class="button" type="button" value="No" onclick="dialogClose('dialog_logout');" /></td></tr></table>
</td></tr></table>
</div>

This is necessary since your forums seem to be off in an absolute directory (A portal setup I presume).

[jgommel]

Alright, we're getting closer... and yes, I've running vBadvanced CMPS as my frontend.

After editing the dialog_logout template, I was not able to save it due to the following error:

PHP Parse error: parse error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING

I checked the code and found a tick inside the logouthash bracket instead of outside...
logouthash=$bbuserinfo['logouthash]';" I just moved the tic outside the bracket, and the template saved just fine.

Now when I try to log out, the 'Yes' button does nothing, but the 'No' button returns me back to the initial page (fades-in). We're getting closer.

I've also attached a few screenshots. One include the page that appears with no dialog; only the close button.

I appreciate your time helping me with this. Maybe once we get this working you can use this in an install txt file for those that use vBadvanced CMPS.

[Michael Morris]

Wrong tick then. I corrected the typo in my post above - it should save now.

[jgommel]

Wrong tick then. I corrected the typo in my post above - it should save now.

Outstanding, Thats all working now! I appreciate your help fixing that.

Now on to a few other things I just tested out... The opacity of the msg box is matching that of the background, or the background is mimicking a mask. I have to check on my PC, but while viewing my site thru Firefox on my Mac laptop, the MSG box is very dim - almost like it's dimming with the background (Screenshot 1).

Secondly, while viewing my site thru Apple's Safari, the dialog box not only does the same thing I mentioned above, but it also resizes the box and throws it to the left (Screenshot 2).

Before I left work, I noted that on my work PC, the dialog ox was centered fine, but I don't recall the opacity issue.

Thanks.

[Hornstar]

This has some very good potential however can I request this.

Make another option to show for a specific user (username or userid). That way if a user is misbehaving I can then show them a pop up and hopefully they will get the point to stop. I think this would be a really cool idea. Also if you could with this specific idea, have options. eg. show popup every x minutes. and i may think of some more later.

nice work so far, but the above would make this stand out even more ^^

[murekhalir]

With this hack are we able to have a popup once every while for things such as 'vote for us' that doesnt come on too much, but at a good enough rate to get both votes and not annoy members?

Time limit perhaps? 1 popup a day?

[Michael Morris]

This has some very good potential however can I request this.

Make another option to show for a specific user (username or userid). That way if a user is misbehaving I can then show them a pop up and hopefully they will get the point to stop. I think this would be a really cool idea. Also if you could with this specific idea, have options. eg. show popup every x minutes. and i may think of some more later.

nice work so far, but the above would make this stand out even more ^^
The next addition I have planned is to display private messages in a dialog, and so why not just send the user a PM regarding their misbehavior?

[WildSharky]

Another bug, after users login they get by default an empty message with a close button, they can't access the forum before they click close... why is that man?

any word on getting this fixed as it happens on my site to and it would be cool to just have open and off thing so you did have to delete your message everytime..

And thanks for the great hack..

[ociosos]

hi it is really nice!!!! but im having some troble :( when i intall it, i having issues when i want to write a psot on the quick reply box on any thread... it is like deactive... well this only happend on FireFox on IE works just fine...

thank you in advance for your reply...

[ePrOmD]

hi.. its look grate!
only one question.. its works on vb 3.6.0?

[JohnBee]

Very fancy, love the transitions but this hack desperately needs on off controls for the popups though. Any chance you could add on/off checkbox next to each announcement option?

[JohnBee]

Another issue with this hack is this line...
<div id="primary_window" style="display:none;">
it will return a blank screen whenever another lightbox call is encountered *thickbox

[SimplyBen]

THAT IS GODLY! THANK YOU! Of all mods I have installed (1000's), this is by far the coolest one with minimal extra editing needed. oh and i have never spent the time to leave an actual comment on a mod.. so good job!

[YogiTW]

I just installed this and it broke the inline editing functionality. The error is:
"obj.style has no properties"

Referencing line 818 in vbulletin_textedit.js

[SimplyBen]

I get a blank box often on the homepage. Everyone has to click close before doing anything on a blank box. Anything have a way to fix this? this is the only thing stopping me from using this hack.

[unitedbreaks]

I get a blank box often on the homepage. Everyone has to click close before doing anything on a blank box. Anything have a way to fix this? this is the only thing stopping me from using this hack.

Ditto. I installed, loved it.. but couldn't take the blank msg.

Also, If possible.. Add a fade(in/out) duration time setting in admincp.

Great hack I must say, just needs debugging.

[YogiTW]

The problem is vB's use of the for/in loop: for (var i in array_var) { }

When you alter the array prototype, those new values show up as i. For example:

Array.prototype.wtf = function() { }

var s = new Array("1", "2", "3");

for (var i in s) {
alert(i);
}


you will get pop ups that say 1, 2, 3, and wtf.

[SimplyBen]

So, how to fix this exactly?

[WAR]

Firstly, thanks for releasing a great hack.

I would like to request a couple of new default pop-ups:

Functionality for both would be exactly the same as the global popup you already have:

One of the would have a variable timer so that instead of popping up once every five minutes you could have it pop up once an hour or something for announcing important events. This is assuming that the timer is seperate for each member, and that it isn't tied to server time or something....

Next would be the ability to tie the pop-up into a value in a users profile fields (a way to consolidate the effects of this hack along with others used for reminding people to update/fill in their profile fields) or tie in the appearence of the popup to usergroup (including secondary groups!) to act as a system wide messaging system for time sensitive announcements that don't make sense as PM's

[YogiTW]

So, how to fix this exactly?

https://vborg.vbsupport.ru/showthread.php?t=139175

[Eagle Creek]

I have a question before installing.

1. Is it possible to only use the "announcement" hack? If yes: what should I do?
2. Can I just post BB code or HTML in the announcement?
3. How do I send an announcement?

[RvG2]

very good mod!

Installed :)

Question: is there any way how to configure the timing of the fading? That's all.

[unitedbreaks]

Look in the /clientscript/ folder for file "vbulletin_scriptaculous.js"

The duration settings can be changed there..

IE..

new Effect.Opacity('primary_window', {duration:1.5, from:1.0, to:0.3});

[Michael Morris]

Hey everyone - been busy with a major client project. I'm hoping to get a shot at doing some further updates for this at end of March. Among them

1 -- Scriptaculous itself is now on version 1.7. I haven't tested this script with that library - if someone has the time I would appreciate it if someone could run some tests against it.

2 -- I am aware of some conflicts with vbulletin javascript reported in this thread. I will definitely be giving this a look.

Feature requests I will write in

1 --- The ability to define popups in the admincp and delete the pre-existing ones
2 --- The ability to turn the initial fade in on and off.
3 --- The PM in popup feature.

These will collectively be in version 1.1

[JohnBee]

Hey everyone - been busy with a major client project. I'm hoping to get a shot at doing some further updates for this at end of March. Among them

1 -- Scriptaculous itself is now on version 1.7. I haven't tested this script with that library - if someone has the time I would appreciate it if someone could run some tests against it.

2 -- I am aware of some conflicts with vbulletin javascript reported in this thread. I will definitely be giving this a look.

Feature requests I will write in

1 --- The ability to define popups in the admincp and delete the pre-existing ones
2 --- The ability to turn the initial fade in on and off.
3 --- The PM in popup feature.

These will collectively be in version 1.1
Great!
Any chances of making it work with Lightbox script as well?

[quachvu]

there is problem with internet explorer 7. when pop up appear, it appear at right side of monitor and make screen more wide... with firefox it is ok

[Chadi]

Just installed, have a few issues

#1

The transition effect is choppy / slow. Where can I adjust the speed?

#2

Upon logging in, I get a blank pop-up, yet all the fields are filled in except announcement and the 14 day message field.

#3

When loading, its slow. The header is cut off until about 2 seconds later it loads. This was not the case prior to installing this script.

See attached please

[oninuva]

It's kind of slow.

[Tralala]

Secondly, while viewing my site thru Apple's Safari, the dialog box not only does the same thing I mentioned above, but it also resizes the box and throws it to the left (Screenshot 2).

Any updates on the Safari issue?

[giovannicosta]

Nice mod, install clicked.

Is there a way to change the frequency of that message that appears every 5 minutes? I would like it only to appear once per session, is this possible?