Quick Edit Loading Text [Archive]

View Full Version : Quick Edit Loading Text

Brad

03-20-2006, 10:00 PM

I'm sure you've noticed that posting a quick reply displays a 'Posting reply, please wait' message while the post is begin sent to the server. Ever wonder why Quick Edit doesn't do the same? I know I have...

With this modification installed a short message is displayed in the postbit template when a user edits or deletes a post via the quick edit box. I felt this was something that should have been in the code by default (and I think it will be in an up-coming version) so I made it myself and decided to release it to the community.

Requirements

1 file to edit (to file /vbulletin/clientscript/vbulletin_quick_edit.js)
2 template edits (to templates postbit, and postbit_legacy)
1 Product file import (for the phrases)

Important note

Because this modification requires that you edit the javascript files, you will have to clear your web browser's local cache before it will start working. You can do this by clearing the entire cache, or pressing ctrl+f5 while viewing any thread on your forum. Please make sure you do this before you seek support! I have a feeling this is going to account for 99% of the support requests I get for this modification! :rolleyes:

Installation instructions are in the .zip file, please click the install button and enjoy! :)

Daniel

03-21-2006, 09:43 PM

Nice work, and nice idea. :)

DementedMindz

03-21-2006, 10:12 PM

nice work Brad lol im sure some one will now try to change the text to images....

also like the lil tip at the bottom

Remember to clear your browsers cache, otherwise the messages will not show up. You can clear the cache by pressing ctrl + f5 in any thread on your forum.

Tralala

03-21-2006, 10:36 PM

nice work Brad lol im sure some one will now try to change the text to images....

Exactly! Like this: https://vborg.vbsupport.ru/showthread.php?t=110758

I know I'll be attempting that... :D

Thanks, Brad!

DementedMindz

03-21-2006, 10:40 PM

Exactly! Like that lol....

Tralala

03-21-2006, 11:06 PM

Just to followup, the "loading" graphic works great here too.

(All credit for this idea goes to Allan, who shared it in this thread (https://vborg.vbsupport.ru/showthread.php?t=110758) BTW.)

First upload an appropriate image to misc/images... one like this: https://vborg.vbsupport.ru/

(... there are others I posted in Allan's thread linked above, or you can find many appropriate ones via Google. Search for things like "loading.gif" or "progress.gif" or "progressbar.gif.")

Then for the template edit, add in this instead:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[bigreply_wait_loo]</strong></div>

puertoblack2003

03-21-2006, 11:32 PM

Tralala

03-21-2006, 11:40 PM

this is more in coding in files than what allan has produced in phrases which on my board some how couldn't get it to work...i'll try this one....

No, my suggestion is meant to be done in ADDITION to Brad's code modification, I wasn't suggesting it as an alternate means of accomplishing the same thing.

Allan's code mod worked great for me, added the loading graphic to Quick Reply.

Brad's code mod works great, added the loading text to Quick Edit, Quick Delete, and Go Advanced.

I just used what I learned from Allan, to add loading graphic to the text that Brad added to Quick Edit, Quick Delete, and Go Advanced.

Make sense?

DementedMindz

03-21-2006, 11:45 PM

you could basiclly do the same with $vbphrase[delete_wait_loo] or any of the others and just use the phrase as a gif instead with a alt=""

puertoblack2003

03-21-2006, 11:50 PM

No, my suggestion is meant to be done in ADDITION to Brad's code modification, I wasn't suggesting it as an alternate means of accomplishing the same thing.

Allan's code mod worked great for me, added the loading graphic to Quick Reply.

Brad's code mod works great, added the loading text to Quick Edit, Quick Delete, and Go Advanced.

I just used what I learned from Allan, to add loading graphic to the text that Brad added to Quick Edit, Quick Delete, and Go Advanced.

Make sense?

yes sir...gotcha now. somehow i haveto go back and track what i did on allan's mod because for some reason it don't work even after testing. and it's a simple mod.

Brad

03-22-2006, 02:46 AM

Just to followup, the "loading" graphic works great here too.

(All credit for this idea goes to Allan, who shared it in this thread (https://vborg.vbsupport.ru/showthread.php?t=110758) BTW.)

First upload an appropriate image to misc/images... one like this: http://www.nazgol.co.il/site1/misc/images/progressbar.gif

(... there are others I posted in Allan's thread linked above, or you can find many appropriate ones via Google. Search for things like "loading.gif" or "progress.gif" or "progressbar.gif.")

Then for the template edit, add in this instead:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="http://www.yourforumname.com/forums/images/misc/loading.gif" alt="" /><br /><strong>$vbphrase[bigreply_wait_loo]</strong></div>

Nice addition, mind if I add it to the zip file? :)

Tralala

03-22-2006, 03:02 AM

Nice addition, mind if I add it to the zip file? :)

Not at all...

As mentioned above though I merely merged your good idea with Allan's good idea (https://vborg.vbsupport.ru/showthread.php?t=110758) ... happy to help and share the good ideas! :cool:

Brad

03-22-2006, 03:37 AM

this is more in coding in files than what allan has produced in phrases which on my board some how couldn't get it to work...i'll try this one....
All these additions and other ways of doing them are good, but a little messy. Here is how I would do it. :)

After installing the modification open vbulletin_quick_edit.js

Find:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = 'none';

Open the postbit, and postbit_legacy templates.

Find:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>


Replace with:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>
<br />
<div id="qe_image_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="$stylevar[imgdir_misc]/loading.gif" alt="Loading...." border="0" /></div>


Last but not least upload an image named 'loading.gif' to your misc image directory located at: /vbulletin/images/misc. Some styles may have other paths, so you'll need to upload the image for each style! :)

Also ctrl+f5 again to clear the cache.

Floris

03-22-2006, 04:20 AM

This should be default in 3.6 :)

Tralala

03-22-2006, 04:50 AM

Some styles may have other paths, so you'll need to upload the image for each style! :)

Actually this is the best part of your addition... I have three wildly contrasting styles, and now I can give each one a different "loading" graphic, to match their distinct styles. :D

I've changed over to your modification, it all looks great. Thanks.

(Now I'd love different "loading" graphics for Quick Reply as well. Allan did his with phrases though... so it doesn't seem possible.)

Allan

03-22-2006, 07:14 AM

Nice Brad ;)

@Tralala:
Modify phrases to template of Brad:

- $vbphrase[post_wait_loo]
- $vbphrase[delete_wait_loo]
- $vbphrase[bigreply_wait_loo]

Change it with my modifications and work ;)

