Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   вставка картинок одним кликом (https://javascript.ru/forum/misc/8370-vstavka-kartinok-odnim-klikom.html)

MegaGoblin 22.03.2010 03:52

вставка картинок одним кликом
 
Имеется таблица с двумя ячейками. Первая и вторая.
В первой ячейке находится рисунок

Как сделать, что бы при клике по рисунку он вставлялся во вторую ячейку.
При клике по рисунку во второй ячейки он убирался.

Надеюсь понятно объяснил) За ранее спасибо.

chu4___x 22.03.2010 15:24

<script>
function create_img (a) {
	var b=document.createElement('img');
	b.src=a.src,b.onclick=function(){this.parentNode.removeChild(this)},a.parentNode.nextSibling.appendChild(b);
};
</script>
<table>
<tr>
<td><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" onclick="create_img(this);" alt="img" /></td>
<td></td>
</tr>
</table>

MegaGoblin 22.03.2010 17:14

что-то не сильно оно хочет работать=)

MegaGoblin 22.03.2010 23:36

вопрос не решен, помогите плиз)

PeaceCoder 23.03.2010 00:51

Цитата:

Сообщение от MegaGoblin
что-то не сильно оно хочет работать=)

и не будет работать. автор не учел что между ТДшками вставляется textNode и nextSibling указывает не на тд следующий а на текст, а если точнее на \n между ТДшками.
<script type='text/javascript'>
function create_img (a) {
    var b=document.createElement('img');
    b.src=a.src,b.onclick=function(){this.parentNode.removeChild(this)},a.parentNode.nextSibling.appendChild(b);
};
</script>

<table>
<tr>
<td><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" 
onclick="create_img(this);" alt="img" /></td><td></td>
</tr>
</table>

MegaGoblin 23.03.2010 02:00

А возможно ли организовать вставку картинки по координатам, если ячейка на много больше картинки?

<script type='text/javascript'>
function create_img (a) {
var b=document.createElement('img');
b.src=a.src,a.parentNode.nextSibling.appendChild(b ),b.onclick=function(){this.parentNode.removeChild (this)};
};
</script>
<table border="1">
<tr>
<td><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" onclick="create_img(this);" alt="img" </td><td height="300" width="700"></td>
</tr>
</table>

понятия не имею как вы так писали=) что бы скрипт можно было запускать прямо сдесь, нажав "Просмотреть!"=)

PeaceCoder 23.03.2010 11:52

Самое простое это отцентрировать
<script type='text/javascript'>
function create_img (a) {
    var b=document.createElement('img');
    b.src=a.src,b.onclick=function(){this.parentNode.removeChild(this)},a.parentNode.nextSibling.appendChild(b);
};
</script>

<table border='1'>
<tr>
<td><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" onclick="create_img(this);" alt="img" </td><td height="300" width="700" valign="center" align="center"></td>
</tr>
</table>

MegaGoblin 24.03.2010 00:08

спасиб еще раз=)

MegaGoblin 24.03.2010 01:01

В продолжении темы.
http://megagoblin.ucoz.ru/index/0-2
Ничего заражающего комп тут нет.

Требуется кликом по оружию вставить его в слот на картинке справа=)

За ранее спасибо.

MegaGoblin 24.03.2010 01:23

если уж сильно не хочется, можно и не писать код, а просто сказать в какой теме это искать)


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