Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Опять как удалить див по которому кликнул (https://javascript.ru/forum/misc/30160-opyat-kak-udalit-div-po-kotoromu-kliknul.html)

alex2012 26.07.2012 13:26

Опять как удалить див по которому кликнул
 
<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="javascript:addRecord5(984)" value="Отправить" return="" false=""/>
</p>
</div>
<div id="clear"/>

<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="javascript:addRecord5(985)" value="Отправить" return="" false=""/>
</p>
</div>
<div id="clear"/>



так выглядит код js кнопки
delll =  + records[i].id;
                        var cnopca = "<input type='button' name='submit' onclick='javascript:addRecord5("+ records[i].id +")' value='Отправить' return false>";                        
                        var del_st  = createElement("p");
                        del_st.innerHTML = cnopca;
                        divinfo.appendChild(del_st);
						divResult.appendChild(divinfo);

а так код js удаления дива
var del = document.getElementById('info');
                        var avatar_del = document.getElementById('avatar'); 
                        var parent = document.getElementById('divResult'); 
                        parent.removeChild(del); 
                        parent.removeChild(avatar_del);


Проблема в том что удаляется всегда первый элемент а мне надо чтобы удалялся id="avatar" и id="info" возле которого нажата кнопка
проблема в том что я не могу поставить this в onclick='javascript:addRecord5("+ records[i].id +")' так как передаю id значение + records[i].id +
Подскажите как обойти проблему

devote 26.07.2012 13:31

<div onclick="this.parentNode.removeChild(this)">kjasdjh asdjkh</div>

alex2012 26.07.2012 13:39

Хорошо но как мне this в эту кнопку прикрутить
<input type='button' name='submit' onclick='javascript:addRecord5("+ records[i].id +")'  value='Отправить' return false>";

Dim@ 26.07.2012 13:42

alex2012,
что за дурная привычка писать
onclick='javascript:..

alex2012 26.07.2012 13:42

как правильно?

Dim@ 26.07.2012 13:45

alex2012,
простой вызов функции как в примере
<input type='button' value="Удали меня" onclick="rem(this)">
<script type='text/javascript'>
function rem(th){
 th.parentNode.removeChild(th);
}
</script>

lord2kim 26.07.2012 13:46

alex2012, первая проблема уже в том, что по вашему описанию у вас куча элементов с одинаковыми id...чего быть не должно
к тому же что такое
<div id="clear"/>
? кучу div-ов открываете, но не закрываете?

devote 26.07.2012 13:47

var cnopca = '<input type="button" name="submit" onclick="addRecord5(\'"+ records[i].id +"\', this)" value="Отправить">';

lord2kim 26.07.2012 13:51

<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="document.body.removeChild(this.parentNode.parentNode);" value="Отправить">
</p>
</div>

 
<div id="divResult" style=" color:red;">
<div id="avatar"></div>
<div id="info"></div>
<div id="coment" class="divRecord"></div>
<p>
<input type="button" name="submit" onclick="document.body.removeChild(this.parentNode.parentNode);" value="Отправить">
</p>
</div>

буит робить но без всяких <div id="clear"/>

alex2012 26.07.2012 13:51

если вы имеете виду id="iavatar"и id="info" то они выводятся в цикле из базы данных. И как они могут быть разные в этом случае ?


Часовой пояс GMT +3, время: 09:06.