+- 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: Jquery Form (/showthread.php?tid=37573)
Jquery Form - El Forum - 01-13-2011
[eluser]yorvik[/eluser]
Hello
I am using the UI of jquery to style my form. I want a dialogbox to show up where I can select my files.
The dialogbox is showing up perfect and closing (hiding). But when I submit my form the data of the <input file> doesn't work.
this is my jquery code:
Code:
$(function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );
var name = $( "#name" ),
email = $( "#email" ),
password = $( "#password" ),
allFields = $( [] ).add( name ).add( email ).add( password ),
tips = $( ".validateTips" );
$( "#dialog-form" ).dialog({
autoOpen: false,
height: 750,
width: 750,
modal: true,
buttons: {
"Upload pictures's": function() {
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.hide();
}
});
$( "#create-user" )
.button()
.click(function(e) {
e.preventDefault();
$( "#dialog-form" ).dialog( "open" );
});
});I use this html
Code:
<?php
$attributes = array('id' => 'myForm');
echo form_open_multipart('art_controller/add_artwork/', $attributes);
echo '<br /><label for="price">Price: </label>' . form_input('price', set_value('price', 'Price'));
echo '<label for="job">Job: </label>' . form_input('job', set_value('job', 'Job'));
?>
<div id="dialog-form" title="Upload foto's">
<p class="validateTips">Selecteer de foto's die u wil uploaden.</p>
<div>
<label for="file[0]"><strong>FotoAlbum</strong></label>
<input type="file" name="test[0]" class="text ui-widget-content ui-corner-all" />
</div>
</div>
</form>When I submit my form I get the data of price and job correct. But not the data of the file fields. I just hide the dialogbox in my JQuery so I don't get it why the data of my input="file" fields is lost.
Thanks in advance
Jquery Form - El Forum - 01-14-2011
[eluser]Gerep[/eluser]
When I use something like it, I don't use name="test[0]" but name="test[]".
The Label should be for"test".
I can't see where are you receiving the test[] values or submitting the form.
Sorry if I'm saying stupid things, I'm not so good with JQuery, just trying to help =)
Jquery Form - El Forum - 01-14-2011
[eluser]yorvik[/eluser]
Well the problem is somewhere in my jQuery. Because if If I don't use the dialog box everything works fine. My file is uploaded en my data has been send to the DB.
But when I use my dialog box and I close it after I selected my file things go wrong..
Jquery Form - El Forum - 01-14-2011
[eluser]Gerep[/eluser]
Well...I can't say anything now....I would need your code to make some tests =)
Jquery Form - El Forum - 01-14-2011
[eluser]Atharva[/eluser]
I think you need to add
Code:
Upload pictures's": function() {
$( this ).dialog( "close" );
$('#myForm').submit();
},give it a try.
Jquery Form - El Forum - 01-14-2011
[eluser]yorvik[/eluser]
Nothing happens when I add this:
Code:
Upload pictures's": function() {
$( this ).dialog( "close" );
$('#myForm').submit();
},