Как поместить новый сгенерированный div в сторону другого div?

Question

Как поместить новый сгенерированный div в сторону другого div?

0

У меня есть div, где я помещаю диаграмму Java Script. Кроме того, у меня есть еще один div, где я распечатываю таблицу с результатами данных диаграммы.

Одним из примеров является:

Однако для целей UX я предпочитаю, чтобы таблица была размещена в правой части диаграммы. Или что еще, заставляя его появляться с правой стороны. (Я уже использую jQuery для выполнения $("#resultados").remove() и $("body").append("<table...</table>).

Как я могу сделать диаграмму div, которая имеет разметку <div id="placeholder" style="width:1200px;height:700px"></div> изменить размер и сделать место для другого сгенерированного div с правой стороны?

До сих пор, думая о уже отмеченных divs, я пробовал это, но я не получаю результаты, которые я хочу:

Сначала отображается таблица div, и мне нужно обратное.
Они не объединяют всю внешнюю ширину div.

diegoaguilar 04 март 2014, в 06:15

Источник

1

у тебя есть jsfiddeel?
Pratik 04 март 2014, в 05:11
1

если вы помещаете div из одного div в другой, тогда избегайте встроенного css.
Rakesh Kumar 04 март 2014, в 05:12

Теги:

javascript

jquery

html

css

2 ответа

1

Используйте класс вместо встроенной диаграммы css.

CSS

.first{
  width:1200px;
  height:700px;
}

.second{
  width:400px;
  height:200px;
}

Код

$("#placeholder").appendTo("#anotherPlaceholder").toggleClass("first second");

Rakesh Kumar 04 март 2014, в 04:23

0

Спасибо, я близок к тому, что я хочу с этим. Проверьте мою правку и скрипку, которую я связал. Скажем, диаграмма содержится в placeholder div и таблица в table , как будут выглядеть CSS и код?
diegoaguilar 04 март 2014, в 05:31
1

Я обновил ваш код скрипки. jsfiddle.net/P3GpM/3
Rakesh Kumar 04 март 2014, в 05:35
0

Таким образом, функция оператора jQuery состоит в том, чтобы изменить стиль любого div? Я не понимаю .appendTo("#anotherPlaceholder"). часть
diegoaguilar 04 март 2014, в 05:39
0

.appendTo () используется для перемещения любого элемента из одного места в другое, а метод toggleClass () используется для изменения класса с «first» на «second».
Rakesh Kumar 04 март 2014, в 05:42
0

Таким образом, вы предлагаете, как: $("#table").appendTo("#chart") ?
diegoaguilar 04 март 2014, в 05:45

Показать ещё 3 комментария

Ещё вопросы

если вы помещаете div из одного div в другой, тогда избегайте встроенного css.
Спасибо, я близок к тому, что я хочу с этим. Проверьте мою правку и скрипку, которую я связал. Скажем, диаграмма содержится в placeholder div и таблица в table , как будут выглядеть CSS и код?
Я обновил ваш код скрипки. jsfiddle.net/P3GpM/3
Таким образом, функция оператора jQuery состоит в том, чтобы изменить стиль любого div? Я не понимаю .appendTo("#anotherPlaceholder"). часть
.appendTo () используется для перемещения любого элемента из одного места в другое, а метод toggleClass () используется для изменения класса с «first» на «second».
Таким образом, вы предлагаете, как: $("#table").appendTo("#chart") ?

Bishnu Paudel · Accepted Answer · 2014-03-04T02-31-00.000Z

Оберните свой стол правым плавающим div, установив float:"right" в своем стиле.
Сделать placeholder div плавать слева (float:left).
Чтобы динамически изменить его размер, используйте: $("#placeholder").css({"width":"600px");
Наконец, добавьте четкий div (clear:both);

Спасибо! Каково намерение чистого div? Как контейнер? Как ваш ответ изменит мою скрипку?
Вы отправили оригинальную скрипку
Я до сих пор не понимаю, почему добавить clear div