Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическое добавление картинки / 11 сообщений из 11, страница 1 из 1
04.06.2007, 11:56
    #34571552
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Если в HTML вставить две картинки

Код: plaintext
1.
2.
3.
4.
5.
...
<td width="120px" align="right" id="buts">
        <img src="/img/save.jpg" alt="save">
        <img src="/img/img2.jpg" alt="img2">
</td>

то они отобразятся, в одну линию, но если я динамически вставляю вторую картинку:

Код: plaintext
1.
2.
3.
4.
var newBut = document.createElement('img');
newBut.setAttribute('src','/img/img2.jpg');
newBut.setAttribute('alt', 'img2');
newBut.setAttribute('id', 'img2');
newBut = document.getElementById('buts').appendChild(newBut);
где, buts - это ID ячеки таблицы

То картинка добаляется не в линию, а под первой картинкой (встолбик)


Почему это происходит, как от этого избавиться?
Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 12:03
    #34571577
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Добавлять картинки не в одну ячейку, а в отдельную ячейку для каждой картинки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 12:06
    #34571591
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
AntonariyДобавлять картинки не в одну ячейку, а в отдельную ячейку для каждой картинки.
А другого способа нет?
Это не удобно - нужно специально готовить разметку
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 12:32
    #34571681
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Способов сотни, но среди них не такого - кинуть все в одну кучу, а оно само там красивенько рассортируется.

Можно добавлять вместе с разметкой.
createElement('td')
createElement('img')
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 12:37
    #34571696
Yury Kovshov
Yury Kovshov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
либо ставьте у всех картинок float:left
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 12:47
    #34571744
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Yury Kovshovлибо ставьте у всех картинок float:left
Спасибо! помогло
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 13:12
    #34571839
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Изображение, которое я создаю динамически и подсоединяю к DOM

Код: plaintext
newBut = document.getElementById('buts').appendChild(newBut);

добавляется перед уже имеющимся, хотя во всех руководствах написано, что
Код: plaintext
appendChild
добавляет узел в конец.

Как можно сделать что бы создаваемое изображение добавлялось именно в конец?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 14:06
    #34572095
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Alex_BBBИзображение, которое я создаю динамически и подсоединяю к DOM

Код: plaintext
newBut = document.getElementById('buts').appendChild(newBut);

добавляется перед уже имеющимся, хотя во всех руководствах написано, что
Код: plaintext
appendChild
добавляет узел в конец.

да ну. А код какой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 14:28
    #34572184
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Вообще не понимаю,
я теперь убрал float:right , и картинки добаваляются не одна под оной как в начале? а встроку(как и было нужно)

И как толькоя убрал float:right , вторая картинка стала добавляться в конец...

Вот код без купюр:
Код: plaintext
1.
2.
3.
4.
5.
var newBut = document.createElement('img');
newBut.setAttribute('src',mosConfig_live_site+'/administrator/components/com_gmap/img/del.jpg');
newBut.setAttribute('alt', 'del');
//newBut.setAttribute('style', 'float:right;');
newBut.setAttribute('id', 'del_but');
newBut = document.getElementById('save_but').parentNode.appendChild(newBut);

Чудеса...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 14:56
    #34572297
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Alex_BBBВообще не понимаю,
я теперь убрал float:right , и картинки добаваляются не одна под оной как в начале? а встроку(как и было нужно)

добавляются-то они по порядку, а отображаются справа на лево
советовали ведь float:left =)

А если не влезут в ячейку - всё равно будет несколько строк
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2007, 15:07
    #34572346
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Динамическое добавление картинки
Всем спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическое добавление картинки / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 471ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458159]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 154ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 218ms
total:  471ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]