[Web2.0] Scurire la pagina

Mar 19 Dic 2006 16:55:37 CET

Su firefox 2 non ho problemi, non ho potuto provare sulla 1.5.

Ho fatto alcune modifiche:

1. mi dava il problema delle barre di scorrimento su Firefox a causa
del fatto che margin e padding non stavano a 0, li ho modificati.
Per simulare di nuovo il padding si potrebbe mettere un dive interno
al div principale.

2. Ho usato la proprietà display invece di visible, in questo modo il
div scompare letterelamente dal layout della pagina e penso che questo
dia meno problemi di interazione con altri elmenti della pagina.

3. ho messo del testo di prova per vedere come si vedeva sotto al div
trasparente.

Commenti e correzioni sono graditi :)

Andrea.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
   <title>BLUR Example</title>
	<script language="javascript">
	   function do_blur() {
		   el=document.getElementById('test');

		   el.style.width=document.documentElement.clientWidth;
		   el.style.height=document.documentElement.clientHeight;
		   el.style.display='block';
	   }
	</script>
	<style type="text/css">
		#test {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			display: none;
			text-align:right;
			background:
			black; filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			border-style: none;
			padding: 0;
			margin: 0;
			z-index: 999;
		}
	</style>
</head>
<body id="body">

<input type="button" name="click" value="blur" onclick="do_blur();">

<p>
asdas da dadasdasdasdads ads ads<br>
ad asdasd ads ads asd ads asd ads<br>
ads asd adsadsads ads ads asd ads<br>
a sdas<br>
<br>
asdas da dadasdasdasdads ads ads<br>
ad asdasd ads ads asd ads asd ads<br>
ads asd adsadsads ads ads asd ads<br>
a sdas<br>
<br></p>

<div id="test">
   <input type="button" name="unblur" value="close"
onclick="document.getElementById('test').style.display='none';">
</div>

</body>