Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Пронумеровать количество таблиц, образующихся после клика?
 
 автор: Чайчай_выручай   (19.08.2011 в 15:52)   письмо автору
 
 

Всем здравствуйте!

Подскажите, как пронумеровать количество таблиц, образующихся после клика?


$(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 не пойдет.

  Ответить  
 
 автор: cheops   (19.08.2011 в 16:15)   письмо автору
 
   для: Чайчай_выручай   (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>

  Ответить  
 
 автор: Чайчай_выручай   (19.08.2011 в 16:38)   письмо автору
 
   для: cheops   (19.08.2011 в 16:15)
 

Спасибо большое!

  Ответить  
 
 автор: Чайчай_выручай   (19.08.2011 в 20:28)   письмо автору
 
   для: 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>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования