i create user submit form.
before submit click preview button.show for preview.
anybody.plz hlp me.
this is my form
<form action ="<?php echo url_for('@meetnewpeople_edit') ?>" id="meetnewpeople" method="post" enctype="multipart/form-data" >
<span id="privacy_popup" class="button-white">Privacy</span>
<div id="privacy_create" style="display:none;">
<input type="checkbox" id="privacy-only-plan-people" value="planpeople" name="privacy[]">
Only people in this plan can see
<br>
<div id="privacy-people">
<input type="checkbox" value="allfriends" name="privacy[]">
All Friends can see
<br>
<br>
<h3>Hidefrom</h3>
<select id="hide_layer" target="hide_layer_people">
<option value="">[Select]</option>
<?php foreach ($layers as $layer): ?>
<option value="<?php echo $layer->getId() ?>" ><?php echo $layer->getName() ?></option>
<?php endforeach; ?>
</select>
<span id="hide-btn-selectLayer" class="button-white">
Select Layer
</span>
<br>
<select id="hide_layer_people">
<option value="">[Select]</option>
</select>
</div>
Hidden People List
<div id="hide-selected-friend" >
</div>
</div>
<br>
<div id="attendee" style="display:none;">
<h3>Select People who can attend this plan</h3>
<br>
<select id="privacy_layer_id" name="privacy[layer_id]" class="layer-people-select" target="people_layer">
<option value="">[Select]</option>
<?php foreach ($layers as $layer): ?>
<option value="<?php echo $layer->getId() ?>" > <?php echo $layer->getName() ?></option>
<?php endforeach; ?>
</select>
<span id="attendee-btn-selectLayer" class="button-white">
Select Layer
</span>
<br>
<select id="people_layer">
<option value="">[Select]</option>
</select>
<br>
Attendee List
<div id="attendee-selected-friend" >
<?php if($planAttendee):
foreach($planAttendee as $attendee): ?>
<div>
<span id="<?php echo $attendee['id'] ?>" parent_id="<?php echo $attendee['layer_id'] ?>" parent="attendee" type="people">
<?php echo $attendee['full_name'] ?>
</span>
<span id="img-<?php echo $attendee['id'] ?>" parent_id="0" parent="attendee" type="people">
<img src="http://localhost/public_html/web/picture/display/<?php echo $attendee['primary_album_id'] ?>/personal/<?php echo $attendee['profile_picture_id'] ?>" alt="pic" width="20" height="20"/>
</span>
<span class="back"> X </span>
<script type="text/javascript" >
addBack($('.back'));
</script>
</div>
<?php
endforeach;
endif; ?>
</div>
</div>
<div id="planspace-buttons" >
<span class="button-orange"> Add > </span>
BKG<span id="btnUploadBackground" class="button-white">Background</span>
PLAN<span id="btnUploadPlanPicture" class="button-white">Pictures</span>
<span id="btnAddLink" class="button-white">Link</span>
<span id="btnAddText" class="button-white">Text</span>
</div>
<div id="location">
<span>Country: </span>
<?php echo $form['country']->render(array('selected'=>$city['countryid']));?>
<span>Region: </span>
<select id="meetnewpeople_region" name="meetnewpeople[region]" style="width:200px;">
</select>
<span>City: </span>
<select id="meetnewpeople_city" name="meetnewpeople[city]" style="width:200px;">
</select>
</div>
<div id="textbox" style="display:none;">
<input type="text" id="addtext" value="" name="planspace[text]" >
<div id="colorpalete" class="colorbox" style="display:none;">
<img src="../images/palette.gif" usemap="#color_palette" />
<map name="color_palette" id="color_pallette" >
<area shape="rect" coords="7,7,31,30" href="#003300" onclick="getColor(this);return false" />
<area shape="rect" coords="35,7,59,30" href="#003366" onclick="getColor(this);" />
<area shape="rect" coords="63,7,87,31" href="#000080" onclick="getColor(this);" />
<area shape="rect" coords="92,7,115,31" href="#333399" onclick="getColor(this);" />
<area shape="rect" coords="7,33,30,58" href="#008000" onclick="getColor(this);"/>
<area shape="rect" coords="36,34,59,57" href="#008080" onclick="getColor(this);" />
<area shape="rect" coords="63,34,86,58" href="#0000ff" onclick="getColor(this);" />
<area shape="rect" coords="92,35,115,57" href="#666699" onclick="getColor(this);" />
<area shape="rect" coords="8,61,31,85" href="#339966" onclick="getColor(this);" />
<area shape="rect" coords="35,62,59,85" href="#33cccc" onclick="getColor(this);" />
<area shape="rect" coords="64,61,86,85" href="#3366ff" onclick="getColor(this);" />
<area shape="rect" coords="92,61,115,85" href="#800080" onclick="getColor(this);" />
<area shape="rect" coords="91,88,115,111" href="#993366" onclick="getColor(this);" />
<area shape="rect" coords="64,88,87,111" href="#00ccff" onclick="getColor(this);" />
<area shape="rect" coords="36,88,59,112" href="#00ffff" onclick="getColor(this);" />
<area shape="rect" coords="8,88,30,111" href="#00ff00" onclick="getColor(this);" />
</map>
<span id="addtext" name="" class="" style="height:50px;width:50px;display:block;">Your Text</span>
</div>
</div>
<div id="linkbox" style="display:none;">
<input id="cnad_text_1" type="text">
</div>
<div id="planspace-container" style="width:800; border:1px solid; overflow:scroll">
<div id="planspace" class=".planspace" style="width:800;height:600; margin-left:0px;">
<div id="main-picture" style="width:200px;height:200px; border: 1px solid; position: relative; left: 18px; top: 136px;">
</div>
<script src="../js/mainpicuplaod.js"></script>
<div id="plantitle" class="movable" style="width:300px; position: relative; left: 307px; top: -144px;" >
<?php echo $form['plantitle']->render(array('value' => $planCopy['plantitle'],'autofocus'=>'autofocus','placeholder'=>'Plan Title')) ;?>
</div>
<div id="date" class="movable" style="width:300px; position: relative; left: 307px; top: -105px;" >
<span >
Date of Plan <input type="text" name="meetnewpeople[date]" id="meetnewpeople_date" class="date-picker" readonly="readonly" value="<?php echo $planCopy['date'] ?>" >
</span>
</div>
<div id="plantype" class="movable" style="width:300px; position: relative; left: 307px; top: -64px;">
<span>Plan Type </span>
<?php echo $form['plantype']->render(array('selected' => $planCopy['plantype'])) ?><br>
</div>
<div id="meetingpoint" class="movable" style="width:200px; position: relative; left: 346px; top: -19px;">
<?php echo $form['meetingpoint']->render(array('value' => $planCopy['meetingpoint'],'placeholder' => 'Meeting Point')) ;?><br>
</div>
<div id="aboutplan" class="movable" style="width:300px; position: relative; left: 656px; top: -126px;">
About Plan
<textarea id="meetnewpeople_about_plan" name="meetnewpeople[about_plan]" cols="30" rows="4" placeholder="About this plan">
<?php echo $planCopy['about_plan'] ?>
