2014-03-04 143 views
0

我得到一個div,我放置一個Java腳本生成圖表。另外,我得到另一個div,我打印出一張包含圖表數據結果的表格。如何將新生成的div放到另一個div旁邊?

一個例子是:

enter image description here

然而,對於UX目的,我寧願被放置在圖表的右側的表中。或者更重要的是,讓它出現在右側。 (我已經使用jQuery做$("#resultados").remove()$("body").append("<table...</table>)

我怎樣才能使圖表DIV,這標記是<div id="placeholder" style="width:1200px;height:700px"></div>調整下來,使地方到另一個地方產生的股利它的右側?

到目前爲止,思考關於已經標記了的div我試圖this但我沒有得到我想要的結果:

  1. 表格首先出現,我想相反
  2. 他們不在一起,把整個外層div。寬度。
+1

你有jsfiddeel嗎? –

+1

如果您將div從一個div放到另一個div,則避免使用內聯css。 –

回答

1
  1. 以其風格settting float:"right"裹以右浮動DIV表格。
  2. 使佔位符div左浮動(float:left)。
  3. 要動態更改其大小,請使用:$("#placeholder").css({"width":"600px");
  4. 最後,添加一個清晰的div(clear:both);
+0

謝謝!清晰div的意圖是什麼?作爲一個容器?你的答案如何改變我的小提琴? – diegoaguilar

+0

http://jsfiddle.net/diegoaguilar/P3GpM/ –

+0

您發送原來的小提琴 – diegoaguilar

1

使用類而不是內嵌的css圖表。

CSS

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

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

代碼

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

謝謝,我接近我想要的東西。檢查我的編輯和我鏈接的小提琴。比方說,圖表包含在'table'中的'placeholder' div和table中,css和代碼的外​​觀如何? – diegoaguilar

+1

我已更新您的小提琴代碼。 http://jsfiddle.net/P3GpM/3/ –

+0

所以jQuery語句的功能是改變任何div的風格?我不明白'.appendTo(「#anotherPlaceholder」)'part – diegoaguilar