Ho trovato anche queste istruzioni riguardo il fade, secondo voi sono applicabili al mio sorgente?
Grazie mille e auguri
Codice PHP:
<body>
<head>
<link rel='stylesheet' href='sample.css' type='text/css'>
<title>DHTML Popups Sample 07</title>
</head>
<body>
<h1>DHTML Popups Sample 07</h1>
<script type='text/javascript'>
// Browser safe opacity handling function
function setOpacity( value ) {
document.getElementById("styled_popup").style.opacity = value / 10;
document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}
function fadeInMyPopup() {
for( var i = 0 ; i <= 100 ; i++ )
setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
}
function fadeOutMyPopup() {
for( var i = 0 ; i <= 100 ; i++ ) {
setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
}
setTimeout('closeMyPopup()', 800 );
}
function closeMyPopup() {
document.getElementById("styled_popup").style.display = "none"
}
function fireMyPopup() {
setOpacity( 0 );
document.getElementById("styled_popup").style.display = "block";
fadeInMyPopup();
}
</script>
<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 150px; left: 50px; zoom: 1'>
<table width='380' cellpadding='0' cellspacing='0' border='0'>
<tr>
<td>[img]images/x11_title.gif[/img]</td>
<td>[url='java-script:fadeOutMyPopup();'][img]images/x11_close.gif[/img][/url]</td>
</tr>
<tr><td colspan='2' style='background: url("images/x11_body.gif") no-repeat top left; width: 380px; height: 277px;'>
Hey, look at me!
I'm fading :-)
</td></tr>
</table>
</div>
<input type='submit' onClick='fireMyPopup()' value=' Fire! '>
</body>
</html>
