Posting Canvas Data url along with other inputs in form

Posting Canvas Data url along with other inputs in form - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forumdisplay.php?fid=23)
+--- Thread: Posting Canvas Data url along with other inputs in form (/showthread.php?tid=39923)

Posting Canvas Data url along with other inputs in form - El Forum - 03-24-2011

[eluser]fiddle-sticks[/eluser]
Okay so please can somebody tell me what Im doing wrong here.
Im trying to convert the contents of a canvas into a data url and then post it along with other inputs to the controller in order to save an image.

Code:
&lt;form method="post" accept-charset="utf-8" action="&lt;?php echo ($base_url . 'template/new_template'); ?&gt;" name="form" id=form" /&gt;

&lt;?php

$edit_template_code = array(

        'name' => 'edit_template_code',

        'id' => 'edit_template_code', 

        'value' => set_value('edit_template_code')

    );

?&gt;

<canvas id="processing-canvas"> </canvas>

&lt;?php echo form_textarea($edit_template_code); ?&gt;

&lt;input type='hidden' name='save_image' /&gt;

&lt;?php echo form_submit(array('name' => 'save'), 'Save Template'); ?&gt;

&lt;?php echo form_close(); ?&gt;

Code:
$(document).ready(function() {

    $("#form").submit(function() {

        var canvas = document.getElementById("processing-canvas"); //in your pjs sketch this is externals.canvas 

        var save_image = canvas.toDataURL("image/png");

        $('input[name=save_image]').val(save_image);

    });

});

Or maybe somebody knows of a different way to do it...?
Thanks in advance

Posting Canvas Data url along with other inputs in form - El Forum - 03-25-2011

[eluser]fiddle-sticks[/eluser]
Anybody got any ideas?