jquery with php

[fxpepper]

I have a function which creates a table dynamically:

function create_table($item) {
	$title = $item->post_title;
	$date = date('M-d-Y H:i:s e',strtotime($item->post_date));
	echo '<tr>';
	echo '<td><input type="checkbox" /></td>';
	echo '<td>' . $title . '</td>';
	echo '<td>' . $date . '</td>';
	echo  '</tr>';
	return $csv_output .=  $title . ', ' . $date .  "\n"; // only return this if ckbox is checked
}	

this creates a table with a checkbox. i want the user to be able to check the checkbox and if it's checked return the last line - return $csv_output...
when i add jquery or just the script tags to it, the table only returns 1 row and looks funny...

any suggestions?

thanks!

[dalecosp]

I have one ...

post the rest of the relevant code? Especially the part where you have a call to this function, and, perhaps, a loop, oh, and definitely where you src the JQuery as well 😉

[fxpepper]

sure...

this is in wordpress (if that matters):

<?php
create_table_header(); // creates <table> element


$args = array(
	'post_type' => 'post',
	'showposts' => -1	// shows all	
);

$query = new WP_Query($args);

// checks for posts
if ($query->have_posts()) : 
            // begin loop
	   while ($query->have_posts()) : $query->the_post(); ?>    

			<?php $csv_output .= create_table($post); ?>

   <?php endwhile; ?> 
<?php endif; 


create_table_footer();	 // creates </table>

function create_table($item) {
    $title = $item->post_title;
    $date = date('M-d-Y H:i:s e',strtotime($item->post_date));
    echo '<tr>';
    echo '<td><input type="checkbox" /></td>';
    echo '<td>' . $title . '</td>';
    echo '<td>' . $date . '</td>';
    echo  '</tr>';
    ?>
   <script>
  // want to add js to see if checkbox is checked
  // by just adding these script tags, it only prints 1 row (vs the 10 that it should print)
   <?php
    return $csv_output .=  $title . ', ' . $date .  "\n"; // only return this if ckbox is checked
   ?> 
   </script>

<?php

} 

does this help?

thanks

[dalecosp]

Well, it appears to me that your "</script>" tag is never gonna be printed, since the function is returning before it appears.

What does the HTML source look like? An unfinished HTML tag can truncate output....

[fxpepper]

dalecosp;11004539 wrote:

Well, it appears to me that your "</script>" tag is never gonna be printed, since the function is returning before it appears.

What does the HTML source look like? An unfinished HTML tag can truncate output....

ahh..that makes sense...

so, how would i do that? return that information without a 'return' ??

[EDIT]
do i make it global or make it a reference variable??
[/EDIT]

[dalecosp]

[man]echo/man? [man]print/man ?

[fxpepper]

dalecosp;11004541 wrote:

[man]echo/man? [man]print/man ?

sorry, left the form out:

<form name="export" action="export.php" method="post">
    <input type="submit" value="Export">
    <input type="hidden" value="<?php echo $csv_hdr; ?>" name="csv_hdr">
    <input type="hidden" value="<?php echo $csv_output; ?>" name="csv_output">
</form>

this variable needs to be available to this form -

[fxpepper]

alright so i got it posting everything in the table with the variable being global...

so how would i do:
if the checkbox from the table for a particular post is checked, i want that data to be added to the csv_output variable. Do i have to do this was with ajax then?

[fxpepper]

I tried mixing jquery with php but it's not working

jQuery('.ckbox').change(function() {
if(this.checked) {
var id = jQuery(this).attr('id');
var n = id.charAt(id.length-1);
<?php $new_test = $csv_output[$p?> n <?php ]; ?>
}
//alert(n);
});

but it's breaking on the php line...

how can i combine these 2 technologies?

basically i have an php array and depending on what's checked, I want that to show up in a new php array which i will post

any direction would be helpful

thanks guys

[fxpepper]

okay, i got it working...

posting in case it helps anyone else:

var jArray= <?php echo json_encode($csv_output); ?>;
var d = [];

jQuery('.ckbox').change(function() {
if(this.checked) {
var id = jQuery(this).attr('id');
var n = id.charAt(id.length-1);
d.unshift(jArray[n-1]);
} else {
d.shift(jArray[n-1]);
}
jQuery('#csv').val(d.join(' '));

});

basically, as you can see, i assigned my php array to a javascript array (using json_encode() ), and then if the box was checked, i added it to the array (or removed it if was unchecked)...

then i turned it into a string and assigned it to the form's hidden input (id=csv). value...which let me posted correctly..yah!

hope that's clear : )