Gestion de Tableau

Version imprimable

Gestion de Tableau

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:

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>

23/02/2012, 10h39
SpaceFrog

Perso je passerais par un truc du genre lightbox de jquery ...
23/02/2012, 11h04
rioll

Sans Jqery :s c'est possible?
23/02/2012, 11h12
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/
23/02/2012, 11h42
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..
24/02/2012, 09h32
rioll

Finalement ca ne conviens pas a l'utilisateur.:roll:

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.
24/02/2012, 11h03
NoSmoking

Bonjour,
tout d'abord DUR DUR ta structure HTML!!!!

sur le click, si il ne s'agit que d'image, le zoom de texte ne me semble pas bien judicieux, il te suffit de créer une DIV qui vient cacher la table en affichant l'image...

tiens mais ne serait ce pas le principe des lightBox ?
24/02/2012, 11h26
rioll

Dur dur ...mais juste ? ou dur dur a refaire ?

Ce n'est pas des images qui sont dans mes Div, mais des widgets.

Je pensais les ligthbox était utilisée(/able) que pour les images justement.

Donc je dois faire une div qui, onclick viens cacher l'integralité de mon tableau?
24/02/2012, 12h18
NoSmoking

Citation:

Je pensais les ligthbox était utilisée(/able) que pour les images justement.

dans une "lightBox" tu mets ce que tu veux, images, texte, page HTML via une DIV ou une IFRAME etc...

Citation:

Ce n'est pas des images qui sont dans mes Div, mais des widgets.

plutôt une représentation de ceux ci non ?

Citation:

Dur dur ...mais juste ? ou dur dur a refaire ?

à reprendre ;)
24/02/2012, 14h17
rioll

D'accord, merci.

Donc je vais voir du coté des ligthbox, j'espere que c'est pas trop dur a comprendre/addapter :calim2:

Je vais aussi tenter d'alleger mon code :roll: