Discussion :

[kalan]

Bonjour,
dans mon application, a un moment j'ouvre une popup avec une datagrid qui peut avoir sa taille changeante (selon le nb de ligne) , comment peut on redimensionner la popup a la taille de la datagrid qui la contient ?

Merci beaucoup à tous

Kal'

[neguib]

a première vue côté Javascript ce sera un resizeTo(newWidth,newheight)

à chaque rechargement de la popup
1. recup size de la Datagrid
2. calcul en fonction newWidth et newheight
3. lancer le resizeTo

[kalan]

Merci j'ai trouvé ca sur le net :

Dans le head:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<script type="text/javascript"><!--
 
function getRefToDivMod( divID, oDoc ) {
	if( !oDoc ) { oDoc = document; }
	if( document.layers ) {
		if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
			for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
				y = getRefToDivNest(divID,oDoc.layers[x].document); }
			return y; } }
	if( document.getElementById ) { return oDoc.getElementById(divID); }
	if( document.all ) { return oDoc.all[divID]; }
	return oDoc[divID];
}
 
function resizeWinTo( idOfDiv ) {
	var oH = getRefToDivMod( idOfDiv ); if( !oH ) { return false; }
	var x = window; x.resizeTo( screen.availWidth, screen.availWidth );
	var oW = oH.clip ? oH.clip.width : oH.offsetWidth;
	var oH = oH.clip ? oH.clip.height : oH.offsetHeight; if( !oH ) { return false; }
	x.resizeTo( oW + 200, oH + 200 );
	var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;
	if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }
	else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }
	else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }
	if( window.opera && !document.childNodes ) { myW += 16; }
	//second sample, as the table may have resized
	var oH2 = getRefToDivMod( idOfDiv );
	var oW2 = oH2.clip ? oH2.clip.width : oH2.offsetWidth;
	var oH2 = oH2.clip ? oH2.clip.height : oH2.offsetHeight;
	x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );
	var scW = screen.availWidth ? screen.availWidth : screen.width;
	var scH = screen.availHeight ? screen.availHeight : screen.height;
	x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2));
}
 
//--></script>

On ajoute onload="resizeWinTo('mydiv');" dans le body

et on encapsule le webcontrol dans un div:

Code :

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

1
2
3
4
5
6
7
 
<div id="mydiv" style="FONT-SIZE: xx-small; Z-INDEX: 100; BACKGROUND: #e7e7ff; LEFT: 0px; WIDTH: 554px; COLOR: #4a3c8c; FONT-FAMILY: Arial; POSITION: absolute; TOP: 0px; HEIGHT: 216px; TEXT-ALIGN: center">
<form ...>
<asp ...>
</asp>
</form>
</div>

et ca marche nickel

Kal'