Response title
This is preview!
show datepicker in inlineedit
in Using jQuery UI
•
3 months ago
i am trying to show datepicker in inlineedit bu i can not codes are following
- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<?php
include('db.php');
echo '<link rel="stylesheet" type="text/css" href="style.css">';
echo'<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>';
echo'<table class="tablo1">
<tr>
<td class="td2">No</td>
<td class="td2">Adi</td>
<td class="td2">Soyadi</td>
<td class="td2">D</td>
</tr>
';
$i=0;
$sql=mysql_query("select * from fullnames");
while($row=mysql_fetch_array($sql)){
$i++;
$id =$row['id'];
$firstname =$row['firstname'];
$lastname =$row['lastname'];
echo'
<tr id="'.$id.'" class="edit_tr">
<td class="td1">'.$i.'</td>
<td class="td1">
<span id="first_'.$id.'" class="text">'. $firstname.'</span>
<input type="text" value="'.$firstname.'" class="datepicker" id="first_input_'.$id.'">
</td>
<td class="td1">
<span id="last_'.$id.'" class="text">'.$lastname.'</span>
<input type="text" value="'.$lastname.'" class="datepicker" id="last_input_'.$id.'"/>
</td>
<td class="td1">
<a href="#"><img id="iedit" src="edit.png" /></a>
<a href="#"><img src="del.png" /></a>
</td>
</tr>
';
}
echo'
</table>
';
?>
<script type="text/javascript">
$(document).ready(function(){
$(".edit_tr").click(function(){
var ID=$(this).attr('id');
$("#first_"+ID).hide();
$("#last_"+ID).hide();
$("#first_input_"+ID).show();
$("#last_input_"+ID).show();
}
).change(function(){
var ID=$(this).attr('id');
var first=$("#first_input_"+ID).val();
var last=$("#last_input_"+ID).val();
var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last;
$("#first_"+ID).html('<img src="load.gif" />'); // Loading image
if(first.length>0&& last.length>0){
$.ajax({
type : "POST",
url : "table_edit_ajax.php",
data : dataString,
cache : false,
success : function(html)
{
$("#first_"+ID).html(first);
$("#last_"+ID).html(last);
}
});
}else{
alert('Enter something.');
}
});
// Edit input box click action
$(".editbox").mouseup(function(){
return false
});
// Outside click action
$(document).mouseup(function(){
$(".editbox").hide();
$(".text").show();
});
});
</script>
1
