PDA

Visualizza versione completa : [JAVASCRIPT] Scriptacolous molto poco cross-browser


realtebo
03-06-2007, 19.29.22
Ho fatto una scemata di prova con Prototype 1.5.0 e Scriptacolous 1.7.0.


<html>
<head>

<title>2123</title>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>

<script type="text/javascript">

function op_scompare() {
new Effect.Opacity("opacity_demo",
{ duration:1.0,
from:1.0,
to:0.0}
);

$('op_scompare').hide();
$('op_appare').show();

}


</script>
</head>

<body>

<h1>Prove di scriptacolous 1.7.0 su prototype 1.5.0</h1>

<h2>Core: Opacity</h2>

<div id='opacity_demo' >
Testo di esempio per voi ! <br>
Viene usato sia l'effetto Opacity da Scriptacolous che
che il selettore $ che i metodi show e hide di prototype.<br>
Opacity mantiene il posto di un elemento, solo che Ŕ trasparente del tutto se si vuole !
</div>


<a id='op_scompare' href='#' title='Effetto Opacity in azione !'
onClick='op_scompare();'>
Cliccare qui per fare sparire il testo di esempio
</a>

<a id='op_appare' style='display: none;' href='#' title='Effetto Opacity in azione !'
onClick='new Effect.Opacity("opacity_demo",
{ duration:1.0,
from:0.01,
to:1.0}
);
$("op_appare").hide();
$("op_scompare").show();
'>
Testo di esempio che compare
</a>


</body>

</html>


E' visibile su www.mirkotebaldi.it/dev (scusatemi il link ma server per farvi vedere quanto segue:)

- Su ie 5 e 6 la funzione scompari fa 'riapparire' a fine animazione il div con opacitÓ ridotta a 0
- Su FF 2 e tutti gli altri va

sbaglio qualcosa?