PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Создание строк на jquery

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Alex213	Отправлено: 01 Сентября, 2015 - 12:10:54
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	Задача сделать чтоб с помощью jQuery создавалась таблица, которая показана на рисунке. При нажатии на плюсик выскакивает первая часть таблицы с вводом НОМЕР => затем при нажатии уже на другой плюсик, выскакивала остальная часть таблицы где нужно вводить СЕРИЯ. Затем нужно чтоб данные заносиль в бд. После этого нужно, чтоб можно было выводить из базы данных и редактировать, то что было введено, а так же при необходимости добавлять еще необходимые строки. Мне нужна помощь именно в реализации jQuery кода, под выполнение вставки в базу данных и редактирования базы данных. Помогите кто чем может, очень нужно. Прикреплено изображение (Нажмите для увеличения)

andrewkard	Отправлено: 01 Сентября, 2015 - 15:00:13
Участник Покинул форум Сообщений всего: 1372 Дата рег-ции: Нояб. 2014 Помог: 30 раз(а)	Alex213 Что то уже есть. Сама таблица в HTML сверстана?

Alex213	Отправлено: 01 Сентября, 2015 - 16:42:18
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	andrewkard пишет: Alex213 Что то уже есть. Сама таблица в HTML сверстана? Вообще есть кое-что, там все работает, только для отправки в базу данных не подходит и редактирования. Просто мои знания в jquery стремятся к нулю, а так вот предидущая тема http://forum.php.su/topic.php?fo...0&topic=6136 Там правда нет небольшой части html (Отредактировано автором: 01 Сентября, 2015 - 16:44:00)

andrewkard	Отправлено: 01 Сентября, 2015 - 16:59:53
Участник Покинул форум Сообщений всего: 1372 Дата рег-ции: Нояб. 2014 Помог: 30 раз(а)	Alex213 Для того что бы написать код JS нужна вся часть HTML.

Alex213	Отправлено: 01 Сентября, 2015 - 17:44:22
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	andrewkard пишет: Alex213 Для того что бы написать код JS нужна вся часть HTML. CODE (html): скопировать код в буфер обмена <table id='aa'> <tr> <th class="add_m"><a class="plus">+</a></th> <th>Номер</th> <th></th> </tr> </table> Вот часть от html для того кода jquery. Или или вся часть html сейчас не об этом? (Отредактировано автором: 01 Сентября, 2015 - 17:49:22)

andrewkard	Отправлено: 01 Сентября, 2015 - 17:56:42
Участник Покинул форум Сообщений всего: 1372 Дата рег-ции: Нояб. 2014 Помог: 30 раз(а)	Alex213 JS с воздуха разметку не берет. Она должна быть, только спрятана или прописана в коде. Но должна быть. Т.е. сначала верстают блок "Номер", а потом он выезжает по кнопке (или формируется а потом выезжает, что не суть важно.)

Alex213	Отправлено: 01 Сентября, 2015 - 18:04:02
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	andrewkard пишет: Alex213 JS с воздуха разметку не берет. Она должна быть, только спрятана или прописана в коде. Но должна быть. Т.е. сначала верстают блок "Номер", а потом он выезжает по кнопке (или формируется а потом выезжает, что не суть важно.) CODE (javascript): скопировать код в буфер обмена var count_input = 0; $('#aa').on('click', '.add_m', function(){ count_input++; var ptr = '<tr class="panel"><td>'+count_input+'</td><td class="sezon-l"><input name="add_sez['+count_input+'][]" type="text" maxlength="2"></td><td><a class="dele">-</a></td><td><table id="table"><thead><td class="add"><a class="plus">+</a></td><td class="seria-l">Сер номер</td><td class="name-l">Модель</td><td class="data-l">Выпуск</td></td></thead></table></td></tr>'; $(this).parent().after(ptr); var count_inp = 0; $('#table').on('click', '.add', function(){ count_inp++; var str = '<tr><td>'+count_inp+'</td><td class="seria-l"><input name="add_sez['+count_input+'][two][]" type="text" maxlength="2"></td><td class="name-l"><input name="" type="text"></td><td class="data-l"><input name="add_data[]" type="text" maxlength="10"></td></td><td><a class="del">x</a></td></tr>'; $(this).parent().after(str); }) $('#table').on('click', '.del', function(){ $(this).parent().parent().remove(); }) }) $('#aa').on('click', '.dele', function(){ $(this).parent().parent().remove();; }) Вот код jquery, и если его ту часть html прописать вот на этом сайте все работает http://jsfiddle.net/ (Отредактировано автором: 01 Сентября, 2015 - 18:04:54)

andrewkard	Отправлено: 01 Сентября, 2015 - 18:13:06
Участник Покинул форум Сообщений всего: 1372 Дата рег-ции: Нояб. 2014 Помог: 30 раз(а)	Alex213 пишет: все работает в чем тогда проблема?

Alex213	Отправлено: 01 Сентября, 2015 - 18:35:19
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	andrewkard пишет: Alex213 пишет: все работает в чем тогда проблема? во первых при редактировании, я не могу настроить, чтоб нужные строчки добавлялись или удалялись. Ну и второе попробую объяснить, но не уверен, что получится. В общем когда жмем на плюс и добавляем несколько номеров, у них есть определенный идентификатор, а затем уже когда добавляем внутренние строчки, эти строчки принадлежат не отдельным номерам, а номеру который был нажат последним, т.е. принадлежат одному идентификатору, и тогда выходит что в базу не могу оправить как надо. CODE (javascript): скопировать код в буфер обмена function addFiel () { var telnum = parseInt($('#add_field_area').find('div.add:last').attr('id').slice(3))+1; $('div#add_field_area').append('<div id="add'+telnum+'" class="add"><label> Поле №'+telnum+'</label><input type="text" width="120" name="val[]" id="val" value=""/><div id="ad_f"><div id="dob0" class="dob"></div><div onclick="addD();" class="addbutton">Еще новое</div></div><div class="deletebutton" onclick="deleteField('+telnum+');"></div></div>'); } function addD () { var tel = parseInt($('#ad_f').find('div.dob:last').attr('id').slice(3))+1; $('div#ad_f').append('<div id="dob'+tel+'" class="dob"></div><div onclick="addD();" class="addbutton">Еще новое</div></div><div class="deletebutton" onclick="deleteField('+tel+');">'); } function deleteField (id) { $('div#add'+id).remove(); } CODE (html): скопировать код в буфер обмена </script> <style> input { height: 20px; margin: 5px; width:400px; } .addbutton { text-align: center; vertical-align:middle; font-size: 13px; width: 283px; border: 1px solid #70A9FD; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; cursor: pointer; margin: 2px 0 0 110px; color: #326DC5; padding: 4px; background-color:#BED6FF; } .deletebutton { width: 20px; height: 22px; cursor: pointer; margin: 5px; display:inline-block; background: url(delete.png) repeat; background-position: center center; background-repeat: no-repeat; position:absolute; top: 1px; left: 480px; } .add { position:relative; } </style> </head> <body> <div id="add_field_area"> <div id="add0" class="add"> </div> </div> <div onclick="addFiel();" class="addbutton">Добавить новое поле</div> а вот есть еще один код с него тоже можно было бы что нибудь слепить, только здесь тоже проблемы, при нажатии кнопки Еще новое, она должна принадлежать конкретно одному полю, а у меня она дублируется на все открытые поля... Возможно можно как то исправить с помощью условия, но я пока не могу понять как (Отредактировано автором: 01 Сентября, 2015 - 18:36:47)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.