Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Change your Php code to this</p> <pre><code> &lt;table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered datatables" id="example"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Sr.No&lt;/th&gt; &lt;th&gt;Customer Name&lt;/th&gt; &lt;th&gt;Email&lt;/th&gt; &lt;th&gt;Cell&lt;/th&gt; &lt;th&gt;Appointment On&lt;/th&gt; &lt;th&gt;Modify Status&lt;/th&gt; &lt;th colspan="2"&gt;Actions&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;?php while($row=mysql_fetch_array($getenqs)) { echo '&lt;tr&gt;'; echo '&lt;td&gt;'.$cnt.'&lt;/td&gt;'; echo '&lt;td&gt;'.$row['custname'].'&lt;/td&gt;'; echo '&lt;td&gt;'.$row['custemail'].'&lt;/td&gt;'; echo '&lt;td&gt;'.$row['custcell'].'&lt;/td&gt;'; echo '&lt;td&gt;'.datemaker($row['enq_date']).'&lt;/td&gt;'; echo '&lt;td align="center"&gt; &lt;a class="launchModal" data-enid="'.$row['id'].'" data-cn="'.$row['custname'].'" href="#addappModal" class="caddappModal"&gt;&lt;i class="fa fa-calendar showgreen"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;'; echo '&lt;td align="center"&gt;&lt;a data-toggle="modal" href="#modstatModal"&gt;&lt;i class="fa fa-pencil showgreen"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;'; echo'&lt;td align="center"&gt;&lt;a class="tooltips" data-toggle="tooltip" data-placement="left" title="Add as a Member" href="ajax/add-as-member?enqid='.$row['id'].'"&gt;&lt;i class="fa fa-share showgreen"&gt;&lt;/i&gt;&lt;/a&gt;'; echo'&lt;td align="center"&gt;&lt;a class="tooltips" data-toggle="tooltip" data-placement="left" title="Hide this enquiry" href="ajax/hide-enquiry?enqid='.$row['id'].'"&gt;&lt;i class="fa fa-minus-circle showgreen"&gt;&lt;/i&gt;&lt;/a&gt;'; echo '&lt;/tr&gt;'; &lt;?php } ?&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;form action="addapp" class="form-horizontal row-border" data-validate="parsley" id="validate-form"&gt; &lt;div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;div class="modal-dialog"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header panel-green"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt; &lt;h4 class="modal-title"&gt;Add an Appointment for &lt;span id="cn"&gt;&lt;/span&gt;&lt;/h4&gt; &lt;/div&gt; &lt;div class="modal-body" id="addapp" &gt; &lt;div class="form-group"&gt; &lt;label class="col-sm-3 control-label"&gt;Required Field&lt;/label&gt; &lt;div class="col-sm-6" &gt; &lt;input type="text" required="required" class="form-control" id="datepicker"&gt; &lt;div id="FormCon"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-6 col-sm-offset-3"&gt; &lt;div class="btn-toolbar"&gt; &lt;button class="btn-green btn" id="demoskylo" onclick="javascript:$('#validate-form').parsley( 'validate' );"&gt;&amp;nbsp;Add Appointment&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- /.modal-content --&gt; &lt;/div&gt;&lt;!-- /.modal-dialog --&gt; &lt;/div&gt; &lt;/form&gt; </code></pre> <p>Java script to</p> <pre><code>$(function(){ $('.launchModal').click(function(e){ e.preventDefault(); var enid = $(this).data('enid'); $('#FormCon').html('&lt;input type="text" name="enid" value="'+enid+'" /&gt;'); $('#cn').html($(this).data('cn')); $('.modal').modal(); }; }) </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload