Discussion :

[rioll]

Bonjour, je voudrais savoir comment je pourrais faire pour :

-Agrandir le contenu d'un TD ( un widget contenus dans une div ), et le faire prendre 100% de la taille du tableau, en masquant donc les autres cellules du tableau. Cet évènement déclenché onclick sur une image.

Voici la forme de mon tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="corps">
 
					<span style="border:none; background:none; width:100%; display:block;">
						<table width="100%" cellpadding="10px" cellspacing="10px">
						   <tr>
		      <!--boite1-->	 <td align="left" style="text-align:left;" d="y">
						   <div ID="BOX01" class="boite" style="top:15;left:5;height:150;width:220;" draggable="true";>
                          <img class="agrandir" src="images/bt_agrandir.png" onclick="">
						  <img class="outils" src="images/bt_outils.png" onclick="">
<div style="cursor:move;"class="haut_boite">
	<span id="TBOX01" class="titrebox flol">Box numero 1</span>
</div>
<div id="dtabox01" class="boite_IN"><iframe name="iFBOX01" id="iFBOX01" src="" frameborder="0" height="100%" scrolling="auto" width="100%"></iframe></div>
</div>						</td>

[SpaceFrog]

Perso je passerais par un truc du genre lightbox de jquery ...

[rioll]

Sans Jqery :s c'est possible?

[SpaceFrog]

Oui biensur ...
un lightbox peut se coder en tout ...
prototype, motools, jquery etc ... et aussi en js pur ...

là tu as le choix entre 40 scripts de lightbox ...
http://www.opensourcehunter.com/2010...-and-mootools/

[rioll]

Je pensais pas a un effet comme ceci.

Je pensais plus a un aggrandissement de mon Div, et qui provoque la modification de mon tableau.

Par exemple mon tableau 3x3 cellules, se voit réduit a un simpe 1x1 cellule, avec un seul Div(celui sur lesquel j'ai cliquer) en mode "zoomer"..

Mais pourquoi pas après tout sa ajoute du design a mon application..

[rioll]

Finalement ca ne conviens pas a l'utilisateur.

Il faut que mon Div reste dans mon tableau, mais que celui ci soit modifier.

ex: j'ai un tableau 3x3, je clique sur mon bouton "agrandir" de mon Div en A1,et ce Div grossit pour devenir l'unique cellule du tableau.Un zoom pour résumer. Il faut donc que ce div "cache" tout les autres present dans d'autre cellule du tableau d'origine.