|
|
|
| Всем здравствуйте!
Подскажите, как пронумеровать количество таблиц, образующихся после клика?
$(document).ready(function(){
$(':submit').click(function(Obj){
// Отменяем стандартное действие и присваиваем value кнопки в переменную znach
Obj.preventDefault();
var znach = $(this).val();
// Выводим до закрывающегося тэга div таблицу
$('#div_posle').append('<div ><table><tr><td>< td><td>№</td><td>' + znach+'</td></tr></table></div>')
});
});
|
Нумерация обязательно должна быть в переменной для дальнейших манипуляций, поэтому с помощью css не пойдет. | |
|
|
|
|
|
|
|
для: Чайчай_выручай
(19.08.2011 в 15:52)
| | Разные варианты имеются... можно например организовать счетчик в скрытом div-тэге
<html>
<head>
<title>jQuery</title>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type=submit]').click(function(Obj){
// Отменяем стандартное действие и присваиваем value кнопки в переменную znach
Obj.preventDefault();
var znach = $(this).val();
// Выводим до закрывающегося тэга div таблицу
$('#div_count').html(1 + parseInt($('#div_count').html()));
$('#div_posle').append('<div><table border="1"><tr><td>№ ' +
$('#div_count').html() + '</td><td>' +
znach + '</td></tr></table></div>')
});
});
</script>
</head>
<body>
<form enctype='multipart/form-data' method="post">
<div><input type="submit" value="Загрузить"></div>
</form>
<div id='div_count' style='display:none;'>0</div>
<div id='div_posle'></div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: cheops
(19.08.2011 в 16:15)
| | Спасибо большое! | |
|
|
|
|
|
|
|
для: cheops
(19.08.2011 в 16:15)
| | Можете подсказать еще способы нумерации?
<head>
<title>jQuery</title>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type=submit]').click(function(Obj){
// Отменяем стандартное действие и присваиваем value кнопки в переменную znach
Obj.preventDefault();
var znach = $(this).val();
// Выводим до закрывающегося тэга div таблицу
$('#div_count').html(1 + parseInt($('#div_count').html()));
// Здесь я добавил форму
$('#div_posle').append('<div id =' + a + '><table border="1"><tr><td><form method=post><input id = ' + a + ' name=del_upr type=submit value=Удалить></form></td><td>№ ' +
$('#div_count').html() + '</td><td>' +
znach + '</td></tr></table></div>')
// Здесь я добавил обработчик формы, в котором проблема, удалять '<div id =' + a + '> получается, только нумерация сбивается, т.е. идет с пропуском удаленного номера
$('input[type=submit]').click(function(Obj_ud){
Obj_ud.preventDefault();
var ObjUdal = Obj_ud.target;
var z = ObjUdal.id;
var udal = $(this).val();
if (udal == "Удалить"){
$('div[id='+z+']').html('');
};
});
});
});
</script>
</head>
<body>
<form enctype='multipart/form-data' method="post">
<div><input type="submit" value="Загрузить"></div>
</form>
<div id='div_count' style='display:none;'>0</div>
<div id='div_posle'></div>
</body>
</html>
|
| |
|
|
|