Newsgroup: it.comp.lang.javascript
Titolo: Div

Ho un piccolo problema non riesco a restringere l'altezza del div.
Vi posto il codice:
##############################################################
<html>
	<head>
		<title>Example - JSGeneric</title>
		<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
		<script type="text/javascript">
			function swipe(paramDivId,paramOriantation)
			{
				var STEP_INTERVAL = 2;
 
				var cnt = document.getElementById(paramDivId);
				var maxW = 150;
				var maxH = 150;
				var minW = 0;
				var minH = 0;
 
				currentH = cnt.offsetHeight;
				currentW = cnt.offsetWidth;
 
				//alert('currentH: ' + currentH);
				//alert('currentW: ' + currentW);
				if (paramOriantation == 'V') //VERTICAL
				{
					if (cnt.offsetHeight < maxH) //Increase height
					{
						var i=currentH;
						while (i<=maxH)
						{
setTimeout("document.getElementById('"+paramDivId+"').style.height='" +
i + "px';", (STEP_INTERVAL*i));
							i++;
						}
					}
					else //Decrease height
					{
						var i=currentH;
 
						while (i>=minH)
						{
setTimeout("document.getElementById('"+paramDivId+"').style.height='" +
i + "px';", (STEP_INTERVAL) );
							STEP_INTERVAL=STEP_INTERVAL+2;
							i--;
						}
 
					}
				}
				else if (paramOriantation == 'H') //HORIZONTAL
				{
					if (cnt.offsetWidth < maxW) //Increase width
					{
						var i=currentW;
						while (i<=maxW)
						{
setTimeout("document.getElementById('"+paramDivId+"').style.width='" + i
+ "px';", (STEP_INTERVAL*i));
							i++;
						}
					}
					else //Decrease width
					{
						var i=currentW;
 
						while (i>=minW)
						{
setTimeout("document.getElementById('"+paramDivId+"').style.width='" + i
+ "px';", (STEP_INTERVAL) );
							STEP_INTERVAL=STEP_INTERVAL+2;
							i--;
						}
 
					}
				}
			}
		</script>
		<style type="text/css">
			#divEffettiSwipe {
				width:	150px;
				height:	150px;
				position: relative;
				top: 10px;
				left: 10px;
				border-width: 1px;
				border-style: solid;
				border-color: #ff9900;
				background-color: #f0f0f0;
			}
		</style>
	</head>
	<body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0">
		Effetti di apertura e chiusura:<br>
		<input type="button" value="Altezza"
onclick="javascript:swipe('divEffettiSwipe','V');">
		<input type="button" value="Larghezza"
onclick="javascript:swipe('divEffettiSwipe','H');"><br>
		<div id="divEffettiSwipe"></div>
	</body>
 
</html>
################################################################
Perchè non funziona?
Ciao e grazie, Luigi :)
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

Nessuno sa aiutarmi???
:(


 Nessuno sa aiutarmi???
Quando si posta del codice cosě lungo bisogna sempre sperare:
a) che qualcuno noti il problema al volo
b) che qualcuno trovi il tempo per testarselo ben bene tutto
A meno che non capiti questa fortuna (ogni tanto succede) la strada
migliore solitamente č fare una pagina il piů semplice possibile che simuli
il problema, in modo che ti si possa aiutare velocemente.
-- 
"That until there is no longer first class
And second class citizens of any nation
Until the colour of a man's skin
Is of no more significance than the colour of his eyes
Me say war"
B.M.

 il problema, in modo che ti si possa aiutare velocemente.
E' quella che ho postato! :)
Attendero' fiducioso!!!


 E' quella che ho postato! :)
Ha già risposto Zer0 a una questione simile pochi giorni fa:
overflow:hidden...
Vedi
http://www.criosoftware.it/Fugaro.htm
-- 
"Affacciati affacciati benedici, guardaci
 guardaci...guardaci!
 Tanto sono quasi duemila anni che stai a guardare!"
									    E.B.

 
http://www.criosoftware.it/Fugaro.htm
GROSSO!
;)


 GROSSO!
Grosso?
Come fai a saperlo? :-)
