скрин :
http://clip2net.com/s/ia3R3u
есть 7 полей выводимых из бызы + checkbox;
При нажатии на checkbox какого либо поля , данные подгружаются в правый блок со строками и кнопкой "Сохранить"
все работает все замечательно , но к сожалению с перезагрузкой страницы.
Было бы круто если бы при нажатии на галочку данные заполняли бы поля (value) без перезагрузки страницы.
Долго мудохался с Jquery и Ajax , пытаясь отправлять Асинхронно переменные на сервер , ничего не вышло...
из Javascript в Php нет проблем , но обрааатно... тут надо череп себе расколоть.
и через $.post слал
и через $.ajax
не фурычит.
только тупым location.href пошло , но это синхронная штука , не подходит.
$first_id= mysql_query("SELECT * FROM test_da WHERE count='$n' ORDER BY count",$link);
$fix = mysql_fetch_assoc($first_id);
echo $fix['DATAS'];
echo "<div id='edit_table'>
<form name='sort' method='get' action='da_update.php'>
<br/>
<input class='txt_area1' type='text' name='new_fio' value='".$fix['FIO']."'>
<input class='txt_area2' type='text' name='new_datas' value='".$fix['DATAS']."'>
<input class='txt_area3' type='text' name='new_prihod' value='".$fix['time_prihod']."'>
<input class='txt_area4' type='text' name='new_uhod' value='".$fix['time_uhod']."'>
<input class='txt_area5' type='text' name='new_nedorab' value='".$fix['nedorab']."'>
<input class='txt_area6' type='text' name='new_pererab' value='".$fix['pererab']."'>
<input class='txt_area7' type='text' name='new_prichina' value='".$fix['prichina']."'>
<input class='txt_area8' type='text' name='new_id' value='".$fix['count']."'>
<br/>
<input type='submit' value='Сохранить'><div></form>";
echo"<script language='javascript' type='text/javascript'>
$(document).ready(function() {
var button = (".json_encode($fix['FIO']).");
var button2 = (".json_encode($fix['DATAS']).");
var button3 = (".json_encode($fix['time_prihod']).");
var button4 = (".json_encode($fix['time_uhod']).");
var button5 = (".json_encode($fix['nedorab']).");
var button6 = (".json_encode($fix['pererab']).");
var button7 = (".json_encode($fix['prichina']).");
var button8 = (".json_encode($fix['count']).");
$( 'input[type=checkbox]' ).on( 'click',function(){
var n = $( 'input:checked' ).val();
$('.txt_area1').val(button)
$('.txt_area2').val(button2)
$('.txt_area3').val(button3)
$('.txt_area4').val(button4)
$('.txt_area5').val(button5)
$('.txt_area6').val(button6)
$('.txt_area7').val(button7)
$('.txt_area8').val(button8)
$.ajax({
type: 'GET',
url: 'da_admin.php',
data:({n:n}),
success: function(){ location.href = 'da_admin.php?n='+n;},
});
});
});
</script>";
Php
$first_id= mysql_query("SELECT * FROM test_da ORDER BY count",$link);
$first_arr = mysql_fetch_assoc($first_id);
echo "<table class='firsttable'>
<td class='thickBorder' width='168' height='1'>".$first_arr['FIO']."
</td><td align='center' class='thickBorder' width='80' height='1'>".$first_arr['DATAS']."
</td><td align='center' class='thickBorder' width='80' height='1'>".$first_arr['time_prihod']."
</td><td align='center' class='thickBorder' width='80' height='1'>".$first_arr['time_uhod']."
</td><td align='center' class='thickBorder' width='80' height='1'>".$first_arr['nedorab']."
</td><td align='center' class='thickBorder' width='80' height='1'>".$first_arr['pererab']."
</td><td align='center' class='thickBorder' width='180' height='1'>".$first_arr['prichina']."
</td><td style='background-color:#CCCCCC'></table>";
В общем основная проблема это асинхронная передача переменной из JS в PHP,
туда и обратно , а еще все происходит в одном файле da_admin.php он же обработчик , в него же и передаю переменные , и от него же получаю.
Пытался объяснить понятно , надеюсь кто нибудь отзовется.
Спасибо!