Wordpress, Jquery, Custom Fields, PHP Loops - php

Question

I am working on a new blog site, and I am far from seasoned when it comes to PHP.
http://www.theredo.ca/
What I am trying to do is the following:
Each post has a custom field, "timer".
Inside the custom field, there is a piece of javascript:
<script type="text/javascript">
$j(document).ready(function(){
//init plugin
$j('#event-1').fancyCountdown({year:2011, month:9, day:31, hour:0, minute:0, second:0, timezone:0, dayDigitsAmount: 3, digits:{days:true,hours:true,minutes:true,seconds:true}});
});
</script>
I need to loop through all my posts and place this javascript in the footer - each post will have a slightly unique javascript (ID and other variables).
Currently I am using this piece of code, which isn't a loop and is only placing the last custom field into the footer.
<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, 'timer', true);
wp_reset_query();
?>
I am already using a loop earlier to pull all the posts and display the titles and a couple other custom fields above, which was causing a conflict when I originally was placing the Javascript inline with the HTML...
Long story short - help?

Answer 1

try this, not sure this is what you want.
<?php
query_posts();//get all posts
while ( have_posts() ) : the_post();
echo get_post_meta($post->ID,'timer', true);
endwhile;
wp_reset_query();
?>

Answer 2

I can't imagine why you would need JS which is inside a doc.ready call to be in the footer (it's going to wait for the DOM to be ready anyway), but you can use the wordpress add_action hook to get your content down there.
Looking at the docs, my guess would be something like this:
<?php add_action('wp_footer', function() { echo get_post_meta($postid, 'timer', true);}) ?>
You would do this inside of "the loop" so that it is run once for each post, and all the JS piles up in the footer.

Answer 3

each post will have a code snippet:
$j('#event-1').fancyCountdown({year:2011, month:9, day:31, hour:0, minute:0, second:0, timezone:0, dayDigitsAmount: 3, digits:{days:true,hours:true,minutes:true,seconds:true}});
while in your wordpress loop concat these values:
$countdown_script .= get_post_meta($post, 'timer', true);
then after the loop echo the script:
<script type="text/javascript">
$j(document).ready(function(){
<?php echo $countdown_script; ?>
});
</script>