Newsgroup: it.comp.lang.javascript
Titolo: Opacity che fregatura!!!

ho da porvi un bel quesito... ho uno SPAN che vorrei gradualmente
cambiargli opacità... non penso di sbagliare ma mi indica che non è un
oggetto nonostante gli abbia messo un ID o NAME
document[x].filters.alpha.opacity -= 10
sulle immagini funziona... invece mi dice che non è un oggetto per
tabelle, span e quantaltro!
qualche suggerimento? qualche attestazione che mi dica che non è
proprio fattibile? volevo ricreare un effetto di dissolvenza graduale
per uno span che contiene un menù!
grazie infinite come sempre ^_^

Io ci ho giocato un po', ma non ne vale la pena...il "graduale" va piů o
meno veloce a seconda del pc (anche con setTimeout), funziona solo con IE -
versioni recenti, per gli altri se non stai attendo segnala errori...
Vedi l'effetto che ho dato su 
www.slowmorphiart.com
 (sempre se riesci ad
entrarci, č un sito in beta per ora): dopo la schermata introduttiva, le 2
voci in alto "quadri" e "menů", se non erro...
Gif animata?

ti ringrazio della dritta, ma non posso usare immagini perchč lo span
contiene delle cose da visualizzare... il tuo codice non funge per la
mia esigenza... non hai altro modo?


Opacity è applicabile SOLo al filtro Alpha (ie>=4):
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/re
ference/properties/opacity.asp
Alpha è però applicabile a diversi tag, qua Microsoft fa l'esempio su un
button e su un div:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/re
ference/filters/alpha.asp
Direi che è quindi applicabile anche al tuo span (al massimo andrà
"convertito" in div, anche se non vedo il perché dovrebbe funzionare con div
e non con span)

purtroppo non funziona con lo span... ne col div... ti faccio vedere
cosa ho scritto e dimmi a tuo parere... o se lo provi e trovi quale
errore ho fatto perchè non funzioni!
document('tabbe').filters.alpha.opacity -= 10;
document[x].filters.alpha.opacity -= 10;
ho provato entrambi i codici qui sopra... il secondo passandogli il
nome dello span o div o table
<SPAN ID="tabbe">
ho provato a vedere se fungeva sull'onClick o sul mouseOn... niente...
tu che dici?


 purtroppo non funziona con lo span... ne col div...
Funge, funge.. sbagli solo approccio.
Vai qui e fatti una cultura sui visual filters (IE only):
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp
Buon divertimento :)
Anche se, come dice Cristiano, il gioco forse non vale la candela.
--------------------------------
Inviato via 
http://usenet.libero.it

hai visto l'esempio di Microsoft sul div nel link che ti ho inviato?
Copi pari pari e vedi se funziona
Ottimo il link di Zer0 (non sono cosě "immediati" da capire alcuni filtri)

 Ottimo il link di Zer0 (non sono cosě "immediati" da capire alcuni filtri)
Ops, non avevo visto che avevi inviato praticamente gli stessi link anche
tu.. Sorry.. io ho postato direttamente quello "generale" della reference,
anche perche' puo' darsi che piu' che un filtro in senso stretto a lui serva
una transizione da quanto m'e' parso di capire.


siccome sono un po' caprone mi potresti dire in cosa sbaglio? non
capisco se č una questione riguardo il fatto che non lo consideri un
oggetto... che approccio devo fare?


Io nel sito che ho indicato sopra ho usato un ciclo per aumentare/diminuire
opacity (per creare effetto visibile/non visibile,visibile/non visibile
etc); per questo basta opacity variando il valore.
Il sito, però, lo sto rifacendo completamente proprio perché, dopo averlo
messo in linea (beta), chi me lo ha chiesto si è reso conto dei problemi a
cui va incontro usando questi comandini proprietari...in taluni casi vale la
pena lavorarci, in talaltri forse è meglio evitare certi abbellimenti che,
seppur carini, creano solo gran casini di compatibilità (vedi la schermata
iniziale senza premere "skip", premendo il tasto "enter" alla fine fa pure
un lampo con suono...)

purtroppo l'esempio del div funge solo dalla 5.5 in poi... mentre
quello che scrivevo io per capire dove sbagliavo era dalla 4 in su me
pare... mh... mi potresti correggere quella linea di codice che
determina l'opacity di un oggetto basta che non sia un'immagine! ti
prego... ;_;


ho capito come funge la logica... ma probabilmente sbaglio qualcosa a
livello di sintassi...
document('tabbe').filters.alpha.opacity -= 10;
document.tabbe.style.filter='Alpha(opacity="20",style=0)';
qui sbaglio sicuramente... se tabbe non lo vede come oggetto... che
diavolo devo fare per farlo vedere tale?
a me basta che funge dalla 5.0 in poi


da 5.0 di ie (anche netscape>=6): se 'tabbe' č l'id puoi usare
document.getElementById('tabbe').style etc etc

document.getElementById('tabbe').style

Prova nel tuo span a mettere uno style='position:absolute' ....
Mi devi una pizza/birra? :-)

style='position:absolute'

 per ie4 come era il codice in generale per utilizzare l'oggetto tabbe?
document.all["tabbe"].style.filter='Alpha(opacity=10,style=0)';


 cmq hai una birra pagata!
Bene, bene, registrata la birretta...

> è venuto un fegato come un ippopotamo...


stavo provando a far funzionare il FAVICON... ovvero cercavo di
mettere una icona prima dell'indirizzo nella barra di explorer e
notavo che non funziona proprio! di certo non sbaglio quello che
scrivo nel codice... non avete notizie in proposito?
per chi non lo sapesse il FAVICON si inserisce in questo modo
<LINK REL="SHORTCUT ICON"
href="
http://www.hostingplan.net/favicon.ico
">
solo che nelle versioni che ho provato di explorer dalla 5 alla 5.5
non funge proprio... che la sfiga che mi perseguita abbia colpito
ancora?
a voi l'ardua sentenza!

 tabelle, span e quantaltro!
Vedi se ti funziona questo:
<HTML><HEAD>
<SCRIPT language=JavaScript>
function vedi()
{
 window.myTxt.filters[0].apply();
 window.myTxt.style.display='block';
 window.myTxt.filters[0].play();
};
</SCRIPT>
</HEAD>
<BODY><SPAN id=myTxt
style="DISPLAY: none; FILTER: blendTrans(Duration=3);
LEFT: 10px; POSITION: absolute; TOP: 20px">Vedi se questo funziona
</SPAN><BR><BR><INPUT onclick=javascript:vedi() type=button value=On>
<INPUT onclick="window.myTxt.style.display='none'"
type=button value=Off>
</BODY></HTML>
-- 
     * b *
   *   y   *
 *   Piero   *

Ma la hai messa nei preferiti?
Ho provato il sito che indichi, a me visualizza correttamente la faccina
gialla (dopo averlo inserito nei preferiti)
IE5.5sp2

stranamente non lo ha fatto neanche dopo che l'ho messa nei
preferiti... ma oggi invece funziona... certo che explorer a volte fa
un po' come cazzo gli pare!!!
cmq che stupidaggine sta cosa che devi per forza metterlo nei
preferiti per st'abbellimento!


Io avevo fatto dei test qualche anno fa (se cerchi in google probabilmente
troverai i post), il risultato era che con ie5.0 non era affidabile neanche
mettendolo tra i preferiti, se non ricordo male.



La favicon funziona correttamente solo dalla versione 5.5 di IE in
avanti

 versioni recenti, per gli altri se non stai attendo segnala errori...
'giorno... :)
un po' che non ci si vede..:) Tutto OK? :)
se posso stimolare la fantasia e la creatività qua e là, anche Mozilla e la
sua
famiglia di browser supportano la trasparenza... :)
....... style="-moz-opacity:0.5;" ..............
il valore deve essere compreso tra 0 e 0.9999999 (non 1) per un bug in
alcune versioni...
quindi lo animi da JS, impostando
    oggetto.style.MozOpacity = 0.2
