[DOM] style.bottom e style.top non funzionanti

**jesus** · 24-03-2004, 14:57

Ho questo codice:

codice:

<html>
	<head>
		<title>News scrollabili</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type="text/css">
			#news-esterno {
				position : relative;
				width : 300px;
				height : 300px;
				border : 1px solid gray;
				overflow : hidden;
			}
			#news-interno {
				position : absolute;
				top : 0px;
				left : 0px;
				padding : 10px;
		}
		</style>
		<script language="Javascript">
			function scroll_news() {
				var objNews = document.getElementById("news-interno");
				var intBottom = objNews.style.bottom;
				var intTop = objNews.style.top;
				
				//alert(intBottom);
				//alert(intTop);
				if (intBottom == -10) {
					intTop = 300;
				} else {
					intTop = intTop - 1; 
				}
				
				objNews.style.top = intTop;
				
				setInterval('scroll_news()', 100);
			}
		</script>
	</head>
	<body onload="scroll_news()">
		<div id="news-esterno">
			<div id="news-interno">
				<h4>News 1</h4>
				

Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit 
					amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer 
					adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem 
					ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, 
					consectetuer adipiscing elit.</p>
				<h4>News 2</h4>
				

Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit 
					amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer 
					adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem 
					ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, 
					consectetuer adipiscing elit.</p>
				<h4>News 3</h4>
				

Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit 
					amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer 
					adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem 
					ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, 
					consectetuer adipiscing elit.</p>
			</div>
		</div>
	</body>
</html>

poerchè nella funzione scroll_news di javascript non mi dice le proprietà style.bottom e style.top del div news-interno?

**jesus** · 24-03-2004, 18:42

ho sbagliato forum scusatemi

Discussione: [DOM] style.bottom e style.top non funzionanti

Strumenti discussione

Ricerca discussione

Visualizza

[DOM] style.bottom e style.top non funzionanti

Permessi di invio