vb.org Archive - Quick Edit Loading Text

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=113)

- - Quick Edit Loading Text (https://vborg.vbsupport.ru/showthread.php?t=111026)

Brad	03-20-2006 10:00 PM

Quick Edit Loading Text

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. [high]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:[/high]

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

Quote:

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

Quote:

Originally Posted by DementedMindz

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 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:

Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

puertoblack2003

03-21-2006 11:32 PM

Quote:

Originally Posted by Tralala

Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

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....

Tralala

03-21-2006 11:40 PM

Quote:

Originally Posted by puertoblack2003

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

Quote:

Originally Posted by Tralala

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

Quote:

Originally Posted by Tralala

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

(All credit for this idea goes to Allan, who shared it in this thread BTW.)

First upload an appropriate image to misc/images... one like this: http://www.nazgol.co.il/site1/misc/i...rogressbar.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:

Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

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

Tralala

03-22-2006 03:02 AM

Quote:

Originally Posted by Brad

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 ... happy to help and share the good ideas! :cool:

Brad	03-22-2006 03:37 AM

Quote:

Originally Posted by puertoblack2003

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:

Code:

        // Show going advanced message

        fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Show saving post message

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';

                document.body.style.cursor = 'wait';

Replace with:

Code:

                // 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:

Code:

        // Show removing post message

        fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Hide sending post message and reset cursor

                document.body.style.cursor = 'auto';

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

Code:

                // 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:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

Replace with:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

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

Quote:

Originally Posted by Brad

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

Quote:

Originally Posted by Tralala

I've posted the instructions for doing that here. :)

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

Quote:

Originally Posted by Brad

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:

Code:

        // Show going advanced message

        fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Show saving post message

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';

                document.body.style.cursor = 'wait';

Replace with:

Code:

                // 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:

Code:

        // Show removing post message

        fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Hide sending post message and reset cursor

                document.body.style.cursor = 'auto';

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

Code:

                // 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:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

Replace with:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

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

Quote:

Originally Posted by Brad

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:

Code:

        // Show going advanced message

        fetch_object('qe_advanced_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Show saving post message

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = '';

                document.body.style.cursor = 'wait';

Replace with:

Code:

                // 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:

Code:

        // Show removing post message

        fetch_object('qe_delete_' + vB_QuickEditor.postid).style.display = '';

        document.body.style.cursor = 'wait';

Replace with:

Code:

        // 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:

Code:

                // Hide sending post message and reset cursor

                document.body.style.cursor = 'auto';

                fetch_object('qe_posting_' + vB_QuickEditor.postid).style.display = 'none';

Replace with:

Code:

                // 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:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

Replace with:

HTML Code:

                <!-- Quick Edit messages -->

                <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>

                <!-- Quick Edit messages -->

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

Quote:

Originally Posted by Floris

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!

All times are GMT. The time now is 05:52 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01492 seconds Memory Usage 1,873KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (27)bbcode_code_printable (6)bbcode_html_printable (13)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (26)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: