[Web2.0] Scurire la pagina

Mar 19 Dic 2006 16:27:27 CET

Marcello Vezzelli ha scritto:
> Davide Michel 'ZioBudda' Morelli ha scritto:
>> Tinazzi Matteo ha scritto:
>>> Andrea Colanicchia wrote:
>>>>> On 12/19/06, Davide Michel 'ZioBudda' Morelli <michel a ziobudda.net>
>>>>> wrote:
>>>>>> Andrea Colanicchia ha scritto:
>>>>>>> Scusate, ma su che tag volete usare queste impostazioni, sul tag
>>>>>>> body?
>>>>>> Magari....
>>>>> Allora usi un div che prende tutta la pagina?
>>>>>
>>>>> Tanto per sapere, perché potrebbe capitare di farlo pure a me...
>>> si cmq è o usate lightbox oppure ho fatto più o meno la stessa cosa e
>>> appena finisco 2 cosette vi pubblico lo script
>> grazie signore grazie :)
>>
>> Non vorrei dovere utilizzare lightbox solo per scurire la pagina.
> 
> <!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');
>         alert(document.documentElement.clientWidth);
>         el.style.width=document.documentElement.clientWidth;
>         el.style.height=document.documentElement.clientHeight;
>         el.style.visibility='visible';
>     }
> </script>
> </head>
> <body id="body">
> <input type="button" name="click" value="blur" onclick="do_blur();">
> <div id="test" style="position: absolute; top: 0px; left: 0px; width:
> 100%; height: 100%; visibility:hidden; text-align:right; background:
> black; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
> border: solid 1px #AAAAAA;padding: 8px">
>     <input type="button" name="unblur" value="close"
> onclick="document.getElementById('test').style.visibility='hidden';">
> </div>
> </body>
> 
> Probabilmente fa schifo ma funziona sia su IE che su firefox.
> 
> Visto che sto imparando, sono graditi commenti e/o correzioni.
> 

   a me è capitato di usare opacity su un div "grande" (100%x100% a 1024x768)
ed il "rendering" non è fluido per niente:
compare la pagina -> attesa snervante di 1 secondo in cui è tutto bloccato ->
opacity applicata correttamente

   il tutto su firefox 1.5, tu non hai riscontrato di questi problemi ?