Brad

03-22-2006, 08:31 AM

Actually this is the best part of your addition... I have three wildly contrasting styles, and now I can give each one a different "loading" graphic, to match their distinct styles. :D

I've changed over to your modification, it all looks great. Thanks.

(Now I'd love different "loading" graphics for Quick Reply as well. Allan did his with phrases though... so it doesn't seem possible.)
I've posted the instructions for doing that here (https://vborg.vbsupport.ru/showpost.php?p=931727&postcount=37). :)

Zia

03-22-2006, 01:23 PM

:) Nice....why not use advancely when surely gonna have it in 3.5.6 ;)

puertoblack2003

03-22-2006, 02:58 PM

All these additions and other ways of doing them are good, but a little messy. Here is how I would do it. :)

After installing the modification open vbulletin_quick_edit.js

Find:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = 'none';

Open the postbit, and postbit_legacy templates.

Find:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>


Replace with:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>
<br />
<div id="qe_image_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="$stylevar[imgdir_misc]/loading.gif" alt="Loading...." border="0" /></div>


Last but not least upload an image named 'loading.gif' to your misc image directory located at: /vbulletin/images/misc. Some styles may have other paths, so you'll need to upload the image for each style! :)

Also ctrl+f5 again to clear the cache.

thank you sir, will try it when i get home and let you know the outcome

Nutz

03-22-2006, 06:00 PM

<a href="http://www.vbulletin.com/forum/showthread.php?t=176614" target="_blank">http://www.vbulletin.com/forum/showthread.php?t=176614</a> <-- that was the request.

Thanks for this Brad!

Thanks,
Mat

puertoblack2003

03-22-2006, 06:48 PM

All these additions and other ways of doing them are good, but a little messy. Here is how I would do it. :)

After installing the modification open vbulletin_quick_edit.js

Find:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show going advanced message
fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show saving post message
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Replace with:

// Show removing post message
fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = '';
document.body.style.cursor = 'wait';

Find:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

// Hide sending post message and reset cursor
document.body.style.cursor = 'auto';
fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';
fetch_object('qe_image_' + vB_QuickEditor.postid).style.display = 'none';

Open the postbit, and postbit_legacy templates.

Find:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>


Replace with:


<br />
<div id="qe_posting_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[post_wait_loo]</strong></div>
<div id="qe_delete_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[delete_wait_loo]</strong></div>
<div id="qe_advanced_$post[postid]" style="display:none; margin-top:6px" align="center"><strong>$vbphrase[bigreply_wait_loo]</strong></div>
<br />
<div id="qe_image_$post[postid]" style="display:none; margin-top:6px" align="center"><img src="$stylevar[imgdir_misc]/loading.gif" alt="Loading...." border="0" /></div>


Last but not least upload an image named 'loading.gif' to your misc image directory located at: /vbulletin/images/misc. Some styles may have other paths, so you'll need to upload the image for each style! :)

Also ctrl+f5 again to clear the cache.

ok brad did everything as instructed with mod installed and this info...somehow still don't work as shown in the pics is there something i have to do in admin cp to activate or modify to get to work?

thank you.

Edited: ok the edit post part (Go Advance) seem to work but the post and rempve seem to be not working

Snake

03-23-2006, 07:39 PM

Nice one. Works like a charm! :)

davidw

04-12-2006, 06:29 PM

This should be default in 3.6 :)Excellent idea.

lucky64

04-27-2006, 12:12 AM

Very cool :)

Desihunk

04-27-2006, 01:08 AM

Works great!

Clicked Install! :D

Chicago_VLNU_4s

02-04-2007, 11:21 AM

Nice... clicked install!