Show Thread Enhancements - [AJAX] Your One Click Thread Ratings

Description:
Make it easy for people to rate threads with one click.

Refer to the before and after images attached to this post for a visual.

Install instructions:

1. Download the attached zip file

2. Upload vbulletin_ajax_oneclick_threadrate.js to /yourforum/clientscript/

3. Modify the SHOWTHREAD template by placing the following code(or identical code contained in the attached zip file) after the $poll variable which is around the 14th line:

<if condition="$show['threadrating']">
    <if condition="$show['ratethread']">
        <div style="text-align:left; padding-bottom: 5px;">
        <span id="oneclick_container">
        <noscript>$vbphrase[rating]:</noscript>
        <form action="threadrate.php?t=$threadid" method="post" id="oneclick_vote_one">
        <input type="hidden" name="s" value="$session[dbsessionhash]" />
        <input type="hidden" name="t" value="$threadid" />
        <input type="hidden" name="pp" value="$perpage" />
        <input type="hidden" name="page" value="$pagenumber" />
        <input type="hidden" name="vote" value="1" />
        <input type="submit" value="1" style="display:none;" />
        <noscript><input type="submit" value="1" /></noscript>
        </form>
        <form action="threadrate.php?t=$threadid" method="post" id="oneclick_vote_two">
        <input type="hidden" name="s" value="$session[dbsessionhash]" />
        <input type="hidden" name="t" value="$threadid" />
        <input type="hidden" name="pp" value="$perpage" />
        <input type="hidden" name="page" value="$pagenumber" />
        <input type="hidden" name="vote" value="2" />
        <input type="submit" value="1" style="display:none;" />
        <noscript><input type="submit" value="2" /></noscript>
        </form>
        <form action="threadrate.php?t=$threadid" method="post" id="oneclick_vote_three">
        <input type="hidden" name="s" value="$session[dbsessionhash]" />
        <input type="hidden" name="t" value="$threadid" />
        <input type="hidden" name="pp" value="$perpage" />
        <input type="hidden" name="page" value="$pagenumber" />
        <input type="hidden" name="vote" value="3" />
        <input type="submit" value="1" style="display:none;" />
        <noscript><input type="submit" value="3" /></noscript>
        </form>
        <form action="threadrate.php?t=$threadid" method="post" id="oneclick_vote_four">
        <input type="hidden" name="s" value="$session[dbsessionhash]" />
        <input type="hidden" name="t" value="$threadid" />
        <input type="hidden" name="pp" value="$perpage" />
        <input type="hidden" name="page" value="$pagenumber" />
        <input type="hidden" name="vote" value="4" />
        <input type="submit" value="1" style="display:none;" />
        <noscript><input type="submit" value="4" /></noscript>
        </form>
        <form action="threadrate.php?t=$threadid" method="post" id="oneclick_vote_five">
        <input type="hidden" name="s" value="$session[dbsessionhash]" />
        <input type="hidden" name="t" value="$threadid" />
        <input type="hidden" name="pp" value="$perpage" />
        <input type="hidden" name="page" value="$pagenumber" />
        <input type="hidden" name="vote" value="5" />
        <input type="submit" value="1" style="display:none;" />
        <noscript><input type="submit" value="5" /></noscript>
        </form>
        <script type="text/javascript"><!--

            var threadid = $threadinfo[threadid];
        document.write('<table class="tborder"><tr>');
        document.write('    <td class="alt2">$vbphrase[rating]:</td>');
        document.write('    <td class="alt1"><a href="javascript:void(0);" id="oneclick_vote_one_submit" style="font-size:14pt">1</a></td>');
        document.write('    <td class="alt2"><a href="javascript:void(0);" id="oneclick_vote_two_submit" style="font-size:14pt">2</a></td>');
        document.write('    <td class="alt1"><a href="javascript:void(0);" id="oneclick_vote_three_submit" style="font-size:14pt">3</a></td>');
        document.write('    <td class="alt2"><a href="javascript:void(0);" id="oneclick_vote_four_submit" style="font-size:14pt">4</a></td>');
        document.write('    <td class="alt1"><a href="javascript:void(0);" id="oneclick_vote_five_submit" style="font-size:14pt">5</a></td>');
        document.write('</tr></table>');
        -->
        </script>
        <script type="text/javascript" src="clientscript/vbulletin_ajax_oneclick_threadrate.js?v=$vboptions[simpleversion]"></script>
        <script type="text/javascript">
        <!--
            vB_AJAX_OneClick_ThreadRate_Init('oneclick_vote_one');
            vB_AJAX_OneClick_ThreadRate_Init('oneclick_vote_two');
            vB_AJAX_OneClick_ThreadRate_Init('oneclick_vote_three');
            vB_AJAX_OneClick_ThreadRate_Init('oneclick_vote_four');
            vB_AJAX_OneClick_ThreadRate_Init('oneclick_vote_five');
        -->
        </script>
        </span>
        <span id="oneclick_threadrating_current"></span>
        <span id="oneclick_threadrating_response"></span>
        </div>
    </if>
</if>

Technical comments:
Uses AJAX but will fall back to submitting the form first, or if that fails it will use <noscript> tags to display submit buttons. The fallback methods are not thoroughly tested so, if you are able, please test them and report any problems you have.

Template comments:
Be careful about moving the HTML block around because it will fail if it becomes nested inside of another form.

Recommendations after installing:
- in vBulletin Options > Poll and Thread Rating Options, set "Allow Thread Rating Vote Changes" to No
- in vBulletin Options > Poll and Thread Rating Options, set "Required Thread Rating Votes to Show Rating" to 1 (this will hopefully encourage the use of thread ratings)
- install the Thread-Ratings on Search mod which was written for 3.5.x but is compatible with 3.6.x. ( https://vborg.vbsupport.ru/showthread.php?t=106853 )
- modify the threadrate_add phrase, In Languages & Phrases under "Search in Phrases," do a search for 'Your vote on this thread has been added' and modify it to say something more friendly/humorous

Are you a designer?
maybe you can make the HTML chunk more asthetically pleasing with images or CSS

changelog:
0.1 - initial release
0.1.1 - define JS threadid which may or may not be defined later in the page


Read this before posting
If you want to tell me what error(s) you receive, please do the following:
1. Make sure you DO NOT put the HTML chunk inside of another form it will not work at all if you do this. Please make sure it is after the $poll variable.
2. If you think the error is JS related and you are using Firefox, click Tools > Console then the Errors tab, clear it out first, then try doing the thread rating, Right-click and copy the errors related that show for your forum.
3. You did not upload the JavaScript file to the proper location

READ THIS: Set "Check Thread Rating" to Yes in vBulletin Options under "Thread Display Options (showthread)"

[fci]

Originally Posted by Ntfu2

Turning allow vote changes to No, didnt make this disappear for myself?

so, after you rate a thread and refresh the page it is still there? I want to verify this for myself but I am on a machine which I shouldn't be using to browse your adult forum - please leave it on there and I will be able to test it within the next day or so

[abramelin]

no it doesnt give any error the problem is there is nothing happening i dont use greasemonkey

[fci]

Originally Posted by abramelin

no it doesnt give any error the problem is there is nothing happening i dont use greasemonkey

If you enable the Firebug extension, does it display the XML response as it does in the screenshot I posted? (view the one in the zip file to see exactly what i mean)

[abramelin]

no it doesnt it only displays one error
"formobj has no properties"
and when i click on the java file in console it display this part higlighted "linkobj.onclick = formobj.submit;"

[fci]

Originally Posted by abramelin

no it doesnt it only displays one error
"formobj has no properties"
and when i click on the java file in console it display this part higlighted "linkobj.onclick = formobj.submit;"

Oh... that is very interesting. That would indicate that you have AJAX either disabled by vBulletin or your browser. This clarification gives me a very clear picture of what I will need to do to test and correct it. I should be able to have time to focus on this on the weekend, I will PM when the issue is resolved.

[abramelin]

ok thanks, i'll be waiting

[fci]

Originally Posted by abramelin

ok thanks, i'll be waiting

one other thing.. I strongly suspect that there may be an issue with your browser or something not loading properly from vBulletin.

When you view the source via your user(admin user..)..
can you do a search for "var vb_disable_ajax" ?
If you do not see this exactly then post what you have:

var vb_disable_ajax = parseInt("0", 10);

Additionally, via Firebug, in the console, could you copy and paste the following command into it and tell me if it returns true/false:

vB_AJAX_Handler.prototype.is_compatible();

And, could you do a "Save As" on the generate HTML from the page and post as an attatchment here? I just want to look at the text to try to identify anything that may be amiss.

And, the default style I see when I go to the site is the one you are using?

As a last result, I would try re-installing your browser and deleting your Firefox profile although that seems pretty extreme but there is a slim possibility that would fix it.

[Mr Chad]

Originally Posted by fci

Yes.
in vBulletin Options > Poll and Thread Rating Options, set "Allow Thread Rating Vote Changes" to No

im still getting prompted to rate topics that have already been rated by me.

[abramelin]

Originally Posted by fci

one other thing.. I strongly suspect that there may be an issue with your browser or something not loading properly from vBulletin.

When you view the source via your user(admin user..)..
can you do a search for "var vb_disable_ajax" ?
If you do not see this exactly then post what you have:

var vb_disable_ajax = parseInt("0", 10);

Additionally, via Firebug, in the console, could you copy and paste the following command into it and tell me if it returns true/false:

vB_AJAX_Handler.prototype.is_compatible();

And, could you do a "Save As" on the generate HTML from the page and post as an attatchment here? I just want to look at the text to try to identify anything that may be amiss.

And, the default style I see when I go to the site is the one you are using?

As a last result, I would try re-installing your browser and deleting your Firefox profile although that seems pretty extreme but there is a slim possibility that would fix it.

i didnt understand very much but i search for it and "var vb_disable_ajax = parseInt("0", 10);" this is avaible in the source.

[Hornstar]

gotta love ajax. nice work.