Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.12.2011, 11:32
Новичок на форуме
Отправить личное сообщение для ViktorCore Посмотреть профиль Найти все сообщения от ViktorCore
 
Регистрация: 13.12.2011
Сообщений: 6

Не могу удалить клонируемые элементы
Элементы из списка, по нажатию на чекбокс - клонируются в нижнюю часть страницы, по повторному нажатию должны удаляться, но почему-то не удаляются.
Вот код спсика:

<? printf ('<tr><td><p id="consultation"><input type="radio"  name="consultation"
id="MainConsult" value="%s" checked>
<strong>Юридическая консультация онлайн</strong></p></td><td>$%s</td></tr>
',$Service1price["price"], $Service1price["price"]);

printf ('<tr><td><p><input type="checkbox"  name="FizDogovor" value="%s">
Разработка лицензионного договора для Физ. Лица</p></td> <td>$%s</td></tr>
',$Service2price["price"], $Service2price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="FirmDogovor" value="%s">
Разработка лицензионного договора для Предпринимателей</p></td>
<td>$%s</td></tr>',$Service2price["price"], $Service2price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="Negotiations" value="%s">
Представительство в переговорном процессе</p></td>
<td>$%s </td></tr>',$Service5price["price"], $Service5price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="TradeMark" value="%s">
Регистрация Торговой Марки</p></td>
<td>от $%s</td></tr>',$Service6price["price"], $Service6price["price"]); ?>
<tr><td><p><input type="checkbox"  name="FizDogovor" value="">
Создание Франчайзинга (увеличение доходов от ИС)</p></td>
<td>от $1000</td></tr>
<? printf ('<tr><td><p><input type="checkbox"  name="LawService" value="%s">
Ваш юридический отдел (абонентское обслуживание)</p></td>
<td>$%s/месяц</td></tr>',$Service7price["price"], $Service7price["price"]); 
printf ('<tr><td><p><input type="checkbox"  name="LawOptimum" value="%s">
Оптимизация юридической составляющей предприятия</p></td>
<td>$%s</td></tr>',$Service8price["price"], $Service8price["price"]); 
printf ('<tr><td><p><input type="checkbox"  name="CourtSucsessChance" value="%s">
Оценка судебных рисков, и шансов выиграть Суд (цена)</p></td>
<td>$%s</td></tr>',$Service3price["price"], $Service3price["price"]); 
printf ('<tr><td><p><input type="checkbox"  name="Agrremants" value="%s">
Внесудебное решение споров с Интеллектуальной Собственностью</p></td>
<td>$%s</td></tr>',$Service10price["price"], $Service10price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="CourtTrial" value="%s">
Судебное представительство для Предприятий и Предпринимателей</p></td>
<td>$%s</td></tr>',$Service11price["price"], $Service11price["price"]);

printf ('<tr><td><p id="consultation"><input type="radio"  name="consultation" 
id="BigConsult" value="%s">
<strong>Юридическая консультация для крупных <br/>Владельцев Интеллекутальной Собственности
</strong></p></td><td>$%s</td></tr>',$Service12price["price"], $Service12price["price"]); 

printf ('<tr><td><p><input type="checkbox"  name="NeotiationPack" value="%s">
Комплекс услуг «Представительство при переговорах»</p></td>
<td>$%s</td></tr>',$Service13price["price"], $Service13price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="FizCourt" value="%s">
Ваш Юридический Департамент</p></td>
<td>$%s/месяц</td></tr>',$Service14price["price"], $Service14price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="LawAudit" value="%s">
Юридический аудит Интеллектуальной Собственности</p></td>
<td>$%s</td></tr>',$Service15price["price"], $Service15price["price"]);
printf ('<tr><td><p><input type="checkbox"  name="Monitor" value="%s">
Мониторинг нарушения Ваших прав на Интеллектуальную Собственность</p>
</td><td>$%s</td></tr>',$Service16price["price"], $Service16price["price"]); ?>


А вот код ЯвСкрипта:
// Элементы списка добавляются в онлайн договор
$('p:has(input[type="checkbox"]), p input[type="checkbox"]').toggle(
function(){ $(this).children('input').attr('checked', true); 
$(this).addClass('selected');

var serviceCopy = $(this).clone(); 
serviceCopy.id = $(this).clone().children('input').attr('name') + "cloned";
alert (serviceCopy.id);
$('#Padress').after(serviceCopy); 
},

function(){ $(this).children('input').removeAttr('checked'); 
$(this).removeClass('selected'); 
var removeCopy = '#' + $(this).children('input').attr('name') + "cloned"; 
$(removeCopy).remove();


});


В итоге объект клонируются, но выбрать и удалить его почему-то не могу. Возникает вопросы - получилось ли присвоить идентификатор? В чем ошибка, и как решить?
Ответить с цитированием
  #2 (permalink)  
Старый 20.12.2011, 01:38
Новичок на форуме
Отправить личное сообщение для ViktorCore Посмотреть профиль Найти все сообщения от ViktorCore
 
Регистрация: 13.12.2011
Сообщений: 6

Так никто помочь не может?
Ответить с цитированием
  #3 (permalink)  
Старый 20.12.2011, 05:58
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

ViktorCore, может. И с радостью поможет, если ты представишь проблему в более читабельном виде.
Ответить с цитированием
  #4 (permalink)  
Старый 20.12.2011, 06:44
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от FINoM
И с радостью
Ну, насчёт радости спорно... Но поможем)
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #5 (permalink)  
Старый 20.12.2011, 12:59
Новичок на форуме
Отправить личное сообщение для ViktorCore Посмотреть профиль Найти все сообщения от ViktorCore
 
Регистрация: 13.12.2011
Сообщений: 6

есть абзацы Р внутри которых размещен Инпут типа чекбокс.

По нажатию на абзац - весь абзац копируется ниже на страницу, чекбокс выделяется, и задний фон абзаца меняет цвет.

По второму нажатию на этот же абзац - выделение абзаца убиреатеся, выделение чекбокса снимается, и клонированный ниже на странице элемент - удаляется.

Код привел такой как есть в программе.

Мне надо понять - как удалить клон, по щелчку на абзац?

Если что-то в коде конкретное непонятно - спрашивайте буду обьяснять что к чему. Так с ходу, сложно понять что понимается под "представить проблему в более читабельном виде".
Ответить с цитированием
  #6 (permalink)  
Старый 20.12.2011, 13:25
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,109

Сообщение от ViktorCore
Мне надо понять - как удалить клон, по щелчку на абзац?
У тебя для этого есть чекбокс. Проверь его состояние...

Сообщение от ViktorCore
Код привел такой как есть в программе.
А ты потрудись и сделай простенький примерчик "чисто для нас". Вот мы на нём тебя и направим в правильное русло...
Ответить с цитированием
  #7 (permalink)  
Старый 20.12.2011, 14:03
Новичок на форуме
Отправить личное сообщение для ViktorCore Посмотреть профиль Найти все сообщения от ViktorCore
 
Регистрация: 13.12.2011
Сообщений: 6

<tr><td><p><input type="checkbox"  name="FizDogovor" value="%s">
Разработка лицензионного договора для Физ. Лица</p></td> <td>$%s</td></tr>

<tr><td><p><input type="checkbox"  name="FirmDogovor" value="%s">
Разработка лицензионного договора для Предпринимателей</p></td>
<td>$%s</td></tr>

<tr><td><p><input type="checkbox"  name="Negotiations" value="%s">
Представительство в переговорном процессе</p></td>
<td>$%s </td></tr>

<tr><td><p><input type="checkbox"  name="TradeMark" value="%s">
Регистрация Торговой Марки</p></td><td>от $%s</td></tr>

Надеюсь так понятней: есть абзацы "Р" в которых заключены инпуты, абзацы находятся внутри ячеек таблицы.

Задача: по нажатию абзаца или чекбокса - копировать и удалять этот абзац вниз страницы.

Ниже ДжавСкрипт код с комментами:

// Элементы списка добавляются в онлайн договор
$('p:has(input[type="checkbox"]), p input[type="checkbox"]').toggle(
// выбираю чекбокс и абзац в котором чекбокс

function(){ $(this).children('input').attr('checked', true); 
$(this).addClass('selected'); // по нажатию на абзац чекбокс получает галочку, а абзац меняет цвет;

var serviceCopy = $(this).clone(); // клонирую выбранный абзац
serviceCopy.id = $(this).clone().children('input').attr('name') + "cloned";
// присваиваю клону идентификатор

$('#Padress').after(serviceCopy); // вставляю клона перед #Padress
alert (serviceCopy.id); // проверяю есть ли идентификатор у клона
},

// по второму нажатию на абзац, чекбокс и подсветка абзаца убираются
function(){ $(this).children('input').removeAttr('checked'); 
$(this).removeClass('selected'); 

var removeCopy = '#' + $(this).children('input').attr('name') + "cloned"; 
// заношу в переменную идентификатор объекта, который надо будет удалить
$(removeCopy).remove(); // удаля объект с указанным идентификатором
});


Результат - абзац с чекбоксом клонируется как надо, но по второму нажатию клонированный абзац не удаляется. Нужно чтоб удалялся.

Уже понятнее?

Последний раз редактировалось ViktorCore, 20.12.2011 в 19:58.
Ответить с цитированием
  #8 (permalink)  
Старый 20.12.2011, 14:19
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,109

Сообщение от ViktorCore
Надеюсь так понятней
Ты понимаешь что такое "полный, тестовый пример"? Посмотри в свежих темах - их там навалом. Они даже могут быть запущены прямо тут в теме...

Начинай прилагать собственные усилия в решении своих же проблем.
Ответить с цитированием
  #9 (permalink)  
Старый 20.12.2011, 14:28
Новичок на форуме
Отправить личное сообщение для ViktorCore Посмотреть профиль Найти все сообщения от ViktorCore
 
Регистрация: 13.12.2011
Сообщений: 6

ksa,

Я видел что какие-то примеры можно запускать, но как такие примеры делать - не знаю.

По поводу усилий - Я прилагаю.
Ответить с цитированием
  #10 (permalink)  
Старый 20.12.2011, 14:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,109

Сообщение от ViktorCore
но как такие примеры делать - не знаю
По аналогии...

Сообщение от ViktorCore
Я прилагаю
Эо отрадно...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как удалить из набора элементы у которых дисплей нан KamalovRadik jQuery 3 30.10.2011 15:11
Как удалить из HTML все элементы со стилем hidden Почемучкин Events/DOM/Window 3 24.06.2011 14:40
как удалить все элементы в Div e ? Arfey Общие вопросы Javascript 14 10.06.2010 11:50
Не могу выбрать и удалить клонируемые элементы AlexPrm jQuery 6 30.05.2010 15:58
Как удалить повторные элементы из массива? YISHIMITSY Общие вопросы Javascript 1 04.05.2010 00:04