Réduire/Agrandir une div

J'ai créé une application de chat en une DIV. Maintenant, je besoin d'être placé dans le bas de la page, qui devrait être réduite au minimum & maximisée peut me aiderRéduire/Agrandir une 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>

Source

2010-08-12 Vithya

Veuillez expliquer ce que vous entendez par minimisé/maximisé. La fenêtre du navigateur? Quel est le bas de la page: Le bas de la fenêtre du navigateur, ou du document? –

mon contenu div devrait être minimisé et maximisé, dans le bas de la fenêtre – Vithya

Je suppose que vous cherchez quelque chose comme this ... fenêtres modales utilisant prototype

Source

2010-08-12 08:52:20 CoderHawk

Utilisez jQuery pour définir la propriété d'affichage du div sur none. Ajoutez la classe "divNotDisplayed" lorsque vous masquez la div. Si cette classe est présente, modifiez la taille des autres divs. Ajoutez la classe "divDisplayed" lorsque vous affichez la div et modifiez de nouveau les autres divs.

Udachi

Source

2010-08-12 09:19:34

Aussi s'habituer à garder le style en CSS et js dans un fichier séparé. –

Répondre

Questions connexes