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.

[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 ?

[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?

[NoSmoking]

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...

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

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

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

à reprendre

[rioll]

D'accord, merci.

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

Je vais aussi tenter d'alleger mon code