| HuangA |
05-23-2006 09:40 AM |
Abe1:
Thanks for following up the request :) here's a little starter on how to make it so that you only really need it once. I've edited the postbit_button template to the following (it still comes up multiple times, but it only really need to be created 'once' at the top because its a function with parameters). It doesn't work yet because I am not familiar with call back functions, and I can't figure out how to pass the pid variable to the call back functions. If there's any AJAX guru or javascript expert who can help fix the rest, we can safely move the majority of the code to a separate .js file which can be cached by user browser and we can reduce the bandwidth usage by a lot (imagein the segment of code appear only once in a cached js VS appearing in html for each post appearing on page).
Code:
<script type="text/javascript">
<!--
function post_thanks_give( pid )
{
do_thanks_button = new vB_AJAX_Handler(true)
do_thanks_button.onreadystatechange = function () {
alert('state ready pid: ' + pid);
alert('state: ' + do_thanks_button.handler.readyState);
if (do_thanks_button.handler.readyState == 4 && do_thanks_button.handler.status == 200)
{
fetch_object('post_thanks_button_' + pid).innerHTML = do_thanks_button.handler.responseText
}
}
do_thanks_button.send('showthread.php?do=post_thanks_button_ajax&p='+pid)
do_thanks_add = new vB_AJAX_Handler(true)
do_thanks_add.onreadystatechange = function () {
if (do_thanks_add.handler.readyState == 4 && do_thanks_add.handler.status == 200)
{
fetch_object('post_thanks_box_'+pid).innerHTML = do_thanks_add.handler.responseText
}
}
do_thanks_add.send('showthread.php?do=post_thanks_add_ajax&p='+pid)
}
function post_thanks_remove_all( pid )
{
do_thanks_button = new vB_AJAX_Handler(true)
do_thanks_button.onreadystatechange = function () {
if (do_thanks_button.handler.readyState == 4 && do_thanks_button.handler.status == 200)
{
fetch_object('post_thanks_button_'+pid).innerHTML = do_thanks_button.handler.responseText
}
}
do_thanks_button.send('showthread.php?do=post_thanks_button_add_ajax&p='+pid)
do_thanks_remove_all = new vB_AJAX_Handler(true)
do_thanks_remove_all.onreadystatechange = function () {
if (do_thanks_remove_all.handler.readyState == 4 && do_thanks_remove_all.handler.status == 200)
{
fetch_object('post_thanks_box_'+pid).innerHTML = do_thanks_remove_all.handler.responseText
}
}
do_thanks_remove_all.send('showthread.php?do=post_thanks_remove_all_ajax&p='+pid)
}
function post_thanks_remove_user( pid )
{
do_thanks_button = new vB_AJAX_Handler(true)
do_thanks_button.onreadystatechange = function () {
if (do_thanks_button.handler.readyState == 4 && do_thanks_button.handler.status == 200)
{
fetch_object('post_thanks_button_'+pid).innerHTML = do_thanks_button.handler.responseText
}
}
do_thanks_button.send('showthread.php?do=post_thanks_button_add_ajax&p='+pid)
do_thanks_remove_user = new vB_AJAX_Handler(true)
do_thanks_remove_user.onreadystatechange = function () {
if (do_thanks_remove_user.handler.readyState == 4 && do_thanks_remove_user.handler.status == 200)
{
fetch_object('post_thanks_box_'+pid).innerHTML = do_thanks_remove_user.handler.responseText
}
}
do_thanks_remove_user.send('showthread.php?do=post_thanks_remove_user_ajax&p='+pid)
}
document.write('<a href="#" id="post_thanks_button_$post[postid]" onclick="post_thanks_give( $post[postid] ); return false;"> <img src="images/buttons/post_thanks.gif" alt="Thanks" border="0" /></a>');
//-->
</script>
<noscript>
<a href="showthread.php?do=post_thanks_add&p=$post[postid]"> <img src="images/buttons/post_thanks.gif" alt="Thanks" border="0" /></a>
</noscript>
Problems with the above so far: the call back doesn't work, so it doesn't properly achieve the ajax effect, and the remove functions doesn't work for whatever reason... do NOT, I repeat do NOT deploy / test the above on your production board. Hopefully someone can fine tune it to work and this hack would be perfect ;) |
More Information