ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическое добавление картинки
11 сообщений из 11, страница 1 из 1
Динамическое добавление картинки
    #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, 11:56
| Ответить | Цитировать | Написать  
Динамическое добавление картинки
    #34571577
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Добавлять картинки не в одну ячейку, а в отдельную ячейку для каждой картинки.
...
Рейтинг: 0 / 0
04.06.2007, 12:03
| Ответить | Цитировать | Написать  
Динамическое добавление картинки
    #34571591
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_BBB
Участник
AntonariyДобавлять картинки не в одну ячейку, а в отдельную ячейку для каждой картинки.
А другого способа нет?
Это не удобно - нужно специально готовить разметку
...
Рейтинг: 0 / 0
04.06.2007, 12:06
| Ответить | Цитировать | Написать  
Динамическое добавление картинки
    #34571681
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Способов сотни, но среди них не такого - кинуть все в одну кучу, а оно само там красивенько рассортируется.

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

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

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

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

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

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

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

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

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


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