ad esempio, che equivale al 20 che metteresti nell'alpha di IE4+...
Nota1: è molto più lento dell'effetto di IE, se si vogliono fare animazioni
Nota2: molto più lento sui layer che direttamente sulle immagini
Nota3: volendo, si potrebbe cercare di fare in modo che l'animazione risulti
fluida
anche su computer lenti, e cmq alla stessa velocità su ogni browser...
l'idea è di calcolare ogni tot ms il tempo trascorso da un certo istante
iniziale, quindi assegnare l'opacità in base a quello.... al max il
passaggio è meno progressivo e più a scatti, ma la velocità finale, poi,
all'occhio
appare bene o male la stessa....
A presto..
Bye.. :)
--
~~ ~~ ~~ ~~ ~~ ~~ ~~
Ðarius. 
www.darius.it
("JavaScript per Esempi".... coming soon...)
..
:

 anche su computer lenti, e cmq alla stessa velocità su ogni browser...
Fluida no, alla "stessa velocita'" si'.
Si tratta di non fare altro che recuperare i fps. :) Lo stesso concetto 
che si ha nello sviluppo dei videogames 2d e 3d.
Cmq, ben tornato. ;)
-- 
C'ya,
ZER0
  :. job profile - coder.gfxer.webDesigner
"When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)

 ....... style="-moz-opacity:0.5;" ..............
moz-opacity??? Eccheé, un'arma di Goldrake??? :-)
Comunque, per quel che mi riguarda, lo ho usato solo nel sito che indicavo e
che il proprietario ha deciso di cassare e di non usare più questi effetti,
per mia fortuna...

 concetti propretari a questi livelli e' preoccupante.. )
per la cronaca gli attributi con prefisso -moz
sono la controparte mozilliana dei alcuni nuovi attributi
previsti nei CSS3. una volta che i css3 diventeranno
una raccomandazione W3C ci sara' il "cambio".
quegli attributi -moz- sono utilizzati all'interno
del browser per descrivere l'interfaccia grafica.
ad esempio:
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius
e' simile a -moz-border-radius
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://deelan.cjb.net

 una raccomandazione W3C ci sara' il "cambio".
Si, ma e' proprio questa corsa a "io lo implemento prima di te, tie' " da
parte dei browser, ancor prima che siano "attributi confermati", che mi
preoccupa, in quanto e' cio' che fa nascere le differenze sostanziali di
sviluppo tra browser.
Cmq grazie per la chiarificazione.


 Cmq, ben tornato. ;)
Grazie, e bentrovato a te! :)
Au revoir.
--
~~ ~~ ~~ ~~ ~~ ~~ ~~
Ðarius.
www.darius.it
..
:

 sviluppo tra browser.
Capisco e in parte condivido la tua preoccupazione (ho capito solo adesso
bene cosa volevi dire, anche nell'altro post)...
Magari, ironia della sorte, alla fine il W3C stravolgerà di nuovo tutto
creando nuove proprietà non compatibili con alcun browser attuale, come già
ha fatto ai tempi col DOM e il getElementById(), e poi siamo di nuovo da
capo.. :D
Al di là della preoccupazione, sono però anche contento che i produttori
abbiano iniziato a supportare qualche effetto speciale... ok, il DHTML non
diventerà una cosa obsoleta così presto come al W3C potevano sperare, ma
almeno ci posso mettere un po' di creatività nelle mie cose senza dover per
forza usare flash per tutto...
Quando poi, tra 5 anni, si sveglieranno al W3C e proporrano la trasparenza e
altri effetti come raccomandazione, e anche i browser saranno stati
adeguati, aggiornerò i miei script vecchi (ché tanto sono anni che vado
avanti a doverli rivedere sempre... :)
A presto.
--
~~ ~~ ~~ ~~ ~~ ~~ ~~
Ðarius.
www.darius.it
..
:

 Grazie, e bentrovato a te! :)
Danke! ^^


 avanti a doverli rivedere sempre... :)
Eh, il meraviglioso mondo dell'informatica..
