|
22.03.2010, 03:52
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
вставка картинок одним кликом
Имеется таблица с двумя ячейками. Первая и вторая.
В первой ячейке находится рисунок
Как сделать, что бы при клике по рисунку он вставлялся во вторую ячейку.
При клике по рисунку во второй ячейки он убирался.
Надеюсь понятно объяснил) За ранее спасибо.
|
|
22.03.2010, 15:24
|
|
Интересующийся
|
|
Регистрация: 17.06.2009
Сообщений: 11
|
|
<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>
|
|
22.03.2010, 17:14
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
что-то не сильно оно хочет работать=)
|
|
22.03.2010, 23:36
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
вопрос не решен, помогите плиз)
|
|
23.03.2010, 00:51
|
|
Профессор
|
|
Регистрация: 15.12.2009
Сообщений: 742
|
|
Сообщение от 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>
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Последний раз редактировалось PeaceCoder, 23.03.2010 в 00:55.
|
|
23.03.2010, 02:00
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
А возможно ли организовать вставку картинки по координатам, если ячейка на много больше картинки?
<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>
понятия не имею как вы так писали=) что бы скрипт можно было запускать прямо сдесь, нажав "Просмотреть!"=)
Последний раз редактировалось MegaGoblin, 23.03.2010 в 02:03.
|
|
23.03.2010, 11:52
|
|
Профессор
|
|
Регистрация: 15.12.2009
Сообщений: 742
|
|
Самое простое это отцентрировать
<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>
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
|
|
24.03.2010, 00:08
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
спасиб еще раз=)
|
|
24.03.2010, 01:01
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
В продолжении темы.
http://megagoblin.ucoz.ru/index/0-2
Ничего заражающего комп тут нет.
Требуется кликом по оружию вставить его в слот на картинке справа=)
За ранее спасибо.
|
|
24.03.2010, 01:23
|
Интересующийся
|
|
Регистрация: 22.03.2010
Сообщений: 24
|
|
если уж сильно не хочется, можно и не писать код, а просто сказать в какой теме это искать)
|
|
|
|