<form name="sender" method="post" action="send.php">
<table>
<tr>
<td name=name1 value=111 id=222>1</td>
<td name=name1 value=333 id=444>2</td>
<td name=name1 value=555 id=666>3</td>
<td name=name1 value=777 id=888>4</td>
</tr>
</table>
<input type="submit" name="submit" value="Отправить">
</form>
<?php
if($_POST['submit'])
{
$name1 = substr(htmlspecialchars(trim($_POST['name1'])), 0, 100);
echo "$name1";
exit;
}
?>
| Цитата (leonw @ 7.01.2016 - 23:49) |
| echo "$name1"; |
Сделай и так, и эдак. Замерь время (и оцени, сколько кода придется написать в том и другом случаях). Можешь выложить это на какой-нибудь общедоступный ресурс, чтобы форумчане могли оценить твои изыски. Вот это будет разговор по делу. А пока он на уровне "мне кажется". Вот мне кажется, что отрисовать 1000 чекбоксов чисто средствами браузера будет быстрее, чем нарисовать эти чекбоксы внутри ячеек таблицы средствами JS. Что касается отправки на сервер, так вообще без разницы должно быть.
| Цитата (sergeiss @ 8.01.2016 - 01:56) |
| Вот мне кажется, что отрисовать 1000 чекбоксов чисто средствами браузера будет быстрее, чем нарисовать эти чекбоксы внутри ячеек таблицы средствами JS. |
<!DOCTYPE html>
<html>
<head>
<title>DEMO</title>
<meta charset="UTF-8">
<style>
.t{border-spacing: 5px;}
.t td{border: 1px solid black;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;}
.active{background: LightGreen;}
</style>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<?php
if(!empty($_POST['content']))
{
$result = json_decode($_POST['content'], true);
print_r($result);
}
?>
<table class="t">
<tr>
<td data-name="col1" data-value="1">Ячейка №1</td>
<td data-name="col2" data-value="2">Ячейка №2</td>
</tr>
<tr>
<td data-name="col3" data-value="3">Ячейка №3</td>
<td data-name="col4" data-value="4">Ячейка №4</td>
</tr>
</table>
<form id="frm" action="" method="POST">
<input type="hidden" name="content" value="" />
<button type="submit">Сохранить</button>
</form>
<script>
(function(){
var obj = {};
$('td').on('click', function(){
var name = $(this).attr('data-name');
if(obj.hasOwnProperty(name)){
delete obj[name];
}
else{
obj[name] = $(this).attr('data-value');
}
$(this).toggleClass('active');
});
$('#frm button').on('click', function(event){
event.preventDefault();
if(!$.isEmptyObject(obj)){
$('#frm input').val(JSON.stringify(obj));
$('#frm').submit();
}
else{
alert('Choose something');
}
});
}).call();
</script>
</body>
</html>