2010-08-12 232 views
0

我在一個DIV中創建了一個聊天應用程序。 現在我需要它被放置在頁面的底部,應儘量減少&最大化 任何一個可以幫助我最小化/最大化div

<div style="height:40px; width:300px; background-color:#CC66FF; position:absolute;bottom:15px;" > 

<div id="vithu" style="height:40px; width:200px;"></div> 
<span id="error_msg"></span> 
<table> 
<form method="post"> 
<tr> 
<td><input type="text" name="txt_msg_box" id="txt_msg_box" ></td> 
<td><input type="button" value="Chat" onClick="save_chat();" /></td> 
</tr> 
<input type="hidden" id="hdn_username" name="hdn_username" value="<?php echo rand_str();?>" /> 
</form> 
</table> 
</div> 
+0

請解釋一下你的意思是最小化/最大化。瀏覽器窗口?什麼是頁面底部:瀏覽器窗口的底部還是文檔的底部? – 2010-08-12 08:42:44

+0

我的div內容應該被最小化和最大化,在窗口的底部 – Vithya 2010-08-12 08:44:12

回答

1

我假定你正在尋找的東西像this ...使用原型

模態窗口
0

使用jQuery將div的display屬性設置爲none。在隱藏div時添加「divNotDisplayed」類。如果這個類存在,則改變其他div的大小。當您顯示div並再次更改其他div時,添加「divDisplayed」類。

Udachi

+0

也習慣於保持樣式在CSS和JS在一個單獨的文件。 – 2010-08-12 09:22:51